How do I embed a Block from my Fanzone on my website? – Fastory

Every Block in your Fanzone can be embedded directly on your own website, so your visitors can interact with it without leaving your site.

What is it for?

Block embedding lets you bring a specific Fanzone Block, such as a game, a shop, or a ticketing carousel, into an existing web page. Your Fanzone remains the source of truth: every change to the Block updates automatically everywhere it is embedded.

It's a great way to add fan engagement mechanics to your official website without rebuilding them, while keeping a single place to manage your content.

Enable embedding on a Block

Open your Fanzone editor and select the Block you want to embed.

Go to the Block's settings.

Turn on Enable embedding.

Choose your embed mode: Simple iframe or Script embed.

Copy the code with the copy button.

Choose your embed mode

Simple iframe

A classic iframe pointing to your Block. Use it for a quick, isolated embed.

Script embed

A script that automatically resizes the embed based on its content and supports multiple embeds on the same page. Use it whenever you embed several Blocks, or if your Block's height may vary.

Paste the script once on your site, then add one embed snippet per Block you want to display.

How fan authentication works in an embedded Block

If your Block requires fans to log in, for example to play a game or earn loyalty points, the embed handles their login without them leaving your website:

when a fan needs to log in, a secure window opens for authentication;

once logged in, the fan stays logged in across all Blocks from the same Fanzone embedded on the page;

their session is remembered on their next visit, so they don't need to log in again.

Best practices

Use the Script embed mode whenever you embed several Blocks, so their size always stays adjusted to their content.

Keep your Fanzone Block up to date: every change is reflected instantly on your site, with nothing to republish on your end.

Test the embedded Block in private browsing to check that the login journey works as expected.

Concrete use cases

If you want a game on your official website

Embed a game Block directly on a campaign page of your site. Visitors play without being redirected, and your Fanzone keeps tracking their participation.

If you want to display your shop or ticketing on several pages

Use the Script embed mode to place the same Block on several pages of your site. Every page reflects the same up-to-date content.

FAQ

How do I embed a Fanzone Block on my website?

Open the Block's settings in your Fanzone editor, turn on Enable embedding, choose Simple iframe or Script embed, then copy the code into your website.

What is the difference between Simple iframe and Script embed?

The Simple iframe is a classic iframe, suited to a single, isolated Block. The Script embed automatically resizes the embed and supports multiple Blocks on the same page: it's the best choice whenever you embed more than one.

Do fans need to log in again for each embedded Block?

No. Once a fan logs in through an embedded Block, they stay logged in across all Blocks from the same Fanzone on the page, and their session is remembered on their next visit.

Does updating my Fanzone Block also update the embedded version?

Yes. The embedded Block always reflects the current state of your Fanzone Block: you never need to update the embed code after a content change.