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

El juego se abre automáticamente quando un visitante entra en la página.

Campañas promocionales Suscripciones a newsletters Acciones de descuento

Juego Inline

El juego se carga entre el contenido de tu página.

Landing pages Artículos de blog Páginas de campaña

Popup mediante botón

El juego se abre cuando un visitante hace clic en un botón.

Call-to-actions Páginas de producto Botones de acción

Exit Intent Game

El juego aparece cuando un visitante intenta abandonar la página.

Ofertas de última oportunidad Códigos de descuento Reducir tasa de rebote

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

¿Listo para conectar marketing games a tu sitio web Framer?

Únete al creciente número de organizaciones que utilizan Refybe para aumentar la participación y alcanzar objetivos con Marketing Games.

Empezar ahora