About Shopify Blog Post List Element
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 Element
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.
Blog Post List element comes with five common variations.
How To Configure (Setting) For Blog Post List Element
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.
In this article, we will show the parameters of the General and Styling tabs for the Blog Posts element.
General Settings
| Items per Loading: You can adjust the number of blog posts displayed by dragging the bar or insert the number in the box. |  |
| Layout Type: There will be two layout types: Grid and Slideshow | 
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.
Display partial item: You can choose to enable display partial item or not
Navigation type: Six navigation types can be chosen for the blog post list slideshow.
Pagination type: You can customize the pagination type among the 4 predefined types.
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.
|
| Items per Row: The item per row lets you adjust the number of items in a row. |  |
| Items Spacing: In Item spacing, you can adjust space between items of the Blog post list slideshow. |  |
| 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. |
 |
Loading mode:
|
 |
You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here.
Styling Settings
You can check more information about OVERALL, SPACING, TYPOGRAPHY, BACKGROUND, BORDER, DISPLAY, CUSTOM CSS in the PageFly Element Styling.
Common Cases
- 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 Questions
What Is The Primary Function Of The Blog Post List Element On Shopify?
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?
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?
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.
Previous article