A continuación vamos a agregar el código del botón de MyCheckout para que se pueda observar en la pagina principal(home), en la pagina de resultados de producto (plp), y en el detalle del producto (pdp)

Página de detalles del producto

En el HTML de la página del producto, agregue el siguiente Script justo antes del cierre de la etiqueta.

Ahora Agregamos un elemento Div con la clase Kuikpay en el elemento DOM donde desea que se muestre el botón.

Página de lista de productos

En el HTML de la página de categoría, agregue el siguiente script justo antes del cierre de la etiqueta

Nombre del Atributo

Tipo

Descripción

Valor por defecto

container

String

En la PLP (Página de Lista de Productos) es obligatorio agregar este atributo. El valor se refiere

el nombre de clase del elemento principal de la lista de productos.

undefined

En su pagina responsable de mostrar el listado de productos, agregue un elemento div con la clase kuikpay y kuikpay-{idSku} que seria id en el elemento DOM

Aqui encuentras un archivo de ejemplo: ........

En este punto ya instalaste el app de MyCheckout y adicionalmente agregamos los componentes a la tienda. ahora nos resta ingresar al administrador de VTEX para acabar de configurar y que el botón se observe en nuestra tienda.

Lista de chequeo inicial

Lista de chequeo inicial