Como o widget aparece na loja

Exemplos reais do calculador na página de produto e do detalhe que abre quando o cliente clica em Saiba mais.

Página de produto com o calculador da Pagaleve abaixo do preço, mostrando 4x sem juros
Calculador abaixo do preço, na página de produto.
Detalhe aberto do calculador da Pagaleve com o valor das parcelas quinzenais
Detalhe com o valor das parcelas quinzenais.

Instalação do widget calculador

O widget mostra o valor das parcelas do produto na própria página de produto da sua loja. Ele fica abaixo do preço, antes do botão de comprar.

Snippet para Outra

Cole o código no template da página de produto, imediatamente abaixo do bloco de preço.

HTML
<div id="pagaleve-widget-calculator-root"></div>
<script async="async" src="https://widget.pagaleve.com.br/pagaleve-widget-installer.js"></script>

Regras que não mudam

  • Posição: abaixo do preço, na página de produto. Fora dali o widget perde a função.
  • Preço manual: para informar o valor você usa o atributo data-price em centavos. R$ 100,00 vira 10000.
  • Template personalizado: se a loja usa tema customizado, acione a agência que cuida do tema para saber qual arquivo editar.
HTML
<div id="pagaleve-widget-calculator-root" data-price="10000"></div>

Onde encontrar o passo a passo

Passo a passo detalhado na doc, com o caminho exato dentro do admin da Outra.

Abrir a doc do widget

Como testar se funcionou

  1. 1

    Abra a página de um produto em uma aba anônima, sem cache e sem extensões.

  2. 2

    Confirme que o widget aparece logo abaixo do preço e que o cálculo das parcelas bate com o valor do produto.

  3. 3

    Se o valor não bater, confira o atributo data-price: ele precisa estar em centavos (R$ 100,00 = 10000).