How to actually get it live: the technical side of story implementation

You built a killer story. Now what? It’s not magic. It’s implementation. And yes, that word sounds boring, but that’s exactly where the magic happens.

Written by Bente van Hintum

Updated 2 days ago

Below we break down the how behind getting your story out into the online world - starting with website implementation.

First things first: your implementation toolbox

Every story built with Intractive gives you:

• A shareable URL (can be custom branded)

• An embed code (popup and inline)

• A QR code (yep, high-res and printable)

Don’t skip this bit: For your website implementation you need de embed code. And here’s the catch - it’s different for every story. So, no copy-pasting from this article. Hop into the Builder, grab the code for your masterpiece.

How?

Share > Embed popup/inline > follow the steps.

💻 Website implementation

There are three main ways to embed an interactive story, ranging from simple to more technical.

1. Using the Intractive SDK (popup version)

How it works:

1) Add the SDK script in the <head> or just before </body>:

Go to your story in the Builder, hit Share, choose Embed popup, and there it is - your very own SDK code. Copy, paste, done.

Example:

Completed this step? Go to step 2.

2) Place the link to your story (from step 2) behind text or an image

Example:

3) When clicked, the story opens in a popup. (If the script doesn’t load, the regular link still works).

2. Using the Intractive SDK (inline version)

How it works:

1) Add the SDK script as shown above.

2) Place an element with the inline attributes:

Example:

3) The story appears directly on the page (approx. 480×640 px).

3. Using an iFrame (responsive with full control)

You want full customization control? Go for an iFrame to embed the story exactly the way you want, no SDK script needed.

How it works:

This is an advanced option and requires some coding knowledge.

1) Add an iFrame with a responsive wrapper:

To find the iframe code you click Share > Embed inline > Via an iframe.

🏁 Final thoughts

Implementation isn’t an afterthought, it’s half the impact.

And luckily, with Intractive, the tech side is simple. So you can focus on what really matters: getting people to click, care, and come back.

Want to know what works? Don’t guess, track. For example: A/B test different placements (e.g. CTA button vs. inline link).

Need help? We’ve got templates, visuals, and fresh eyes ready. Just say the word.

More ways to share your story

Curious how to sprinkle your stories across social channels and direct messages without breaking a sweat? We also have a fresh guide showing you how to effortlessly spread your stories across social media and direct messaging apps.

Did this answer your question?