Cómo usar el overlay de checkoutpage.co

Soporte
1

Quiero usar el overlay de checkoutpage.co de la siguiente manera:

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

En mi página específica, indica usar este código:

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

Después, agrega esto (quiero añadirlo en un tema):

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

¿Es posible hacerlo dentro de Discourse?

Gracias

2

Creo que necesitarás crear un componente de tema que te permita agregar el código a un tema. Busca “tema howto”.

3

He hecho algunas pruebas con esto y he creado un componente de tema porque veo mucho potencial.

Una vez instalado, podrás usar algo como esto en tus publicaciones y se convertirá automáticamente en un botón.

[wrap=checkout data-seller=5aaa701149321a00145c99b9 data-checkout=ux-animation-tool-license]texto del botón[/wrap]

Al hacer clic en ese botón, se mostrará el modal basado en la información que agregues, como el ID del vendedor y los datos de pago.

He creado una demostración en Theme Creator:

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

Todo parece estar funcionando de nuestro lado, pero aún no he comprado nada ya que no había usado checkout-page antes. ¿Podrías probarlo realmente, @FrancoisD? Te gusta comprar y vender cosas, así que por favor pruébalo y cuéntanos cómo te fue.

Una vez que confirmemos que todo funciona, moveré esto a la categoría de temas.

También dejé algunos comentarios en el código para explicar cómo se construyó.

4

¡Lo siento @Johani, estuve fuera durante las vacaciones!

Es perfecto, muchas gracias por tu tiempo.

5

¡Hola @Johani! ¿Tuviste tiempo de convertirlo en un tema? :slightly_smiling_face: