It may well be that our online catalogue is not updated yet. We have a vast network of ingredients, our supply chain team will be happy to entertain any ingrendient enquiry.
The way your blog looks and feels determines whether visitors are going to stick around. So, while a reliable blogging solution should offer you multiple options for creating content on Shopify, it should also cover blog design.
If you use the Magefan Blog App for Shopify, you'll never have to worry about that. It comes with 18 Shopify blog templates and 3 different . So you can configure the design of each blog list page: homepage, category, tag, search and author.
Today you'll learn about each of the blog templates for Shopify and how to apply them in your blog.
Grid
list-1-column
list-2-columns
list-3-columns
grid-2-columns
grid-3-columns
grid-and-list-1-column
grid-and-list-2-columns
grid-and-list-3-columns
grid-1-column-no-short-content
grid-2-columns-no-short-content
grid-3-columns-no-short-content
grid-1-column-short-content
grid-2-columns-short-content
grid-3-columns-short-content
grid-2-columns-big-first-image
grid-4-columns-vertical
grid-3-columns-vertical
Where You Can Apply
Since there are too many opportunities, it is not hard to understand the benefits of blogging on Shopify. It's hard to decide between the options. The main question usually is whether you should host a blog on Shopify or consider other platforms like WordPress. Then, do you really need to start a blog on Shopify at all?
It is tough, we get it. But that's why we're here to help you harness the power of content marketing on Shopify. This guide will take you through all the crucial steps required to start a blog on Shopify. We'll also discuss when you need to start blogging and share some bullet-proof practices for a Shopify blog.
Hopefully, that will send you in the right direction for a long-term content strategy.
Should You Host Your Blog on Shopify?
This question usually gives merchants and bloggers the biggest headache. To save you the trouble, answer this question: Is your primary goal blogging or selling on Shopify?
Shopify is an eCommerce platform. So if you don't plan on
Providing the best customer shopping experience goes a long way. It gets you awesome reviews, returning customers and the best word-of-mouth marketing. And since order placement is the most important stage in the customer's journey, it's also a stage you need to provide the best experience at. One way to do that is by placing orders on behalf of your customers.
Can you even do that in Shopify?
You definitely can! So, today you'll learn how to order on behalf of a customer in Shopify.
Create Draft Orders in Shopify
By default, Shopify allows you to create draft orders in the admin panel. You add customer details, add products to the order, apply discounts, and then send an invoice to a customer. The invoice contains a link to checkout where customers can complete the order.
Additionally, you can also set payment terms to specify the date when the payment is due.
Relatively simple right?
The downside is that customers can't really edit the order or change any options. That often
Migrating from WordPress to Shopify is not an easy task, especially if you want to migrate blog posts from WordPress to Shopify. You want to make sure all the valuable content you've created is transferred to Shopify with no issues.
And what if you want to migrate WordPress blog posts to Shopify together with all categories, tags and comments?
It might seem like an overwhelming task. But now if you use the Magefan WordPress Blog Export. It helps you to migrate WordPress blog posts to Shopify Blog App by Magefan.
In this guide, you'll learn how to do that.
Important: the Magefan WordPress Blog Export plugin imports the WP blog to Magefan Shopify Blog, not the default Shopify blog.
Step 1: Install the WP Blog Export Module
First, you need to navigate to the WordPress Blog Export on GitHub, download the module archive and unzip it.
Note: make sure the name of the unzipped folder is wp-magefan-shopify-blog-export. If it is not, rename it to wp-magefan-shopify-blog-export.
Although you , it might not be enough to drive people's attention to your blog, especially when they land on the homepage. Thus, you can also add some featured blog posts to the Shopify homepage with the Magefan Shopify Blog App.
The best thing about it is you can control what posts are displayed to visitors on your homepage. And you don't need to edit the source code or create custom templates.
Should we start?
Note: the option to choose different templates for the featured posts block is available in the Pro plan.
To add featured blog posts to the Shopify homepage:
1. Navigate to Sales channels > Online Store.
2. Find Themes and click on the Edit theme button.
3. Scroll to the Apps section, click on the Add block button, and add the Magefan Featured Posts block.
4. Set the Title you want to be displayed on the homepage and set the Post Ids. Then, choose and add your Custom CSS code if needed.
5. Configure the View More button display by setting its text, redirect link,
Blog is a perfect place to promote your products and encourage customers to buy more. However, this could work both ways. Why not add related posts to product pages in Shopify the same way you ?
Think about it. If customers have some doubts about a product, you can unveil their doubts with a comprehensive product review or simply keep them engaged with some other content.
If that's what you're looking for, keep reading and learn how to add related posts to Shopify products using only Magefan Shopify Blog.
Note: this feature is available in the Standard and Pro plans.
To add blog posts to products in Shopify:
1. Navigate to Sales channels > Online Store.
2. Go to Themes and click on the Customize button.
3. Switch to Products > Default Product to edit the template of the product page and add related posts to products.
4. Find the Apps section and click on the Add block button to add the Magefan Related Posts block.
Note: related products are bidirectional in the Magefan
Your Shopify homepage should highlight all the best things in your store — products, services, testimonials — to make an impression. And if you also manage a blog in Shopify, why not get your customers hooked on some of your content?
Default Shopify Blog doesn't allow you to do that. But Magefan Shopify Blog does. So, in this guide, you'll learn how to add recent blog posts to the Shopify homepage.
Note: the option to choose different templates for the recent posts block is available in the Pro plan.
To add recent blog posts to homepage in Shopify:
1. Navigate to Sales channels > Online Store.
2. Go to Themes and click on the Edit theme button.
3. Find the Apps section, click on the Add block button to add the Magefan Recent Posts block.
4. Set the Title of the blog posts block and choose the .
5. Specify the number of posts to be shown in the block and enter your Custom CSS code if necessary.
6. Configure the View More button by setting its text, link to redirect readers to, text
The way your blog pages appear on social media definitely influences the clicks they get. Besides, once you in Shopify, you need to make sure they are displayed properly.
Shopify usually handles OG tags on a theme level. So, for them to appear on some specific pages, like blog, you need to make certain changes to the theme.
In this article, you'll learn how to do that step by step and make your Shopify Blog pages more attractive and clickable on social media.
To enable OG tags for the Shopify blog:
1. Navigate to Sales channels > Online Store.
2. Go to Themes, click on the three dots (near the Customize button) and select the Edit code option.
3. Find the theme.liquid file and open it.
4. Find in theme.liquid file row with the {% render 'meta-tags' %} code. All you need is to move OG tags from the meta-tags file to the theme.liquid file so our Blog app can use the OG tags.
5. Insert the following code before the {% render 'meta-tags' %}:
<meta property="og:title" content="{{ page_title
If you're working for an easy and effortless way to migrate your blog posts to Shopify, you're at the right place. Magefan Shopify Blog App allows you to import blog posts to Shopify via CSV in a matter of a few clicks, literally.
And today you'll learn how to do that. However, if you want to , there is the other tool you should check out.
To import blog posts to Shopify via CSV:
1. Navigate to Apps > Magefan Blog > Imports and find the Import from CSV/XML file option.
2. Upload the CSV file and press Continue.
3. Associate the blog post columns and press Import again.
Note: the columns in your original CSV file can differ from those in our Shopify blog. So you need to associate the columns with the corresponding fields.
Once you import in finished you'll be redirected to the Magefan Blog Posts section to continue working with your posts. Nevertheless, you might want to homepage, post lists, design and learn how to manage Magefan Blog first.
Although the default Shopify blog offers you some features to manage a blog, they really come down to creating posts. This is one of the many reasons why you might start to look for a blog app that offers you more flexibility.
So, once you make up your mind and choose the right app for you, your need to move all your posts to a new app.
Our Shopify Blog App allows you to export and import blog posts from the default Shopify blog to our app in a few clicks. Let's get right to it.
Import Posts From Default Shopify Blog
1. Navigate to Apps > Magefan Blog > Imports and choose the Import from Shopify option.
2. Choose if you want to create permanent redirects from default Shopify blog to your new posts.
3. Wait for the import to finish.
3. View your blog post in a Magefan Blog posts dashboard.
In case you want to import only some specific blog posts, navigate to Sales channels > Online Store > Blog posts and find a post you'd like to move to the Magefan blog.
Then choose the Export to
If you're looking for easy and no-extra-cost way to drive more people to your blog you need social sharing. To enable social sharing buttons in Shopify blog means getting exposed to new audiences and offer a great experience.
Your blog readers can share your on social media and increase your blog visibility, without any effort from you. You just need Magefan Shopify Blog to enable this option.
The process literally takes seconds.
To enable social sharing buttons in Shopify Blog:
Navigate to Apps > Magefan Blog > Configuration and find the Social Settings section.
Enable the Social Share Link option and choose which Social Networks to enable it for.
Don't forget to Save the settings and go to any of your articles to check the social share. You can find the social sharing buttons at the bottom of the page.
Social share is the best free marketing idea since people who already like your blog will drive even more people to it.
However, you also need to , so it is attractive and
Although our Shopify Blog App will inherit your website design, you might want to change something specifically for your blog. It could fonts, links colour, font size, etc.
In these cases, you usually need to call out for developers and dive deep into the code. But not if you use our blogging solution. Today, you'll learn how to add custom CSS to Shopify Blog from the admin panel with no effort.
We'll change the colour of the blog post title as an example, but you can change anything you like by adding multiple styles.
To add custom CSS to Shopify Blog:
1. Navigate to Apps > Magefan Blog > Configuration > Design and find the Custom CSS section.
2. Enable the custom CSS option and insert your Custom CSS there.
Then Save the settings and go to the frontend to check how your blog changed according to the CSS styles you've set.
In our case, the colour of the blog post title changed to blue. However, you can change as many details as you want so your blog fits your brand style.
The way you present content to people is as important as the relevancy of the information you share in your posts. That's why you need to make sure your blog design is stunning and attention-grabbing.
Except for multiple blog templates, you can find different layouts in the Magefan Shopify Blog to structure your blog pages. And today you'll learn how to configure them and how they are displayed.
Note: this feature is available in the Standard and Pro plans.
How to Configure Shopify Blog Design?
1. Navigate to Apps > Magefan Blog > Configuration and find the Design section.
2. Specify the layout you'd like to use for different post lists:
Blog Index Page Layout
Blog Post Page Layout
Blog Category Page Layout
Blog Tag Page Layout
Blog Author Page Layout
Blog Search Page Layout
3. Here, you can also set the custom page width, set the color mode (light/dark, and manage .
Don't forget to Save the settings and check out what each layout looks like on the frontend.
Did you know displaying is not the only way to show how popular your posts are? You can also use the views count in your Shopify Blog.
But the best part is you don't need to customize any templates or change the code. Just enable one option Magefan Shopify Blog App offers you.
To enable views count for Shopify blog posts:
1. Go to Apps > Magefan Blog > Configuration > Post Page (Post View) and find the Views Count section.
2. Enable the Calculate & Display Views Counts option and Save the settings.
After this go to any of your and check the views. They will be displayed at the top of the blog post page.
The will start being calculated once you enable the option. But as long as you keep it enabled the number will grow, showing your blog readers and visitors the popularity of your posts.
Nevertheless, you should also explore other to make reading your posts extra engaging.
Although blog sidebar improves navigation it is not always enough to drive visitors' attention. You might want to show some information like promotional banners, links, or videos to notify your blog visitors about new products, etc.
We've covered that as well in our Shopify Blog App. It offers you to add a custom HTML block to the blog sidebar.
In this article corresponsingly, we'll set up a promotional banner on the blog sidebar, as an example. However, you can add any custom HTML content there.
To add a banner to Shopify Blog sidebar:
Navigate to Apps > Magefan Blog > Configuration > Sidebar and find the Custom HTML Widget section.
Enable the widget and insert your custom HTML in the corresponding section.
Set the Sort Order.
Note: the Sort Order option defines the position of the widget in the sidebar. The lower the number, the higher your custom block will be displayed in the sidebar.
Once you Save the settings you'll see your banner in the sidebar.
You
Having a well-crafted blog strategy is not always enough to start a blog on Shopify. You need a Blog app that will help you implement that strategy in the best way. Though Shopify provides a built-in blog, it's not enough to cover your needs. Let's be honest.
That's when it comes down to choosing the best blog app for Shopify. Since the market is booming with offers, it might be overwhelming to choose a blog app that has it all.
SEO, interface, design, responsiveness, and ease of use — are all important features to look for in a blog app. And lucky for you, we've already done the research so you don't have to.
Get ready to discover the best blog apps for Shopify and learn more about the varieties of features each of them offers.
Top Blog Apps for Shopify
Icon
App name
Developer
Price
Free plan
Free trial
Magefan Blog
Magefan
Standard - $19/month
Pro - $39/month
DropInBlog - SEO-Friendly Blog
DropInBlog
Solo- $49/month
Team- $99/month
Bloggle: Blog SEO & Blog posts
Bloggle
Since it is in our nature to "follow the crowd" and do what others do, people like to read what others read, when it comes to blogs. In Shopify Blog App, except for the and widgets, you can also display popular posts.
Unlike other posts in a blog sidebar, you can't choose what is displayed as popular posts. The app calculates the views and displays the most viewed articles as popular posts.
Today, you'll learn how to set it up.
To display popular blog posts in Shopify:
Navigate to Apps > Magefan Blog > Configuration > Sidebar, find the Popular Post Widget and enable it.
Choose a Template for the widget and enable the Post Image.
Set the Number of Posts you'd like to display in the popular posts section on the frontend.
Set the Sort Order.
Note: the sort order option defines the position of the widget in the sidebar. The lower the number, the higher the popular posts widget will be displayed in the sidebar.
Don't forget to Save the setting once you finish
Although comments are one of the best ways to engage with your audience and get feedback on your posts, there always are some irrelevant ones. Malicious actions, spam or simple typos could be the reason why you need to edit or delete comments in the Shopify blog.
While you usually need an additional app to edit blog comments in Shopify, you can forget about this with the Shopify Blog App. It already has 3 built-in types of : Facebook, Disqus and Magefan.
So, if you want to edit, approve or delete comments before publication, you need Magefan comments. Let's find out how you can configure and use them.
How to Enable Blog Comments in Shopify?
To use comments in your Shopify blog, you need to enable them first. For that go to Apps > Magefan Blog > Configuration > Post Page (Post View) > Comments and choose to Use Magefan Blog Comments.
Here you also need to specify the Number of Comments and the Number of Replies to comments you want to allow for a .
How to Approve and Delete
Just like in catalogue search, the blog search bar in Shopify helps your readers to find relevant posts faster and navigate through them more easily. As you might know already, the default Shopify search bar is outdated and requires a lot of steps to modify, let alone implement in your blog.
So, for those of you who don't want to spend tons of time on development, we introduce Shopify Blog App. It allows you to add a search bar to the Shopify blog.
Today, you'll learn how to enable blog search in Shopify and how to integrate it with Shopify catalogue search.
Add Search Bar in Shopify Blog
1. Navigate to Apps > Magefan Blog > Configuration and find the Sidebar section.
2. Unfold the Search Form section, enable the widget and set a Sort Order for it.
Note: the sort order option defines the position of the search bar in the Shopify blog sidebar. The lower the number, the higher the search bar will be displayed.
Don't forget to Save the settings and that's it. Nothing else is
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 Shopify Blog App 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 Pro 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 General settings 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
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 read