> ## Documentation Index
> Fetch the complete documentation index at: https://docs.slana.mx/llms.txt
> Use this file to discover all available pages before exploring further.

# Guía WooCommerce

> Si deseas ofrecer Slana en tu tienda en línea será necesario realizar la instalación de la aplicación para el método de pago. En la siguiente guía podrás encontrar los pasos a seguir para completar tu integración.

**PASO 01**

Haz clic en el siguiente enlace para descargar la última versión del plugin. Nota: Es indispensable descargarlo en formato .zip (comprimido). <br />

<Note>
  [<u>https://monetech2.gitlab.io/platform/epos/wp-plugin-woocommerce/download.html</u>](https://monetech2.gitlab.io/platform/epos/wp-plugin-woocommerce/download.html)
</Note>

<br />Cuando hayas descargado el archivo .zip, abre el administrador de tu tienda en línea. En el menú del lado izquierdo, haz clic en "Plugins", y selecciona "Agregar plugin". 

<img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/image-11.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=cbe17763e70ab4e196e037cd5bf24f5e" alt="Image" width="1057" height="560" data-path="images/image-11.png" />

<br />Al dar clic se mostrará la siguiente pantalla, haz clic en el botón **\[Subir plugin]** de  la parte superior. Después, haz clic en **\[Seleccionar archivo]** para cargar el plugin en formato Zip que previamente descargaste.

<img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/image-12.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=e5ba18f6ba984c866ba85addaeb9c615" alt="Image" width="1217" height="667" data-path="images/image-12.png" />

Al cargar el plugin se mostrará el nombre dentro del recuadro, posteriormente haz clic en el botón **\[Instalar ahora]**

<img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/image-13.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=8f8e8176c29533fe146f077ef5a19877" alt="Image" width="1226" height="437" data-path="images/image-13.png" />

Cuando se termine de cargar, haz clic en el botón **\[Activar plugin].** 

<img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/image-14.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=c42123bff06621fd0bc74e5c3719e468" alt="Image" title="Image" className="mx-auto" style={{ width:"76%" }} width="1035" height="691" data-path="images/image-14.png" />

Se desplegarán los plugins instalados de la tienda. Busca el plugin de Slana **“WooCommerce Slana Pay”** casi al final de la lista (el orden de la lista es alfabético) y da clic en **“Configuración”**.

<img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/image-15.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=eca6793fa9392e87d59a660f7aeb46f4" alt="Image" width="1375" height="350" data-path="images/image-15.png" />

Se mostrará la siguiente pantalla, activa el checkbox de **Activar/Desactivar** y desactiva el checkbox de ***Visibilidad***

<img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/image-16.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=8a90c2e6e76f4de9a540c8589778ab64" alt="Image" width="1370" height="565" data-path="images/image-16.png" />

Desplaza el mouse hacia abajo, salta las opciones **Título**, **Descripción** y **Tema de la tienda**. No es necesario que modifiques nada de esas secciones. 

<img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/image-17.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=bbfa2a76c6f89e4409cbfa343218d899" alt="Image" width="1357" height="582" data-path="images/image-17.png" />

Ve hasta **“Credenciales de Slana”** en donde se ingresarán las API Keys correspondientes, estas serán compartidas durante la llamada de integración o bien por parte del equipo S.E mediante un correo (Private Bin)

<img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/image-18.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=3ff2aa738dfcdafb469daec58dc83b27" alt="Image" width="1380" height="550" data-path="images/image-18.png" />

Al ingresarlas se mostrarán tal como se indica en la imagen:

<Info>
  **External ID**: Está estructurado de la siguiente forma: “merch\_” más 12 caracteres.

  **Secret Key**: Consta únicamente de más de 15 caracteres
</Info>

<img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/image-19.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=01cef98bd8963a0b17ad1fd5a341bc66" alt="Image" width="1185" height="458" data-path="images/image-19.png" />

<Danger>
  ***Se recomienda respaldar esta información.***
</Danger>

Desliza hacia abajo para guardar los cambios realizados.

<img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/image-20.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=8d549015fc6ad74808f0b5e2cd12ecde" alt="Image" title="Image" className="mx-auto" style={{ width:"74%" }} width="840" height="692" data-path="images/image-20.png" />

Al hacer clic en el botón **\[Guardar]**, se confirmará en la parte superior en color verde que los cambios fueron guardados correctamente al igual que las API Keys.

<img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/image-21.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=edaf184143346047d01c6f8131124433" alt="Image" width="1343" height="595" data-path="images/image-21.png" />

**ESTATUS WOOCOMMERCE**

Actualmente en la plataforma de Shopify el nombre y el significado de los estatus se manejan son los siguientes estatus:

<Check>
  PAGADO.- El estatus indica que la orden ha sido procesada correctamente, es decir, fue aprobada y es posible entregar el producto
</Check>

<Warning>
  PAGO PENDIENTE.- El estatus indica que la orden no ha sido procesada, por lo que debemos esperar 30 min para validar el cambio de estatus en caso de ser denegado el préstamo por nuestro sistema antifraude
</Warning>

<Info>
  ANULADO.- El estatus indica que han transcurrido los 30 min para poder concluir la orden por parte del usuario y se terminó el tiempo para realizarlo. No se debe enviar el producto.
</Info>

<br />