Page 27 - Blog
News, insights and resources from the world of e-commerce
- 4 min read
Categories help you organize your catalog and customers — to find products they are interested in faster. However, the "behind-the-scenes" of category management is not that positive.
You often have to spend hours adding and removing products from categories. Especially when a sale season is approaching.
But the struggle ends with the solution we're offering you today — . It helps you completely automatic categories like Brands, , Newly Added, Most Rated, etc.
So, today you'll learn how to create dynamic categories in Magento and make them work completely autonomously.
1. Fill Out Basic Rule Information
Once you install the extension, navigate to Stores > Configuration > Magefan Extensions > Dynamic Category and enable it.
Then go to Catalog > Dynamic Category > Rules and press the Add New Rule to create a new dynamic category rule. Here you need to:
Enable the rule.
Set the Rule Name and add a Description if needed.
Specify the Priority which defines how the ruleihor
- 1 min read
There are cases when the Magento sidebar is missing and not showing. Most likely this is because of the "sidebar" or "sidebar.additional" container has been removed from your theme layout.
In order to fix this issue, please follow the steps below:
1. Look for remove="true" in the theme layout XML files. For this you need to check out all these files in our theme in general:
app/design/frontend/ThemeVendor/themename/*/layout/*.xml
* - means any folders, file names.
2. Remove or comment lines that look like
<referenceContainer name="sidebar" remove="true" />
or
<referenceContainer name="sidebar.additional" remove="true" />
3. Save changes.
4. Flush Magento cache and check.
If it does not work then please do the same, but instead of theme folder check the extensions folders that are located in app/code or vendor or make sure that your page does not use 1column or empty layout.
- 2 min read
In order to configure blog design in , navigate to Stores > Configuration > Magefan Extensions > Blog and find the Design section.
Note: This option is available only for users.
In this section, you are able to choose the Layouts for Blog Post, Category, Tag, Author, Search and Index Pages.
It can be empty, 1 column, 2 columns with right bar or left bar or 3 columns. In case you have some designs on your Magento instance they will be displayed here as well.
So let's have a look at how some of these layouts work on the storefront.
1 column
2 columns with left bar
2 columns with right bar
3 columns
You can also choose whether to Display Post Publication Date and select the Post Publication Date Format in the Design section. Learn more about it in the guide.
In addition to the publication date, you can also display the Post's Modified Date and set its format to reflect when your content receives updates.
The Design section is available for all blog pages e.g. blog post, category,authorihor
- 3 min read
When you you add the post content, tags, categories and fill out the display setting, etc. However, how blog posts look on the frontend is defined by the post view settings. Since extension comes with quite a few, today we'll cover each in detail.
To configure the blog post page elements, navigate to Stores > Configuration > Magefan Extensions > Blog > Post Page (Post View).
Posts From The Same Category
Choose whether to Display Posts From the Same Category on the blog post page, select the Template and set the Number of Posts to display.
And this is how the posts from the same category are displayed on the storefront:
Related Posts
Enable the Display Related Posts option.
Select the related posts Template. You can Use System Setting, Grid or Carousel Slider template.
Set the Number of Posts you want to be displayed.
Enable Auto Related Posts if you want related posts to be generated automatically.
Note: auto-related blog posts' grid and slider templates are availableihor
- 7 min read
It's not a secret that an active and SEO-optimized blog drives more traffic and contributes to the overall performance of your store. A solution of choice for many, our Basic comes with a multitude of features for effective content management. Yet, as useful as they are, you can go even further.
plans offer you a range of advanced options that help you create a unique blog. In this article, we'll look closer at the distinctive options these plans offer. So you'll be able to choose the one for your needs.
Ready to get started?
Custom Blog Homepage
Edition: Extra
Blog Extra edition allows you to create a with Recent and Featured Posts Widgets using different templates. Thus, you can place certain info right in front of your customers' eyes and ensure the posts you share are relevant for every visitor.
22+ Templates
Edition: Extra
You can make your blog pages more attractive with the Blog Extra edition. Here, you get 22+ templates for blog index, category, and different list pages. Be sureihor
- 3 min read
Since the customer-store relationship is based on communication it's best to reach out to them in their local language. Correspondingly, you need to translate email templates when you set up store.
By default Magento allows you to translate emails by creating multiple copies in different languages. However, depending on the number of languages you have, multiple email templates might just be too much to handle.
So, in this guide, we'll show you how you can translate emails in Magento by default or simplify the process with auto translation.
Translate Email Templates in Default Magento
Long story short — in default Magento, you have to load and translate each template as many times as many languages you have. Then assign each email to a different store view. But let's go through the process step by step.
1. Navigate to Marketing > Communications > Emails Templates and press the Add New Template button.
2. Load the Default Template you want to translate. We've selected the New Orderihor
- 4 min read
In case you already have a and want it to use "manage_pages" and "publish_pages" permissions you will learn how to enable them in this article.
These permissions are needed for Facebook App to be able to publish posts on your . Once it is in the developer mode you can make any publications on the Facebook page through the Facebook App without these permissions.
However, being published while in the developer mode posts aren't seen to anyone except for the page administrators and Facebook App developers. That is because Facebook needs to confirm the manage_pages and publish_pages requests, to make them seen to the public. In order to request "manage_pages" and "publish_pages" permissions take the following steps: 1. Go to https://developers.facebook.com and log in to your Facebook Account to continue working with Facebook App.
2. Navigate to My Apps, choose the Facebook App you want to configure the permissions for and make sure yourihor
- 2 min read
Notice: this functionality is deprecated and no longer works in the latest versions of Magento 2 Blog.
Posting to Facebook automatically saves you a lot of time so you don't have to duplicate your Magento 2 Blog posts to Facebook, especially if you publish regularly. In this article, you will learn how to configure the blog posts auto-publication to Facebook.
Publish Posts on Facebook
To configure the auto-publication of your blog posts on Facebook in follow these steps:
1. Navigate to Stores > Configuration > Magefan Extensions > Blog and find the Publish Posts On Facebook section. Note: that this option is available for Blog Plus and Blog Extra users only.
2. Enable the Auto Publish on Facebook option to be able to configure it.
3. Set the Facebook App ID and Facebook App Secret. You need to get them from your Facebook API. If you don't have one, please .
Note: that the application needs to be in the LIVE mode and <a title="How to Request " manage_pages"="" and="" "publish_page"=""ihor
- 1 min read
In order to create a new page on Facebook navigate to Facebook Login Page. Note, that you have to be logged in to your Facebook account to create a new page.
1. Press the Create button and select Page from the flyout menu.
2. Choose what kind of page you would like to create (Business&Brand or Community&Public).
3. Enter the Page Name.
4. Set the Category you want your page to be added to.
5. Specify your Address and set the Phone Number which is optional.
6. Put a checkmark in the corresponding field if you don't want your address to be shown to the public and press the Continue button.
7. Set the Main and the Cover Pictures of your page in two steps. You can skip and complete them later if you like.
Once you've finished up with the settings you will be automatically guided to your newly created facebook page.
To quickly create on-brand cover images and social posts, you can use Adobe Express for free instead of building every design from scratch.
- 2 min read
In this article, you will learn how to create the Facebook App ID which opens a lot of opportunities for you.Following steps to create Facebook APP:
1. Log in to your Facebook account.
2. Go to Facebook for Developers, click on My Apps and press Create App.
3. Set the Display Name of your application.
4. Enter the Contact Email.
5. Navigate to Facebook Login and press the Set up button.
6. Select Web from the displayed platforms.
7. Go to the Settings section and choose Basic.
8. In the appeared menu some of the fields are generated automatically. All you need to do is fill in the rest of them, such as App Domains and Contact Email in particular. Please note these two are obligatory options. Privacy Policy URL and Terms of Service URL are optional, but we recommend you NOT to leave them blank. You will not be able to switch your application to live mode without them being set.
9. Once you've filled all the necessary fields, press the Add Platform buttonihor
- 3 min read
The examples of some GraphQL queries for the are presented in this article. With these queries, you will be able to extract the necessary blog data for Progressive Web Application (PWA). The queries are easily tested in the .
Note that Magento 2 Blog GraphQL addition should be installed first.
To check the full Blog GraphQL schema please see the schema.graphqls file.
Blog Index Page Posts GraphQL Request
Query:
query GetPosts ($currentPage: Int $pageSize: Int) {
blogPosts (currentPage: $currentPage pageSize: $pageSize sort: ["DESC"]) {
total_count
items {
post_id
title
short_filtered_content
author {
author_id
name
author_url
}
post_url
creation_time
tags {
tag_id
title
tag_url
}
categories {
category_id
title
category_url
}
}
total_pages
}
}
Variables:
{"currentPage": 1,"pageSize": 5}
Result:
As a result, you will receive data for the first 5 blog posts that should be displayed on the first page.
Blog Category Posts GraphQL Request
With this query you will get posts for a certain blogihor
- 1 min read
In order to easily test the GraphQL queries all you need to do is install the ChromeiQL extension for Chrome Browser by pressing the Add to Chrome.
Once you have added it you will see the extension icon in the right top corner of the browser window. Pressing it will move you to the new window where the testing is actually conducted.
This is the example of how we test the GraphQL query for Magefan Magento 2 Blog module:
Set the Endpoint URL in the corresponding field.
In the left field set the query. It is also allowed to state the query parameters if needed below the query section.
Press the Run ( > ) button and see the result on the right.
- 3 min read
While your journey requires a lot of steps, translating products is one of the most important ones. Not only because customers prefer shopping in their local language. But because you increase the chances of ranking higher for different languages.
So, in this guide, you'll learn everything you need to translate products in Magento and do it the easy way. Or even without doing it yourself.
Intrigued?
Product Translation in Default Magento
Even though Magento offers you the for general translation, it doesn't cover long-form content. So, you have to translate all the descriptions, metadata and other fields manually for each product.
Just navigate to a product you want to translate and switch to a corresponding store view.
Note: if you don't see the store view you would like to translate the product for, scroll down to the Product in Websites section. Make sure the product is assigned to a corresponding website.
From there, just translate the content visible on the frontend. But noteihor
- 1 min read
Watch this short video to make sure that image lazy load successfully works on your store:
- 2 min read
Blog is a powerful tool that allows you to drive traffic to your store. If you manage a multi-language website you get even more of that traffic. However, it's not as easy to get all those pages to rank in different languages as it seems. You need hreflang tags for that.
They tell search engines that you have multiple pages in alternative languages. So they don't focus on ranking only one of them.
However, adding hreflang tags is not that easy. You need to do that through code or a sitemap. Or you can opt for a much easier option — .
Today we'll show you how easy it is to add hreflang tags to Magento blog pages, using this handy tool.
Note: Magefan Hreflang Tags Extension works with only.
Add Hreflang Tags to Blog Posts
Start by going to the Content > Blog > Posts and choosing the post you want to add the alternate hreflang tags on.
Then find the Alternative Store View Localizations section and set the hreflang tags. Just start typing the page title in an alternative language andihor
- 4 min read
In today's e-commerce world, people expect a shopping experience that feels personal. Language plays a big part in that.
If you're running a Magento 2 store and want to start serving international customers, the main task is to know how to manage a properly.
If that sounds overwhelming or time-consuming, we have good news. You can automate many of the processes using the right tools.
So here is the list of the must-have Magento multi-language extensions which can help you provide the best experience for your international customers.
Must-Have Extensions for a Multi-Language Store
Icon
Extension Name
Price
Rating
$299.00
5 ⭐⭐⭐⭐⭐
22 reviews
$99.00
5 ⭐⭐⭐⭐⭐
13 reviews
$89.00
5 ⭐⭐⭐⭐⭐
12 reviews
$89.00
5 ⭐⭐⭐⭐⭐
21 reviews
$149.00
5 ⭐⭐⭐⭐⭐
37 reviews
Now, it's time to take a closer look at how each of the listed extensions can help you manage your Magento store and deliver a better service for your customers.
1. Magento 2 Translation
Let's start with the most essential one — the Magento 2 Translationihor
- 2 min read
Once you , you're still not finished with the product localisation. All because you have to translate product attributes and their values too to complete the process.
So, in this guide, you'll learn about multiple translation options: from manual work to automation.
Ready?
Translate Product Attributes in Default Magento
Magento already offers you the functionality to translate attributes and their labels. So, just navigate to Stores > Configuration > Attributes > Product and choose the attribute you want to translate.
Then, set the Attribute Title for each store view in the Manage Labels section.
And move on to the attribute values, translate the Properties for each attribute store view.
That's the final step in your product attribute translation.
Translate Product Attributes Automatically
Depending on the number of attributes, their values, and store views you have, translation can take a while. So, if you want to optimise the process, you need the Extension.
It comesihor
- 2 min read
With the Twitter cards configured for your blog pages, you have a chance to drive more customers through social media. At the same time, if you have a structured blog, it would also make sense to create Twitter cards for the category pages. It will help to provide eager readers with a whole series of related blog posts that cover a certain field.
So, in the following guide, you'll learn how to configure Twitter cards for Magento 2 blog category page.
The steps below will help you to cope with this task.
1. In the admin panel, go to Content > Blog > Categories and click on the category you'd like to configure.
2. Scroll down to the Twitter Cards Metadata section.
3. Set a Twitter Cards Title if you don't want the Meta Title to be used instead. If it is also not configured the post title will be displayed.
4. In the Twitter Cards Description field enter the description of the Twitter card. In case you haven't set it up the Meta Description will be used. If none of the descriptionsihor
- 2 min read
Making your blog stand out in search results is one thing. Achieving the same in social media is completely the other. The same titles and descriptions don't work for both since the audience is just different. That's why you need to make blog links "clickable" and attractive on social media.
Once you you should do the same for your blog. So, that's what you'll learn in this guide — how to add Open Graph tags for a Magento blog.
Note: works only for the pages.
Add OG Tags for Blog Post
Navigate to Content > Blog > Posts and find a post you want to add OG tags for. Then scroll down to the Open Graph Metadata section and fill out:
OG Title
OG Description
OG Image
OG Type
Note: if you don't set the OG title, blog post meta title, then blog post title, will be used instead. If you don't set the OG description and OG image, the extension will use the default Facebook OG extension settings.
Don't forget to Save a blog once you finish and check how it looks like when shared on Facebookihor
- 2 min read
The importance of having a blog is hard to be overestimated. It's a great tool to drive more customers, provide them with valuable information and increase their trust in your brand. This is how you can establish yourself as an expert in the field of your expertise.
Yet, it's important to let people know about your blog and Twitter is one of the best solutions. So, in this guide, you'll learn how to configure Twitter cards for Magento 2 blog post pages.
In order to configure Twitter cards tags for the blog post page please follow the steps below.
1. Go to Content > Blog > Posts and choose the post you want to configure Twitter cards for.
2. Find the Twitter Cards Metadata section.
3. Set a Twitter Cards Title if you don't want Meta Title to be used instead. If it isn't set up either the post title will be displayed.
4. In the Twitter Cards Description field, set the description of the Twitter card. If you don't enter anything here the Meta description will be used. If none ofihor
- 3 min read
There are situations when you want to add a promo block to the top of the page, for example, free shipping offer, discount for Black Friday or other holidays, and you need to display it on the page quickly.
This is easy to do with Magento 2 admin panel. First of all, we'd like to mention that adding and configuring HTML Block doesn't require any programming skills. Check out this short video in order to see how it actually works or follow the step-by-step instructions below.
In order to add HTML block at the top of the page please go to Admin Panel > Content > Blocks and press the Add New Block button.
Then Enable the block, set its Title and unique Identifier. Choose what Store View will your block be enabled on.
Afterward, in WYSIWYG editor create a code you want to be inserted at the top of the page of your website and press the Save Block button.
Example:
<div style="padding: 14px; text-align: center; background: #d7244e; color: #fff; font-weight: bold; font-size: 20px; border-top:ihor
