Assim que um(a) cliente finaliza uma compra, existe a possibilidade de redirecioná-lo(a) para uma página de agradecimento personalizada. Aqui na HeroSpark você pode definir diferentes páginas de acordo com o método de pagamento utilizado (boleto bancário, cartão de crédito ou Pix).
Confira abaixo o passo-a-passo para configurar a página de obrigado em seu produto. Você pode utilizar uma página criada na HeroSpark ou uma página externa e neste caso você precisa ter em mãos apenas a URL da página.
-
**Acesse a sua plataforma HeroSpark, através do link: **https://app.herospark.com/login;
-
No menu lateral à esquerda, clique em “Produtos”;
-
Clique no produto desejado;
-
No menu lateral aberto à direita, localize a opção Configurações de vendas e clique em “Editar”
-
Clique na opção "Ofertas", escolha a oferta e clique nos três pontos, em seguida, selecione a opção "Upsell e página de obrigado".
-
Copie a URL da página desejada no local indicado e salve. Lembre-se, seu cliente será redirecionado para essa página após fazer o pagamento.
Para exibir a sua página personalizada no nosso checkout nós usamos iframe.
Por padrão, muitos sites bloqueiam isso por segurança, usando um cabeçalho chamado X-Frame-Options: SAMEORIGIN. Esse cabeçalho basicamente diz: "só pode ser usado em iframes do meu próprio domínio" — o que impede que a gente use sua página do nosso lado.Pra liberar isso, você precisa:
Remover o X-Frame-Options (se estiver configurado).
Adicionar um cabeçalho Content-Security-Policy com a regra frame-ancestors, informando quais domínios podem usar sua página em iframe.Exemplo de como o header precisa estar configurado:
Content-Security-Policy: frame-ancestors https://pay.herospark.com;
Esse ajuste deve ser feito na configuração do seu servidor ou aplicação, o que significa que o domínio pay.herospark.com pode usar minha página em um iframe".Pronto!
Caso ainda tenha dúvidas entre em contato com nosso time de suporte! 😀