Hi there,
I see that you’ve embedded a web story on that page in an <iframe>, not in an <amp-story-player> through one of our supported methods in the plugin. Are you using some sort of custom Elementor widget?
Where exactly would you want an Exit button to appear and what should it do?
The Web Stories plugin offers a Gutenberg block for embedding one or more stories, including ways to to open them in a lightbox with an Exit button.
Exactly i use an HTML widget to integrate the story because i would to integrate the stories into the blog (it could be a good practice to integrate the stories in the blog or is better to separate its? Another problem is that when i use Gutenberg block the page switch to wordpress classic editor and i loose all page layout created with elementor…so is impossible for me to use it…
Hi i try with this code into the page
<!doctype html>
<head>
<script
async
src="https://cdn.ampproject.org/amp-story-player-v0.js"
></script>
<link
href="https://cdn.ampproject.org/amp-story-player-v0.css"
rel="stylesheet"
type="text/css"
/>
<style>
amp-story-player {
margin: 1rem auto;
}
</style>
</head>
<body>
<amp-story-player style="width: 360px; height: 600px;">
<a
href="https://www.parigirando.com/web-stories/cosa-vedere-al-louvre/"
>
</a>
</amp-story-player>
</body>
</html>
but i have the same problem….
Salut Pascal now i can not see the “x” button also in the preview of the story….
There’s documentation on amp.dev on how to add an exit button to <amp-story-player> and attaching an event handler for it.
Sorry to hear you’re having troubles using Gutenberg with Elementor.
Embedding stories in blog posts is still a good a idea though.
I assume you want to open the story in a lightbox and then allow closing that lightbox, like on this site? Then our Gutenberg block would be ideal for this, or you could try to build it yourself with the <amp-story-player> method.
> Salut Pascal now i can not see the “x” button also in the preview of the story….
We fixed some issues with the preview in today’s 1.7.2 release, please try updating!
thank you Pascal, i use the plugin like suggested from you, i try to explain what i want better:
1) in the home page a section with last stories ( this is ok… i do it at the end of this page http://www.parigirando.com) and all work fine.
2) add the button to all stories archive and here i have some problem about visualisation i would have possibility to modify the layout, second issue when i open the story from archive page the close button disappear and i have no idea ho i can put on the code you send me… can you explain me steap by steap how i can do that or can you suggest me a workout?
thank you so much
Hi pascal sorry i change the layout of archive page now i want to show “x” button when i open story from archive… i don’t understand why there are so many difficultes…
Thanks a lot for elaborating, now I understand it better!
Unfortunately what you are looking for — adding this exit button when opening a story from the archive page – is not yet easily possible with the plugin.
The reason is that, when you open the story from there, you are navigating directly to that story URL, e.g. https://www.parigirando.com/web-stories/cosa-vedere-al-louvre/ and you are no longer on the archive page.
This is different from your homepage, where when clicking on the story you are still technically on the homepage, since the story only opens in a so-called lightbox.
This way, search engines can better discover your story through the archive page. But it also means there can’t be an exit link.
That being said, we are working on ways to improve the archive page, giving you better control over its appearance and whether the stories should open in a lightbox or not.
There are several tickets that you could subscribe to for updates on this matter:
https://github.com/google/web-stories-wp/issues/4862
https://github.com/google/web-stories-wp/issues/5962
https://github.com/google/web-stories-wp/issues/6894
Apologies for not having better news!
@djtropez 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!
