All Collections
Publishing
Embedding your Story on your website
Embedding your Story on your website

Here is how you embed your Story on your website. Use the iframe code that we give you and add it to your website.

Henri Pauwels avatar
Written by Henri Pauwels
Updated over a week ago

There are 2 ways to embed your stories on your own website.

With an iframe

When you've published your story there is also an embed code available.

This is the iframe code:

<iframe width=100% height=560 frameborder=0 src='https://stories.tappable.co/powerring'></iframe>

We have set the standard parameters for it to look amazing on mobile. But you are always allowed to change the embed code to better suit your needs.

We've put the width at 100% so that it will always show it as wide as possible. For mobile, we recommend keeping a height of 560.

With an AMP Story Player

This process is a little more complicated but we highly recommend you use the AMP Story player.

There are important benefits to the AMP Story player such as faster loading time, full control of the player, and the embedded story. For the best possible experience on all screen sizes, the background of the player will match the Story.

The original AMP documentation provides the clearest documentation for embedding with an AMP story player.

We estimate the time to implement won't be longer than half a day with a single developer.

Did this answer your question?