How to Use Shopify Blog Posts List Element

About Shopify Blog Post List ElementClick to copy

Summary: Shopify Blog Post List Element lets you insert a single, or a list of blogs, from your Shopify store to a page. You can also display it as a slideshow. Above all, it promotes your brand story or announces an upcoming collection. As a result, it can increase the conversion rate.

Even so, you can use this element to promote your blogs on other pages (ex. landing page).

Before jumping to the detailed steps, you can watch this video below:

How To Access Blog Post List ElementClick to copy

There are 3 steps involved:

  • Step 1: Click on the Add Shopify element icon in the Element Catalog
  • Step 2: Click on the Blog Post List element in the dropdown menu
  • Step 3: Drag and drop the element into the page editor and then start using it.

Note that you can search for this element by using the search function instead of finding it in the sidebar.

Blog Post List element comes with five common variations.

Shopify Blog Post List Element

How To Configure (Setting) For Blog Post List ElementClick to copy

Blog Post List element offers many variables with the editable layout, so you can achieve a better conversion rate of the page.

When you drag and drop the Blog Post List element into the editor page, you can choose Custom Blog on the General tab.

Shopify Blog Post List Element

In this article, we will show the parameters of the General and Styling tabs for the Blog Posts element.

General SettingsClick to copy

Items per Loading: You can adjust the number of blog posts displayed by dragging the bar or insert the number in the box.Shopify Blog Post List Element
Layout Type: There will be two layout types: Grid and SlideshowShopify Blog Post List Element

If you choose Slideshow, there will be some different element that you can choose:

Items displayed: You can adjust the number of items you want to display.

Shopify Blog Post List Element

Display partial item: You can choose to enable display partial item or not

Shopify Blog Post List Element

Navigation type: Six navigation types can be chosen for the blog post list slideshow.

Shopify Blog Post List Element

Pagination type: You can customize the pagination type among the 4 predefined types.

Shopify Blog Post List Element

Set max height: If enabled, the slideshow’s height will match that of the highest slide, including those that are hidden.

If not enabled, you can choose three types of vertical alignment.

Shopify Blog Post List Element

Items per Row: The item per row lets you adjust the number of items in a row.Shopify Blog Post List Element
Items Spacing: In Item spacing, you can adjust space between items of the Blog post list slideshow.Shopify Blog Post List Element
Reverse Order: You can reverse the order of items by enabling the Reverse order option.

 

By default, the blog post list is ordered from newest to oldest. When you enable the Reverse order option, the blog post list will be ordered from oldest to newest.

Shopify Blog Post List Element
Loading mode:
  • None: this option is chosen by default.
  • Pagination: this option will be displayed as the page’s numbers. This feature only works on the live page.
  • Load more: this option will be displayed as a “Load more” button. This feature only works on the live page.
Shopify Blog Post List Element

You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here.

Styling SettingsClick to copy

You can check more information about OVERALL, SPACING, TYPOGRAPHY, BACKGROUND, BORDER, DISPLAY, CUSTOM CSS in the PageFly Element Styling.

Common CasesClick to copy

  • Users should avoid neglecting to include a clear call-to-action (CTA) within blog posts listed in the element. A compelling CTA encourages visitors to take desired actions, such as making a purchase, signing up for a newsletter, or contacting customer support. Incorporate relevant CTAs within blog posts to guide visitors toward conversion actions and maximize the impact of the blog post list element.

Frequently Asked QuestionsClick to copy

What Is The Primary Function Of The Blog Post List Element On Shopify?Click to copy

Shopify Blog Post List Element lets you insert a single, or a list of blogs, from your Shopify store to a page. You can also display it as a slideshow. Above all, it promotes your brand story or announces an upcoming collection. As a result, it can increase the conversion rate.

Is It Possible To Customize The Appearance Of The Blog Post List On My Shopify Store?Click to copy

Yes, Shopify provides customization options for the appearance of your blog post list. You can adjust the layout, fonts, colors, and more to match your store’s branding and design preferences.

How Can I Encourage Visitors To Engage With My Blog Post List On Shopify?Click to copy

You can encourage engagement with your blog post list by promoting it through your store’s navigation menu, featuring it on your homepage, sharing individual posts on social media, and actively responding to comments and feedback from your audience.

Additional ResourcesClick to copy

Navigate this category

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us