Page 3 - Shopify
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. 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 Magefan Blog Blog option from the More actions dropdown.
You'll be redirected to the Magefan blog
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 blog posts 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.
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 configure your blog, so it is attractive and engaging enough to keep those
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. Additionally,
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
Don't forget to Save the settings and check out what each layout looks like on the frontend.
And here's how the three available layouts will be displayed on your blog pages:
Layout 2 columns right
Layout
Did you know displaying popular blog posts in sidebar 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 blog posts 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 post view settings 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 can now add banners,
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 |
Starter |
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 recent posts and featured posts 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
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 blog comments: 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 blog post.
How to
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 required.
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 configure blog sitemap 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 blog post 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
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 Shopify Blog App 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
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 your sitemap but has errors. Most often it happens because you use your admin domain in the URLs.
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 Shopify Blog App, you can easily add featured posts to a blog sidebar 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 add featured blog posts to the Shopify
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 blog sidebar.
Our Shopify Blog App 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 Posts Number 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 Shopify homepage
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 blog posts.
Luckily, Shopify Blog App 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 disable a blog post automatically 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
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 new blog posts without seeing them on the frontend first might be a disadvantage.
But not with the Shopify Blog App. There is an option to preview blog posts before publication or once they are already published.
Note: this feature is available in the Standard and Pro 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
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 Shopify Blog App, 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 post appears on a product page 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 post view settings. That being said, before adding related products to posts, you should enable this feature and specify
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.
Shopify Blog App 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 Standard and Pro 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, you have to check the post view settings, enable related posts and specify how many of them to display.
How to Add Shopify Related Blog Posts?
You can add related posts in Shopify when creating blog posts. 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.
Creating blog posts in Shopify is a breeze if you use the right tools. Our Shopify Blog App allows you to use the feature-rich editor to create blog posts 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 Standard and Pro plans.
Posts From The Same Category
If you want to display posts from the same category on a post page, you just need to enable the Display Posts From The Same Category option. Don't forget to specify the Template and the Number of Posts to display.
Related Posts
Here you have to enable the Display
The blog homepage is the main page of your blog where people land once they click on the blog link in the navigation menu. It is also one of the most important blog navigation pages with all the relevant content.
While post list settings define how the page is displayed, our Shopify Blog App 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 and find the Blog Index Page section at the top.
2. Give your blog a Title and Description that will be displayed on the frontend.
3. Choose a Template for your blog index page.
4. Specify how 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,
Once you install Shopify Blog App on your store and create your first blog posts, you'll start getting organic traffic from search. However, if you want people who initially come to your store to discover your blog, you need to ensure the blog link is visible in the menu.
So, in this guide, you'll learn how to add a blog link to the navigation menu in Shopify.
To add a blog link to the Shopify navigation menu:
1. Click on Sales channels once you're in the backend and choose Online Store from the dropdown.
2. Move to the Navigation section.
3. Go to the Menus section and click on the Main menu option.
4. In the Main Menu > Menu items press Add menu item button.
5. Give the new item a Name and a Link.
Note: the /a/blog is the blog path by default. If you change the /a/ app proxy and /blog/ paths in the blog permalink settings you need to change them in the menu item as well.
6. Don't forget to press the Save menu button after you add the blog link to the menu.
Once you save the