Embed e plataformas

Venda em qualquer página: o checkout Guava abre em um modal leve (menos de 3 kB de JavaScript), sem o cliente sair do seu site.

1. Instale o script

antes do </body>

<script src="https://app.guava.com.br/embed.js" defer></script>

2. Marque seus botões

<a href="#" data-guava-checkout="CODIGO_DA_OFERTA">Comprar agora</a>

<!-- gaveta lateral -->
<button data-guava-checkout="CODIGO_DA_OFERTA" data-guava-mode="drawer">Garantir vaga</button>

<!-- redirecionar em vez de modal -->
<a href="#" data-guava-checkout="CODIGO_DA_OFERTA" data-guava-mode="redirect">Comprar</a>

Parâmetros utm_*, fbclid, gclid, ttclid, src e sck da URL da página são repassados automaticamente. Também é possível abrir via JavaScript: window.Guava.open("CODIGO", "modal").

Por plataforma

WordPress / Elementor

Adicione o script em Aparência → Editor de tema (ou um plugin de “Header and Footer”). No Elementor, edite o botão → Avançado → Atributos: data-guava-checkout|CODIGO.

Framer

Site Settings → Custom Code → End of body tag: cole o script. No botão, use um link para # e adicione o atributo via componente de código ou use o link direto da oferta.

Webflow

Project Settings → Custom Code → Footer: cole o script. No botão, Element Settings → Custom Attributes: nome data-guava-checkout, valor o código da oferta.

Shopify e WooCommerce

Para levar o carrinho inteiro, use a API POST /api/v1/checkout-links (veja a referência da API) e redirecione para a URL retornada.