Display Selected Web Story: Using HTML Code

@indiatrotter Thanks for getting in touch. We do have a parameter for selecting only specific stories, which is:

selected_stories="1,2,3"

Where 1,2,3 are the IDs of the stories that you want to include. You can see the ID for a story by going to Web Stories > Dashboard, selecting the story that you want to embed, and looking at its URL in your browser. As you can see in this screenshot, the story ID is listed as post=[ID], so in this case, the ID is 150.

You can include as many stories as you want separated with commas, so five stories would be something like:

selected_stories=1,2,3,4,5"

Let me know if you have any trouble or any other questions on this. Thank you!

Thank you for the information.

So, the current HTML code generated for the single Web Story is

[web_stories title=”true” excerpt=”false” author=”false” date=”false” archive_link=”false” archive_link_label=”” circle_size=”150″ sharp_corners=”false” image_alignment=”right” number_of_columns=”1″ number_of_stories=”1″ order=”DESC” orderby=”post_title” view=”carousel” /]

Do you mean I replace this entire thing with only the code selected_stories=”1,2,3″ (assuming 1,2,3 are the 3 Web Story Ids.

This is an interesting feature, indeed!
Thank you for all your help.

Regards.

Just to let you know, I tried this code:

[web_stories title=”true” excerpt=”false” author=”false” date=”false” archive_link=”false” archive_link_label=”” circle_size=”150″ sharp_corners=”false” image_alignment=”right” number_of_columns=”1″ number_of_stories=”2″ order=”DESC” orderby=”post_title” view=”carousel” selected_stories=”2521,2264″/]

And you can see the result on the page: https://indiawelcomesyou.com/

Two issues:
1. The tiles are too long in the desktop version.
2. The title of the web stories do not show up.

How can we resolve these issues?

Thank you for all your help.

@indiatrotter The code you used is the correct approach, with adding the selected_stories to what you already have.

I think there may be some issues with the quotation marks in your code. Can you try the following code instead?

[web_stories title="true" excerpt="false" author="false" date="false" archive_link="false" circle_size="150" sharp_corners="false" image_alignment="right" number_of_columns="1" number_of_stories="2" order="DESC" orderby="post_title" view="carousel" selected_stories="2521,2264"/]

Here’s a screenshot of the differences between the code you’re using and mine; you can see that your quotation marks appear in a few different ways, which is breaking the code.

As we haven’t received a response, I’ll mark this as resolved. Feel free to open a new support topic if you continue to encounter issues, or reopen this topic and we’d be happy to assist. Thank you!