Come usare l'overlay di checkoutpage.co

Voglio utilizzare il overlay di checkoutpage.co in questo modo:

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

Nella mia pagina specifica, viene indicato di utilizzare questo codice

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

In seguito, aggiungi questo (voglio inserirlo in un argomento)

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

È possibile farlo all’interno di Discourse?

Grazie

Credo che tu debba creare un componente del tema che ti consenta di aggiungere il codice a un argomento. Cerca “theme howto”.

Ci ho lavorato un po’ e ho creato un componente tema perché vedo molto potenziale.

GitHub - hnb-ku/discourse-checkout · GitHub

Una volta installato, potrai usare qualcosa del genere nei post e verrà automaticamente convertito in un pulsante.

[wrap=checkout data-seller=5aaa701149321a00145c99b9 data-checkout=ux-animation-tool-license]testo del pulsante[/wrap]

Quando si clicca quel pulsante, verrà mostrato il modal in base alle informazioni che aggiungi, come l’ID venditore e i dati di checkout.

Ho creato una demo su Theme Creator

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

Tutto sembra funzionare dal nostro lato, ma non ho ancora acquistato nulla perché non ho mai usato checkout-page prima. Puoi provare a usarlo davvero @FrancoisD, dato che ti piace comprare/vendere cose, e riferirci?

Una volta confermato che tutto funziona, sposterò questo nella categoria tema.

Ho anche lasciato alcuni commenti nel codice per spiegare come è stato realizzato.

Scusa @Johani, sono stato assente durante le vacanze!

È perfetto, grazie mille per il tuo tempo.

Ehi @Johani, hai avuto modo di trasformarlo in un tema? :slightly_smiling_face: