Discover our newly released element: Article List. For any businesses looking to deliver helpful content or enhance your SEO practices, Article List element is going to be a key player. Let’s keep scrolling and find out what our Article List element is, and how to use it in GemPages Editor Version 7.
What is the Article List element?
The Article List is a new element in GemPages Editor Version 7. It allows you to list one or multiple blog posts in one page section. GemPages releases this element with an aim to help users display their best content, regarding their target audience and conversion target.
Now that the Article List element has been updated, you can use it in our GemPages Editor Version 7 to:
- Reduce your bounce rate: With more valuable content on your site, you are likely to keep potential customers a bit longer. Speaking of which, we advise that you display relevant content that serves their insights. Especially, such insights should be tracked and analyzed from their search behaviors, interests, and other crucial demographics.
- Enhance current SEO efforts: Updating and displaying your latest articles help to improve your rankings on search engines like Google. Higher rankings also mean greater traffic.
- Spread your brand awareness: Your brand identity should be spread across multiple touchpoints, including your blog posts. In fact, long-form content from blog sites is one of the best ways to tell your brand stories. Notably, when your blog site is popular among your target audience, chances of conversion are possible.
In the sections below, we’ll review all the settings for the Article List in GemPages Editor Version 7 to maximize the use of this element.
How to add the Article List element to your page?
- First go to GemPages app on your Shopify dashboard to create a new page or customize your existing one.
- For instance, you choose to create a new page, select GemPages Editor Version 7 and confirm your choice.
- When you are redirected to GemPages app interface, click Start from scratch.
- As you enter GemPages, search for Article List on the search bar, then add the element with our drag-and-drop editor.
Next, you’ll need to configure the setting tab, which is revealed right below.
Configure the Setting tab
General Settings
Select article list
When adding the Article List element, you can choose to display multiple blog posts on your page, and specifically pick which ones are visible on your page (Pick article).
If you don’t want to display multiple blog posts at the same time, you may opt for “A blog” and display one blog followed by another.
Note: Your blog posts on Shopify are synced every 10 minutes, if you want to sync instantly, simply click Sync again.
Article per row
GemPages Article List element lets you choose to display from 1 to 6 articles in one row. Remember, one section may contain many article lists. Each article list may contain many rows.
Size
This setting refers to element size. It means you can display the Article List element in one section as full width or customize its width according to your preferences.
Shape
Shape settings are for the whole section that contains your Article List element.
- Border: You can change the border line of the section
- Corner: The section corner can be square, rounded square, or round.
- Shadow: You may add shadow of the Article List section and adjust the shadow display (size, color, blur, and distance)
Grid
- Row gap: Adjust the gap between rows if this section is divided into two or more rows (from 4 articles).
- Column gap: Adjust the gap between columns if this section is divided into two or more columns (from 2 articles).
Background
You can change the background color of the entire section, based on your preferences with this setting.
Advanced Settings
Display
Display setting refers to responsiveness on devices. You can choose to have your page be responsive on desktop, tablet, and mobile at the same time.
Note: You can choose to make your blog posts responsive on desktop, tablet, and mobile at the same time. Yet, these responsive settings can be determined, based on your target audience and their web behaviors.
Spacing
Spacing setting lets you adjust the space from all aspects to the Article List element. For this setting type, you can choose the Auto adjustment on GemPages or customize spacing to your preferences.
Position
The position setting shows how your article will be displayed. In the GemPages Editor V7, there are a few positions, including: Static, Relative, Absolute, Sticky, and Fixed.
Opacity
Opacity indicates how visible your article image will be, and you can adjust them to whichever rate you want. 100 is the rate at which your article image is the most visible. As this rating goes lower, the less visible your image will be.
Animation
You can decide to have animation effects on your Article List element or not. If you opt for animation, you’ll have several choices on how the element will appear. Such choices are fade, slide, zoom, and shake. You can also customize the animation speed in advanced settings.
CSS class
The CSS class is to make sure all your pages stay visually consistent. If you have no expertise in CSS coding, you can skip this part and continue using our drag-and-drop editor to build your beautiful and high-converting store.
Configure the Advanced tab
That’s our guide to GemPages new element – Article List.
For more advanced customization in GemPages Editor V7, please navigate to GemPages Academy to find more useful tips and video tutorials there.