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
Das Spiel öffnet sich automatisch, wenn ein Besucher die Seite aufruft.
Inline-Spiel
Das Spiel wird direkt in den Inhalt Ihrer Seite geladen.
Popup über Button
Das Spiel öffnet sich, wenn ein Besucher auf eine Schaltfläche klickt.
Exit-Intent-Spiel
Das Spiel erscheint, wenn ein Besucher die Seite verlassen möchte.
How do you add Refybe to Contentful?
Adding Refybe to your Contentful-powered site usually takes less than 10 minutes for a developer.
Create a game in Refybe
After publishing, you will receive an embed script to place in your Contentful frontend.
Add the Script to your Contentful Frontend
- 1 Open your frontend project in a code editor
- 2 Locate your root layout file (e.g. layout.tsx, _document.tsx, _app.tsx, or app.vue)
- 3 Paste the Refybe script just before the closing </body> tag
- 4 Commit and deploy the change
One deploy, then your marketing team can manage all campaigns from Refybe without further frontend changes.
- 1 In Contentful, create a new content type (e.g. "Script Embed") with a short text field for the script URL or identifier
- 2 In your frontend, render this content type as an HTML script tag wherever it appears in Rich Text
- 3 Create an entry of this type and reference it inside the relevant page or blog post
- 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 In Contentful, create a "Global Scripts" content type with fields for script URL, placement, and active/inactive toggle
- 2 In your frontend layout, query this content type at build or request time
- 3 Render active script entries as <script> tags in the page head or body
- 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.
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.
Bereit, Marketing Games mit Ihrer Contentful-Website zu verbinden?
Schließen Sie sich der wachsenden Zahl von Organisationen an, die Refybe nutzen, um das Engagement zu steigern und Ziele mit Marketing Games zu erreichen.