Contentful

Add marketing games to your Contentful-powered website in minutes.

Adding interactive marketing games to your Contentful website

Contentful is a headless CMS — meaning the content is managed in Contentful, but the actual website is built and rendered by a separate frontend application. This gives development teams enormous flexibility, but it also means that adding interactive marketing experiences is entirely the frontend's responsibility. For marketing teams, this creates a hard dependency: every new campaign element requires a developer to update the frontend codebase, redeploy, and test before anything goes live.

Refybe + Contentful

Refybe works with any Contentful-powered frontend — Next.js, Gatsby, Astro, Nuxt, or a custom build. Paste one embed script into your frontend layout or deliver it via a Contentful Rich Text entry, and your marketing game is live without a full frontend redeploy for every campaign.

You can display a game on your Contentful site as:

Auto Popup

The game opens automatically when a visitor visits the page.

Promotional campaigns Newsletter signups Discount offers

Inline Game

The game is loaded within the content of your page.

Landing pages Blog articles Campaign pages

Popup via a button

The game opens when a visitor clicks a button.

Call-to-actions Product pages Action buttons

Exit Intent Game

The game appears when a visitor intends to leave the page.

Last-chance offers Discount codes Reduce bounce rate

How do you add Refybe to Contentful?

Adding Refybe to your Contentful-powered site usually takes less than 10 minutes for a developer.

1

Create a game in Refybe

1
Log in to Refybe
2
Create a new marketing game
3
Configure your game design, pages and form
4
Publish the game

After publishing, you will receive an embed script to place in your Contentful frontend.

2

Add the Script to your Contentful Frontend

  1. 1 Open your frontend project in a code editor
  2. 2 Locate your root layout file (e.g. layout.tsx, _document.tsx, _app.tsx, or app.vue)
  3. 3 Paste the Refybe script just before the closing </body> tag
  4. 4 Commit and deploy the change

One deploy, then your marketing team can manage all campaigns from Refybe without further frontend changes.

  1. 1 In Contentful, create a new content type (e.g. "Script Embed") with a short text field for the script URL or identifier
  2. 2 In your frontend, render this content type as an HTML script tag wherever it appears in Rich Text
  3. 3 Create an entry of this type and reference it inside the relevant page or blog post
  4. 4 Publish the entry — no frontend redeploy needed

Best for giving marketing teams the ability to add or remove games from specific pages directly in Contentful, without touching the codebase.

  1. 1 In Contentful, create a "Global Scripts" content type with fields for script URL, placement, and active/inactive toggle
  2. 2 In your frontend layout, query this content type at build or request time
  3. 3 Render active script entries as <script> tags in the page head or body
  4. 4 Marketing can now activate or deactivate Refybe campaigns directly from Contentful

The most powerful approach — campaigns become fully content-managed with no code changes required after the initial setup.

Contentful

Why Contentful teams use Refybe

Refybe is built for marketing teams working on headless Contentful stacks who want campaign control without raising a frontend ticket for every activation.

Works with any Contentful frontend framework
Compatible with Next.js, Gatsby, Astro, Nuxt & more
One-time setup — campaigns managed from Refybe
Fully customizable games
Built-in lead capture & email sign-up forms
No frontend redeploy needed per campaign

Ready to connect marketing games to your Contentful website?

Join the growing number of organizations using Refybe to increase engagement and reach goals with Marketing Games.

Start now