Related posts

Overview

The Related posts section displays a curated set of articles related to what a visitor is currently viewing. It encourages exploration, increasing engagement and retention. Flexible design and behavior options ensure the section looks great and performs well across desktop, tablet, and mobile.

⚠️ Important: The Related posts section can significantly improve retention by surfacing relevant, visually engaging articles that inspire further reading.

Key components and functionality

Section introduction

The Related posts section is a highly customizable way to showcase additional articles. You control presentation, density, and interactivity so it fits any page and device while supporting both discovery and performance.

Number of items

Control how many related articles appear to keep the section focused and effective.

1. Minimum: 0 (setting to 0 disables the section)

2. Maximum: 50

3. Default: 0

4. Step: 1

Layout settings

Define how related posts are displayed on desktop, tablet, and mobile. Adjust columns and choose grid or slider layouts for a responsive, appealing display.

1. Desktop column count
   Set how many columns are displayed on large screens.

   1. Range: 1 to 12

   2. Default: 4

2. Tablet column count
   Specify the number of columns for tablets. Setting to 0 may inherit the desktop value or hide on tablet (depending on your theme logic).

   1. Range: 0 to 8

   2. Default: 0

3. Mobile column count
   Set columns for small screens to keep content readable.

   1. Range: 1 to 4

   2. Default: 2

4. Desktop layout
   Choose the format for desktop.

   1. Options: Grid, Slider

5. Tablet layout
   Select the presentation for tablets.

   1. Options: Grid, Slider

6. Mobile layout
   Choose the display style for mobile devices.

   1. Options: Grid, Slider

💡 Tip: On smaller screens, a slider layout can save space and improve navigation.

Slideshow settings

When using slider layouts, these controls shape animation, playback, and navigation for an engaging experience.

💡 Tip: Use slide previews and dynamic pagination to make the slider more interactive and visually appealing.

1. Animation style
   Pick how slides animate between posts.

   1. Options: Default (slide), Fade

   2. Default: Default

2. Animation speed
   Set how quickly slides transition (in seconds).

   1. Range: 0.1 to 5 (steps of 0.1)

   2. Default: 0.8 s

3. Autoplay delay
   Modify how long each slide is shown when autoplay is enabled.

   1. Range: 0 to 10 (steps of 1)

   2. Default: 4 s

4. Autoplay slideshow
   Automatically advances slides if enabled.

   1. Default: Off

5. Loop slides
   Make slides repeat endlessly if enabled.

   1. Default: Off

6. Pagination style
   Choose how slide position/progress is shown.

   1. Options: Dynamic, Fraction, Progress bar, Scrollbar

7. Show navigation
   Show or hide previous/next arrows.

   1. Default: Enabled

8. Show pagination
   Show or hide pagination indicators (dots, numbers, bars).

Supported block types

The Related posts section does not use custom blocks. All related items and layout are determined by the section settings and the current article context, keeping configuration simple and consistent.

Usage notes

1. Adjust columns and item counts per device to keep the section scannable and visually balanced.

2. Avoid showing too many posts at once to prevent slowdowns, especially with images.

3. Keep navigation arrows and pagination clear and accessible when slider features are used.

4. Use animation and (optional) previews to encourage interaction without overwhelming users.

5. Place the section where it naturally encourages further exploration within the page.

⚠️ Important: The right mix of discoverability, usability, and performance turns the Related posts section into a powerful retention tool—helping convert first-time visitors into regular readers.