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

De game opent automatisch wanneer een bezoeker de pagina bezoekt.

Promotiecampagnes Nieuwsbriefinschrijvingen Kortingsacties

Inline Game

De game wordt tussen de content van je pagina geladen.

Landingspagina's Blogartikelen Campagnepagina's

Popup via een knop

De game opent wanneer een bezoeker op een knop klikt.

Call-to-actions Productpagina's Actiebuttons

Exit Intent Game

De game verschijnt wanneer een bezoeker de pagina wil verlaten.

Last-chance aanbiedingen Kortingscodes Bounce rate verminderen

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

Klaar om marketing games te koppelen aan je Contentful website?

Sluit je aan bij het groeiende aantal organisaties dat Refybe gebruikt om betrokkenheid te vergroten en doelen te bereiken met Marketing Games.

Nu beginnen