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

O jogo abre automaticamente quando um visitante acede à página.

Campanhas promocionais Subscrições de newsletter Ações de desconto

Jogo Inline

O jogo é carregado entre o conteúdo da sua página.

Landings pages Artigos de blog Páginas de campanha

Popup via botão

O jogo abre quando um visitante clica num botão.

Call-to-actions Páginas de produto Botões de ação

Exit Intent Game

O jogo aparece quando um visitante tenta sair da página.

Ofertas de última oportunidade Códigos de desconto Reduzir taxa de rejeição

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

Pronto para ligar marketing games ao seu site Contentful?

Junte-se ao número crescente de organizações que utilizam o Refybe para aumentar o envolvimento e atingir objetivos com Marketing Games.

Começar agora