• Resolved indiatrotter

    (@indiatrotter)


    Dear Team,

    I am using the WPBackery Editor (because thats what my WP theme is based on), wherein I cannot select specific Web Stories. So, I was wondering is there any piece of code which I can put in HTML Code block so that I can display the selected Web Stories?

    For example, I found that if I am trying to select the Web Story by post title (with certain conditions), the HTML code that gets generated is something like:

    [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” /]

    Thank you for the help in advance.
    Regards,
    Amitava

Viewing 5 replies - 1 through 5 (of 5 total)
  • @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!

    Thread Starter indiatrotter

    (@indiatrotter)

    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.

    Thread Starter indiatrotter

    (@indiatrotter)

    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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Display Selected Web Story: Using HTML Code’ is closed to new replies.