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

Spelet öppnas automatiskt när en besökare landar på sidan.

Kampanjer Nyhetsbrevsprenumerationer Rabatter

Inline Game

Spelet laddas direkt i innehållet på din sida.

Landningssidor Blogginlägg Kampanjsidor

Popup via en knapp

Spelet öppnas när en besökare klickar på en knapp.

Call-to-actions Produktsidor Aktionsknappar

Exit Intent Game

Spelet visas när en besökare är på väg att lämna sidan.

Sista-chansen erbjudanden Rabattkoder Minska avvisningsfrekvens

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

Redo att koppla marketing games till din Framer-webbplats?

Gör som allt fler organisationer och använd Refybe för att öka engagemanget och nå mål med Marketing Games.