Page 11 - Mari Skula
- 9 min read
Magento 2 static blocks are a great way to drive customer's attention to certain products, offers, or services. Although creating is super easy, adding them to pages is quite a challenge.
All because there are different ways to insert CMS blocks in Magento. Everything depends on how and where you prefer them to appear.
This guide covers the main tools and locations to add static blocks, including how to display them dynamically: by custom group, date or other conditions.
Key takeaways
You can display CMS blocks in Magento through category settings, widgets, the WYSIWYG editor, and page builder.
Category settings are the fastest way to add banners in Magento, but they allow placement in predefined areas only — at the top of the category, near the description.
Magento widgets are the most popular method to insert CMS blocks since they give full control over the pages and containers where the block will appear.
The WYSIWYG editor and Page Builder let you add blocks directly into page contentihor
- 2 min read
Choosing the right theme for your store is one of the first steps you take when . It should not only represent your brand using custom layouts and templates but be user-friendly, fast and SEO-optimized.
The variety of Magento 2 themes on the market is growing. It allows you to find any theme you want on Magento Marketplace or Theme Forest. And once you make up your mind and choose the best , you need to know how to install and apply it to your store.
Since Magento has deprecated the WebSetup Wizard starting from Magento v2.3.6, you can now install Magento 2 theme only in the command line: via composer or archive. In the first case theme files will be located under vendor and, using the archive, you can find the theme files under app/design.
Install Magento 2 Theme via Composer
Before you install a theme in Magento 2, it is recommended to switch to .
1. Navigate to your Magento 2 root directory, using "cd" and run the following command:
composer require <vendor>/<name>
e.g. composerihor
- 1 min read
If you decided to remove the by Magefan, please follow the steps below. You can contact our team for a free consultation in case you have any issues with Magefan's theme.
Remove Theme Files
1. If you can find the theme files in the folder
app/code/Magefan/ThemeOptimizedapp/design/frontend/Magefan/optimized
then remove these folders. Also, you can remove other Magefan modules you don't need in the app/code/Magefan.
2. If the theme was installed via the composer and its files are located in the folder
vendor/magefan/theme-frontend-optimized
then run the composer CLI command to remove it
composer remove magefan/theme-NAME# replace NAME with:# frontend-optimized - for Optimized Magento 2 Theme# frontend-optimized-plus - for
Once extension files have been removed, run these Magento CLI commands:
php bin/magento setup:upgradephp bin/magento setup:di:compilephp bin/magento setup:static-content:deploy
Note: if you don't want your website to be down during deployment, try these .
Remove Theme Dataihor
- 1 min read
If you need to update the by Magefan, please follow the steps below.
Note: that the update instructions depend on the method the Optimized Magento 2 Theme was installed with.
Update using composer
If the Optimized Magento 2 Theme was installed via the composer (check if vendor/magefan/theme-frontend-optimized folder exists), then you need to run these simple CLI commands in Magento 2 directory:
composer remove magefan/theme-NAMEcomposer require magefan/theme-NAME ^x.x.x# replace NAME with:# frontend-optimized - for Basic plan# frontend-optimized-plus - for Plus plan# replace x.x.x with the version you want to usephp bin/magento setup:upgradephp bin/magento setup:di:compilephp bin/magento setup:static-content:deploy
If you want to upgrade to the Plus, check this guide on how to .
Update using archive and FTP
If the Optimized Magento 2 Theme was installed via FTP (check if app/code/Magefan/ThemeOptimized folder exists), then follow these commands:
1. Download the latest version of the Optimizedihor
- 1 min read
You can install by Magefan, using the composer or archive installation method.
Do you want us to install the Optimized Magento 2 Theme for you? Let our technical engineers do it – check out our .
Note: if you want to install the Optimized Magento 2 Theme Plus please navigate to your Magefan Account > My Downloads > Install via Composer to get the composer installation instructions.
Installation via composer (recommended)
Open command line.
Using command "cd" navigate to your Magento 2 root directory.
Run CLI commands:
composer require magefan/theme-frontend-optimized# Authentication required (repo.magento.com)# Get your Magento Marketplace authentication keys or use these: # Username: 7c018006799466c681ad507e27904677# Password: 289077c86e811661a8f7751828485d3aphp bin/magento setup:upgradephp bin/magento setup:di:compilephp bin/magento setup:static-content:deploy
Note: if you don't want your website to be down during deployment, try these .
Installation using archiveihor
- 5 min read
Even though you improve and focus on getting more organic traffic, sometimes you need to change your approach to increase conversions. While SEO will help you to drive traffic to your store, it doesn't guarantee this traffic will bring conversions.
So, if you want to improve the conversion score, since there are people who browse your website but buy nothing, you've landed on the right page.
Today we want you to learn more about Google Ads Dynamic Remarketing and help you to set it up for your store with .
Before we start, let's define what dynamic remarketing is and how it is different from remarketing.
What is Google Ads Dynamic Remarketing?
Google Ads dynamic remarketing is the campaign you can set up to display personalized ads to people who visited your website previously but didn't make a purchase.
Unlike remarketing, dynamic remarketing allows you to go one step further and display ads with products and services people visited.
A great advantage is the dynamic remarketingihor
- 1 min read
If you decided to remove , please follow the steps below. You can contact our team for a free consultation in case you have any issues with Magefan's extension.
Remove Extension Files
1. If you can find the extension files in the folder
app/code/Magefan/GoogleTagManagerapp/code/Magefan/GoogleTagManagerPlusapp/code/Magefan/GoogleTagManagerExtra
then remove this folder.
2. If the extension was installed via the composer and its files located in the folder
vendor/magefan/module-google-tag-manager
then run composer CLI command to remove it
composer remove magefan/module-google-tag-manager*
Once extension files have been removed, run these Magento CLI commands:
php bin/magento setup:upgradephp bin/magento setup:di:compilephp bin/magento setup:static-content:deploy
Note: if you don't want your website to be down during deployment, try these .
Remove Extension Data (optional)
Attention! This will clean all Google Tag Manager log and extension configurations.
1. Just in case please make a fullihor
- 1 min read
If you need to update by Magefan, please follow the steps below.
Note: the update instructions depend on the method the Google Tag Manager extension was installed with.
Update using composer
If the Google Tag Manager module was installed via the composer (check if vendor/magefan/module-google-tag-manager folder exists), then you need to run these simple CLI commands in Magento 2 directory:
composer remove magefan/module-NAMEcomposer require magefan/module-NAME ^x.x.x# replace NAME with:# google-tag-manager - for Basic plan# google-tag-manager-plus - for Plus plan# google-tag-manager-extra - for Extra plan# replace x.x.x with the version you want to usephp bin/magento setup:upgradephp bin/magento setup:di:compilephp bin/magento setup:static-content:deploy
If you want to upgrade to the Plus or Extra, check this guide on how to .
Update using archive and FTP
If the Google Tag Manager module was installed via FTP (check if app/code/Magefan/GoogleTagManager folder exists), then follow theseihor
- 1 min read
You can install by Magefan, using the composer or archive installation method.
Note: if you want to install the or Extra please navigate to your Magefan Account > Downloads > Install via Composer to get the composer installation instructions.
Installation via composer (recommended)
Open command line.
Using command "cd" navigate to your Magento 2 root directory.
Run CLI commands:
composer require magefan/module-google-tag-manager# Authentication required (repo.magento.com)# Get your Magento Marketplace authentication keys or use these: # Username: 7c018006799466c681ad507e27904677# Password: 289077c86e811661a8f7751828485d3aphp bin/magento setup:upgradephp bin/magento setup:di:compilephp bin/magento setup:static-content:deploy
Note: if you don't want your website to be down during deployment, try these .
Installation using archive or FTP
Download Google Tag Manager Extension ZIP-Archive from magefan.com website (not GitHub or other sources).
Extract files.
Copy app and lib foldersihor
- 2 min read
Creating and adding different ensure visitors can find relevant content on your blog faster. However, it is equally important that readers can navigate through your blog post content. One of the best ways to achieve that is Post Contents.
In the Magefan's , post contents is generated based on the <h> tags and added through a widget. So, today, you'll learn how to do that.
Note: Blog Post Contents feature is available only in the edition.
How to Add Contents to Post Content?
1. Navigate to Content > Blog > Posts and choose a blog post you'd like to add the contents to.
2. Jump to the Content section and click on widgets.
3. Choose Magefan Blog Extra Extension - Blog Post Contents as a Widget Type and press Insert Widget.
Don't forget to Save your post and check the contents on the frontend.
However, if you want to display post contents in the sidebar, keep reading.
How to Add Contents to Blog Sidebar?
1. Go to Content > Blog > Configuration > Sidebar > Post Contentsihor
- 1 min read
A blog sitemap plays a vital role in your page rankings. If it is not configured correctly your blog pages won't be crawled, indexed and ranked properly. Since our allows you to in a few clicks, all you need to do is submit it to search engines.
However, if you don't want some pages to be crawled and indexed, you simply need to exclude them from the sitemap. And you'll learn how to do that in this article.
Note: this feature is available in the plan.
To exclude pages from the Shopify blog sitemap:
1. Go to Apps > Magefan Blog > Posts and choose a you'd like to exclude from the sitemap.
2. Find the Search engine listing section and switch the Exclude from XML Sitemap option to Yes.
3. Save a blog post, go to the blog sitemap and check if a post is removed from it.
Note: the Exclude from XML Sitemap option is available for blog posts, category and tag pages, so you can exclude these pages from the blog sitemap if you like.
Once you finish configuring the blog sitemap andihor
- 2 min read
XML sitemap is one of the most important SEO concepts that helps to get your pages crawled and indexed. Think of it as a roadmap for search robots who need to discover new "routes" (pages) while crawling your website.
As you might know, Shopify generates a sitemap.xml file with all the product images, pages and collections automatically. However, in our we have our custom blog XML sitemap and in this guide, you'll learn how to find and configure it.
How to Find Shopify Blog Sitemap?
Your blog sitemap will always be available via the following path by default:
https://your-shopify-domain.com/a/blog/sitemap.xml
You can also find the direct link in the sitemap configuration section which we're covering below.
Note: if you've changed your app proxy — /a/blog/ — the sitemap path will be different.
Once you find your blog sitemap you can submit it to Google and other search engines.
Google Search Console Throws Errors
Sometimes it happens that Google Search Console can readihor
- 1 min read
Featured blog posts are posts that you choose to display. These could be some specific pieces of content you want to promote or be easy to discover for your blog readers. In , you can easily add featured posts to a and define their position.
To display featured blog posts in Shopify:
Go to Apps > Magefan Blog > Configuration > Sidebar.
Unfold the Featured Posts Widget tab and enable the widget.
Select the Template for the featured blog posts and choose whether to Display Post Image.
Specify the IDs of the Posts you'd like to display in the sidebar (coma-separated) and set Sort Order.
Note: the Sort Order option defines the position of your featured blog posts widget in the sidebar. The lower the number, the higher it will be displayed.
Don't forget to Save the settings and check how the featured blog posts are displayed.
However, sidebar, is not the only place where you can show your featured posts. You can also and choose a different template for them.
- 1 min read
As your blog grows, the number of blog posts will grow too. To keep the latest Shopify blog posts "at hand" you need to display them somewhere where they are easy to discover. And there is no better place to display your latest pieces than the .
Our allows you to enable Shopify recent blog posts, and choose a template for them.
To display recent blog posts in Shopify:
Navigate to Apps > Magefan Blog > Configuration > Sidebar.
Enable the recent posts widget.
Select the Template for the recent posts, List or Grid, and choose whether to Display post image.
Set the Number of posts and specify the Sort order. The latter defines the position of the recent posts in the sidebar. The lower the number, the higher it will be displayed.
Don't forget to Save the settings and go to the frontend to check how the blog posts are displayed in the sidebar.
Once you save the settings, your recent blog posts will be displayed and changed in the sidebar and dynamically. If you want to display someihor
- 1 min read
When you manage an e-Commerce store, you probably have a lot of things going on. Keeping up with every task you have without scheduling is quite challenging. One of those tasks could be publishing .
Luckily, from Magefan offers you an opportunity to schedule blog posts in advance, with just a few clicks.
To schedule blog posts in Shopify:
1. Go to Apps > Magefan Blog > Posts and find a blog post you want to schedule or press Add New Post if you want to create a new post
2. Specify the Date when you want a blog post to be published.
3. Enable a blog post and press Save or Save and Continue Edit if you want to continue editing it.
Note: you can also specify the End Date if you want to at a specific date.
Once blog posts are enabled and saved (with the future date) they won't be visible on the frontend before a specified date. This feature frees you from the hassles of manual post-publication and allows you to plan in advance.
If you want to explore all the otherihor
- 8 min read
If merchants need to announce special offers, show banners, or just make their pages more engaging, they need Magento CMS blocks.
These blocks can be easily created directly from the admin panel. However, as the number of blocks grows, managing them efficiently may become challenging.
So, in this article, you'll learn how to create CMS blocks in Magento, what they are used for, and how to make the most of their usage. We'll also cover how to for better block management.
Key takeaways
Magento 2 CMS blocks are reusable content units that can display text, images, videos, links, buttons, and widgets across multiple locations on your website.
The blocks can be added to CMS, category, product, cart, checkout and other pages.
Widgets are the most flexible method for displaying static blocks on any page or layout position.
Unlike CMS pages, CMS blocks do not have their own URLs and are designed for repeated use.
The static blocks support localisation and store-view-specific content.
By defaultihor
- 1 min read
Imagine having to go back and force to fix the title tags, images or any other element of the blog post page once the post is already published. Not very convenient, especially if yours is a high-traffic blog. That's why publishing without seeing them on the frontend first might be a disadvantage.
But not with the . There is an option to preview blog posts before publication or once they are already published.
Note: this feature is available in the plans.
Ready to learn how?
To preview blog posts in Shopify:
1. Navigate to Apps > Magefan Blog > Posts and press the Add New Post button.
2. Press Save and Continue Edit once you finish creating your post to see the Preview button appear.
3. Preview blog post before publication.
The secret link to the post will look like this:
https://myshopify.com/a/blog/post/my-blog-post?secret=AJti4o5QrAq5EK2WG2xP3mLLl225M5s4
You can use the preview option to make sure the content looks as expected before you publish a blogihor
- 2 min read
Engaging and informative content helps you to drive more organic traffic and increase your visibility in search. However, for those people to convert and become potential customers you have to make sure your blog is shoppable.
One way to do that is to add links to your products within the post content or write product reviews. The other is related products.
So, in this article, you'll learn how to add related products to Shopify blog posts. Spoiler alert — you just need , no additional apps for related products are required.
Note: related products are bidirectional in the Magefan Shopify Blog which means that once you add a related product to a post, that automatically.
How to Enable Shopify Blog Related Products?
You can add related products to posts while creating blog posts.
However, their display is defined by the . So, before adding related products to posts, you should navigate to Apps > Magefan Blog > Post View > Related products and configure all related settingsihor
- 2 min read
Related blog posts are one of the best ways to encourage visitors to stay on your website longer. Besides, it is a way to offer them to read something they are already interested in, which makes them stay on your blog longer.
offers you to add Shopify related blog posts with no additional app required. And today you'll learn how to do that.
Note: this feature is available in the plans.
How to Enable Related Blog Posts in Shopify?
Before you add any related posts, you have to make sure they will be displayed. For that, go to Apps > Magefan Blog > Configuration and fill out the .
How to Add Related Posts in Shopify Blog?
You can add related posts in Shopify when . Just go to Apps > Magefan Blog > Posts and choose a post to which you'd like to add related posts.
Then, scroll down to the Related Posts section, start typing the name of the article you'd like to add and choose one from the dropdown.
Save the blog post you've added related products to and check it onihor
- 3 min read
Creating blog posts in Shopify is a breeze if you use the right tools. Our allows you to use the feature-rich editor to and manage all other blog elements like categories, tags and authors.
In this guide, in particular, you'll learn how to configure a post view page, and the elements you add to it.
Although featured images and blog post content are the main things of the page, you'll also need to set up other elements to promote other posts and products for better engagement.
To configure other elements of the blog posts page, go to Apps > Magefan Blog > Configuration > Post Page (Post View).
Note: some features are available only in the plans.
Posts From The Same Category
If you want to display posts from the same category on a post page, just enable the Display Posts From The Same Category option. Don't forget to specify the Template (Grid, List, Carousel Slider) and the Number of Posts to display.
Related Posts
Here you need to enable the Display Related Posts optionihor
- 1 min read
The blog homepage is the main page of your blog where people land once they click on the . It is also one of the most important blog navigation pages with all the relevant content.
While define how the page is displayed, our still allows you to configure the blog index page, title and metadata in particular.
To configure the blog homepage in Shopify:
1. Go to Apps > Magefan Blog > Configuration > Blog Index Page and click on the Edit blog index page link.
2. Give your blog a Title and Description that will be displayed on the frontend.
3. Choose a for your blog index page.
4. Specify how to Sort posts By on the blog homepage.
5. Fill out the Meta Title, Keywords and Description.
Press Save once you finish and check your blog homepage on the frontend.
One more blog element visible on the blog homepage is the sidebar. It helps your blog readers to navigate through your blog and find relevant content using search, categories or post widgets.
You can to defineihor

