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

Le jeu s'ouvre automatiquement lorsqu'un visiteur arrive sur la page.

Campagnes promotionnelles Inscriptions newsletter Offres de réduction

Jeu Inline

Le jeu est chargé directement au sein du contenu de votre page.

Landing pages Articles de blog Pages de campagne

Popup via un bouton

Le jeu s'ouvre lorsqu'un visiteur clique sur un bouton.

Call-to-actions Pages produits Boutons d'action

Exit Intent Game

Le jeu apparaît lorsqu'un visiteur s'apprête à quitter la page.

Offres de dernière chance Codes promo Réduire le taux de rebond

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

Prêt à connecter des marketing games à votre site Contentful ?

Rejoignez le nombre croissant d'organisations qui utilisent Refybe pour accroître l'engagement et atteindre leurs objectifs avec les Marketing Games.

Commencer