Integración de Umappi en Wix

Si has creado tu página web con Wix esta es la manera de integrar tu botón de comprar de Umappi.

1. Accede a tu cuenta de Wix y dirigirte a la página  en la que quieres situar el botón de compra de Umappi.

2. En la página en la que estás activa las Opciones avanzadas. Esto hará surgir una barra inferior que permite introducir código específico a esa página.

3. Una vez activado, en la parte inferior aparece un texto de “Code for Page: xxxx”. Haz click sobre este:

4. Al hacer esto verás como se despliega una consulta avanzada en la que puedes añadir código para esta página. Debes añadir un código similar al siguiente en el que XXXXXXXX corresponderá a un trozo de código que te facilitaremos. 

Esta será tu pieza de código donde deberás añadir otra parte de código que te facilitaremos en lugar de XXXXXXXX:

import wixWindow from ‘wix-window’; $w.onReady(function () { $w(“#btnumappi01”).onClick(function() {

wixWindow.openModal(“https://XXXXXXXX.web.app”, {“width”: 1024,“height”: 600});    

});

5. Una vez incorporado este código puedes cerrar esa consola.

6. Ahora debes incluir un botón en el lugar que elijas dentro de tu web.

7. Una vez creado el botón, selecciónalo y haz click en el botón derecho del ratón para ver las opciones. Selecciona Propiedades. En el campo ID, incluye el mismo ID que has puesto en el script anterior.

En nuestro ejemplo el ID sería btnumappi01. Tú tendrías que sustituirlo por el tuyo.

Ya has integrado el botón de compra de Umappi en tu web.