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

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 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

Pronto para ligar marketing games ao seu site Framer?

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