Como usar o overlay do checkoutpage.co

Suporte
1

Quero usar o overlay do checkoutpage.co assim:

https://checkoutpage.co/knowledge/sell-your-products-in-a-modal-on-your-site/

Na minha página específica, diz para usar este código

<script type="text/javascript" src="https://checkoutpage.co/js/overlay.js" defer></script>

Depois, adicione isto (quero adicionar em um tópico)

<button class="cp-button" data-seller="5dd5bbcd1954eb0015e6ff53" data-checkout="rencontre-dans-les-laurentides">Comprar agora</button>

É possível fazer isso no Discourse?

Obrigado

2

Acredito que você precisará criar um componente de tema que permita adicionar o código a um tópico. Pesquise por “theme howto”.

3

Brincuei um pouco com isso e criei um componente de tema para ele, pois vejo muito potencial.

Quando instalado, você poderá usar algo assim em suas postagens, e ele será automaticamente convertido em um botão.

[wrap=checkout data-seller=5aaa701149321a00145c99b9 data-checkout=ux-animation-tool-license]texto do botão[/wrap]

Ao clicar nesse botão, um modal será exibido com base nas informações que você adicionou, como o ID do vendedor e os dados de checkout.

Criei uma demonstração no Theme Creator:

https://theme-creator.discourse.org/theme/Johani/discourse-checkout

Tudo parece estar funcionando do nosso lado, mas ainda não comprei nada, já que nunca usei a checkout-page antes. Você poderia testar de verdade, @FrancoisD, como se fosse comprar/vender algo, e nos dar um retorno?

Assim que confirmarmos que tudo está funcionando, vou mover isso para a categoria de temas.

Também deixei alguns comentários no código para explicar como isso foi montado.

4

Desculpe, @Johani, eu estava ausente durante as férias!

Está perfeito, muito obrigado pelo seu tempo.

5

Oi @Johani, você teve tempo de transformar isso em um tema? :slightly_smiling_face: