Framer

Add marketing games to your Framer site in minutes.

Adding interactive marketing games to your Framer site

Framer is the go-to tool for designers who want to publish pixel-perfect, production-ready websites without writing code. But when it comes to adding interactive marketing experiences, the design-first workflow hits a wall. Most marketing tools are not built for Framer, and wiring up a third-party campaign tool often means stepping outside the canvas entirely — frustrating for teams who chose Framer precisely to stay independent.

Refybe + Framer

Refybe fits naturally into the Framer workflow. Drop in the embed script via the Custom Code panel or place an HTML embed component anywhere on your canvas — and your marketing game is live without ever leaving Framer.

You can display a game on your Framer site as:

Auto-Popup

Das Spiel öffnet sich automatisch, wenn ein Besucher die Seite aufruft.

Promotion-Kampagnen Newsletter-Anmeldungen Rabattaktionen

Inline-Spiel

Das Spiel wird direkt in den Inhalt Ihrer Seite geladen.

Landingpages Blogartikel Kampagnenseiten

Popup über Button

Das Spiel öffnet sich, wenn ein Besucher auf eine Schaltfläche klickt.

Call-to-Actions Produktseiten Aktionsbuttons

Exit-Intent-Spiel

Das Spiel erscheint, wenn ein Besucher die Seite verlassen möchte.

Last-Chance-Angebote Rabattcodes Absprungrate reduzieren

How do you add Refybe to Framer?

Adding Refybe to your Framer site usually takes less than 5 minutes.

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 on your Framer site.

2

Add the Script to Framer

  1. 1 Open your Framer project
  2. 2 Go to Site Settings → General → Custom Code
  3. 3 Paste the Refybe script in the "End of <body>" field
  4. 4 Close settings and publish your site

The game is now active sitewide — ideal for exit intent or auto popup campaigns across all pages.

  1. 1 Open the page where you want the game in the Framer canvas
  2. 2 Press "+" and search for "HTML" to insert an Embed component
  3. 3 Paste the Refybe script into the HTML field
  4. 4 Resize and position the component on your canvas
  5. 5 Publish the page

Best used for inline games placed within a specific section of your design.

Framer

Why Framer teams use Refybe

Refybe is built for designers and marketers who want to add interactive campaigns to their Framer site without breaking the design workflow.

No third-party app or plugin required
Works with any Framer template or custom design
Works with Framer CMS collections
Quick to implement — stays inside Framer
Fully customizable games
Built-in lead capture & email sign-up forms

Bereit, Marketing Games mit Ihrer Framer-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.

Jetzt starten