Story Pages

Written By Aditya Sanjit (Super Administrator)

Updated at December 15th, 2025

A publisher can have different types of stories. Story types include:

  1. Text Stories
  2. Photo Stories
  3. Video Stories
  4. Live Blogs
  5. Listicles

Only one story template can be assigned to a story type.

You can navigate to any story page from the Global header:

A publisher can choose one template from the list of pre-defined templates. For each story type, there are a fixed number of template designs.

Editing a Story Template

Primarily there are two actions that a user can perform with in a template

  1. Edit the slots with in the story
  2. Change the story element designs

We are introducing tabs with it the viewport. On one tab we'll show layout and on the other, we'll show Story elements. This helps to easily navigate between both.

In the 'Text Story' page, by default there will be a tab for 'Global Story Elements'. This tab won't be shown in any other story type.

Editing Slots:

Adding Ad/Widgets within a story: Notice the `+` icons in the above screenshot.

 

Page-Builder Release Note - 11th July 2023

Listicle Story Type - Horizontal templates do not display related Stories on bottom

Behaviour before the change: In the case of listicle stories, the following layouts did not show any stories in the related stories column when the template chosen was one of these:


Hero Priority Centre
Headline Overlay
Headline Hero Priority
Hero Vertical Priority

Behavior after the change: The listicle stories now show related stories when the layout is from the above as well.

Web Stories: Use Word Breaks to Avoid Cropping Up of Title

Behavior before the change: Longer words in visual stories did not get cropped properly.

Behavior after the change: Longer words are cropped properly.
 


Key Enhancements:
Sponsored stories can now be displayed on the homepage cards for specific stories in a row, as well as on the story pages.

The “Sponsored” label can be edited and localized into the publisher's preferred language.
The default label color is grey, but publishers can customize it to any color of their choice for both cards and story pages.

If the Sponsored tag is enabled but no value is entered in the text field, “Null” will be displayed by default.

This enhancement gives publishers greater flexibility and control over how sponsored content is displayed on their websites.

An example of how it looks on the front-end:
 

The page builder and Bold settings for the Sponsored tag:


 

 

Page-Builder Release Note - 17th September 2024

Implement preload of LCP images on story pages

For Madrid, we addressed the LCP (Largest Contentful Paint) issue by implementing image preloading. Since Madrid uses responsive images, which differ from the more restrictive image handling on Ahead, selecting a specific URL for preloading presented a challenge. To overcome this, our team ensured that responsive images are now effectively preloaded in a manner that improves LCP without compromising the flexibility of responsive designs.

This solution optimises the loading experience across various screen sizes while maintaining performance improvements.

Page-Builder Release Note - 21st August 2024

Social Share Icons Enhancement

Prior to the update: Previously, Page Builder's social sharing features for story pages were quite basic. Users could only select layouts and determine if social sharing buttons should remain in a fixed position on the story or stay attached to the screen as readers scrolled. The only other customisation available was choosing which social media icons to display.

Following the update:  The Page Builder team introduced improved Social Share functionality. They've added a new "Story Page General Settings" section specifically for this purpose. To find these new options, users need to log into Page Builder, go to the "Page" menu, select "Text Story," and then click on the settings icon.

You can find more details about this feature in the help article here.

 

 

Page-Builder Release Note - 28th May 2024

UI/UX Improvement - Whatsapp icon visibility default

Prior to the update: On a story page the order of social share icons was:
1. Facebook
2. Twitter
3. LinkedIn
4. WhatsApp
 
Following the update:  Since WhatsApp is a much more preferable option in social sharing, The reordering of social sharing has been done (across all publishers) -
1. Whatsapp
2. Facebook
3. Twitter
4. LinkedIn

Page-Builder Release Note - 11th Sep 2023

New Twitter logo

Before the change: The older Twitter logo was visible on all website pages, including Story, Section, and Author pages. On story pages, when users clicked the share button, a cancel share option with a cancel button (X) used to appear.

After the change: The new and updated (X) Twitter logo is now displayed on the website for the mentioned pages. With this release, when users click the share button, the cancel button (X) will no longer appear. This adjustment was made because it conflicted with the new Twitter logo. However, we have retained the share button as is to streamline the share options.

Feature: Handle Published and Updated time across the website 

As of today, PB provides the option on Story Pages to choose which dateTime publishers would like to display - Published On or Updated On, or Both.

With the change brought in for the logic of “Published On”, the reader experience for a story displaying only the “Updated On” on the story page and always the “Published On” on other pages has not been well received.
 

Page-Builder Release Note - 8th July 2024

Sub-headline alignment issue on the photo story template

Prior to the update: In the photo story template, there was an issue where the subheadline exceeded the headline and did not shift automatically to the second or third line. This resulted in the subheadline being shown in one line instead of wrapping onto multiple lines (2-3 lines).


Following the update:  Following the enhancement, the alignment of the headline, sub-headline, and section in the Headline Priority layout now functions correctly within the photo template.