Page 3 - Shopify

The way your blog pages appear on social media definitely influences the clicks they get. Besides, once you configure social sharing buttons for your blog 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'

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 migrate your default Shopify blog posts, 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.

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 configure your blog homepage, post lists, design and learn how to manage

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 Magefan

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: 

1. Navigate to Apps > Magefan Blog > Configuration and find the Social Settings section. 
2. 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 configure your blog,

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.

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: 

1. Navigate to Apps > Magefan Blog > Configuration > Sidebar and find the Custom HTML Widget section.
2. Enable the widget and insert your custom HTML in the corresponding section. 
3. Set the Sort Order.

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:

1. Navigate to Apps > Magefan Blog > Configuration > Sidebar, find the Popular Post Widget and enable it.
2. Choose a Template for the widget and enable the Post Image.
3. Set the Number of Posts you'd like to display in the popular posts section on the frontend. 
4. Set the Sort Order. 

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.

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.

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. 

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

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:

1. Go to Apps > Magefan Blog > Configuration > Sidebar. 
2. Unfold the Featured Posts Widget tab and enable the widget.
3. Select the Template for the featured blog posts and choose whether to Display Post Image. 
4. Specify the IDs of the Posts you'd like to display in the sidebar (coma-separated) and set Sort Order.

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: 

1. Navigate to Apps > Magefan Blog > Configuration > Sidebar.
2. Enable the recent posts widget.
3. Select the Template for the recent posts, List or Grid, and choose whether to Display Post Image.
4. 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. 

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. 

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. 

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. 

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).

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