Si tienes problemas con la visualización del widget en tu web personalizada, puedes verificar lo siguiente:
Asegúrate de haber insertado correctamente los scripts de la biblioteca de Scalapay en la etiqueta `<head>` de la página HTML del producto o del carrito. El script debe estar estructurado de la siguiente manera:
<script type="module" src="https://cdn.scalapay.com/widget/v3/js/scalapay-widget.esm.js"></script>
<script nomodule src="https://cdn.scalapay.com/widget/v3/js/scalapay-widget.js"></script>
Verifica que hayas configurado correctamente los importes mínimo y máximo en el cuerpo de la configuración del widget.
Verifica que el campo `amount-selectors` apunte al selector de precio correcto en la página de producto o carrito. Recuerda insertar el selector en el formato correcto `[" , "]`.
¿Cómo identificar el selector de precio correcto?
Haz clic derecho en cualquier parte de la página y selecciona "Inspeccionar".
Inspecciona la página para identificar el lugar donde deseas activar un elemento.
3. Una vez encontrado el elemento, busca el selector en el código HTML. Copia el selector y pégalo en el campo `amount-selectors`.
El código podría verse así:
`div.summary.entry-summary > div > form > table > tbody > tr:nth-child(2) > td.value > div > div > div > div.woocommerce-variation-price > span > span > bdi.`