> ## 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 Shopify

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**

Slana te compartirá un enlace para integrar, al dar clic en el link se desplegará la ventana para corroborar tu usuario y contraseña:

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-06-15-160002.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=727a4b7c245030ef7330d0803df3aea7" alt="Captura De Pantalla 2026 06 15 160002" width="342" height="222" data-path="images/Captura-de-pantalla-2026-06-15-160002.png" />
</Frame>

Una vez que inicies sesión con tu acceso de administrador, se cargará una página mostrando lo siguiente:

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-06-15-115323.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=c27b6986385aca14a93bfa68dda8eb67" alt="Captura De Pantalla 2026 06 15 115323" width="693" height="410" data-path="images/Captura-de-pantalla-2026-06-15-115323.png" />
</Frame>

En esta ventana solo se mostrará la información del método de pago Slana, así como el botón de **\[*Instalar*]** y  **\[*Cancelar*]**. Dar clic en el botón de **\[Instalar]**

Al dar clic en Instalar, se mostrará el texto confirmando que el método de pago ha sido integrado correctamente.

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-06-15-115422.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=f0286d454d2bb3d9f82eedd131b72e07" alt="Captura De Pantalla 2026 06 15 115422" width="418" height="216" data-path="images/Captura-de-pantalla-2026-06-15-115422.png" />
</Frame>

**PASO 02**

Una vez confirmado, es necesario ir a su sitio web para que nos vuelva a mostrar la página principal de Shopify. Posterior a eso, nos dirigimos al menú del lado izquierdo al apartado de configuración, dar clic.

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Configuraci%C3%B3n---Shopify.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=beb36d5773af88f601c01cd7bf8772c3" alt="Configuración Shopify" title="Configuración Shopify" className="mx-auto" style={{ width:"73%" }} width="847" height="690" data-path="images/Configuración---Shopify.png" />
</Frame>

Al dar clic en el  apartado de “Configuración”, se mostrará la siguiente pantalla. 

Dar clic en el apartado de “Pagos” en el menú del lado izquierdo.

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-06-15-162345.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=a437c0073cc69a9afe5d8b55c0a41a05" alt="Captura De Pantalla 2026 06 15 162345" title="Captura De Pantalla 2026 06 15 162345" className="mx-auto" style={{ width:"76%" }} width="637" height="501" data-path="images/Captura-de-pantalla-2026-06-15-162345.png" />
</Frame>

1. Se desplegarán las opciones de dicho apartado, desplazarse hacia abajo para ir al apartado de “Formas de pago manuales”, dar click en el botón \[+ Forma de pago manual], se desplegarán las opciones e iremos a la primera opción “Crear forma de pago personalizada”

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-06-15-162026.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=17362d4dbac80b1c4175aac4cc4768ca" alt="Captura De Pantalla 2026 06 15 162026" width="450" height="356" data-path="images/Captura-de-pantalla-2026-06-15-162026.png" />
</Frame>

<Danger>
  *Al no estar aún presentes en el buscador de apps de Shopify, será necesario crearlo manualmente*
</Danger>

Una vez que se haya dado clic se desplegará la ventana “Configurar forma de pago manual”, donde 

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-06-16-180751.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=80a6c5c3ec0a11eda3ad1aa70b935774" alt="Captura De Pantalla 2026 06 16 180751" title="Captura De Pantalla 2026 06 16 180751" className="mx-auto" style={{ width:"67%" }} width="711" height="576" data-path="images/Captura-de-pantalla-2026-06-16-180751.png" />
</Frame>

Será necesario agregar los siguientes textos que se mostrarán en el apartado del checkout, una vez agregados dar clic en el botón de **\[Guardar]**

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-06-16-181057.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=df780bcfb5696032825b5fc354796e60" alt="Captura De Pantalla 2026 06 16 181057" title="Captura De Pantalla 2026 06 16 181057" className="mx-auto" style={{ width:"65%" }} width="708" height="542" data-path="images/Captura-de-pantalla-2026-06-16-181057.png" />
</Frame>

A continuación se agregan los textos que se deben ingresar en el editor:

**<u>Primer recuadro:</u>**

<Note>
  *Slana - Paga en quincenas, sin tarjeta de crédito*
</Note>

**<u>Segundo recuadro:</u>**

<Note>
  *Paga en parcialidades con Slana en pedidos de \$500 a \$10,000 MXN. Después de realizar tu pedido, continuarás en Slana para completar tu solicitud y verificar tu identidad.*
</Note>

**<u>Tercer recuadro:</u>**

<Note>
  *Hemos recibido tu pedido, pero tu pago aún no ha sido confirmado.*

  *Para completar tu compra con Slana, haz clic en “Continuar con Slana” en esta página y termina tu solicitud. Ten a la mano tu identificación oficial.*

  *Tu pedido será confirmado después de que Slana apruebe tu solicitud. Si sales de esta página, podrás regresar desde la página de estado de tu pedido para continuar*
</Note>

Una vez ingresados dar clic en el botón de **\[Activar]**, se mostrarán de la siguiente manera:

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Paso-06.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=bb94686c4b7bc0061655a8905d8622a2" alt="Paso 06" title="Paso 06" className="mx-auto" style={{ width:"67%" }} width="750" height="706" data-path="images/Paso-06.png" />
</Frame>

2. En el menú del lado izquierdo damos clic en el apartado de “*Pago*”, se mostrará la “*Pantalla de pago*” y daremos clic en el botón de **\[Editar]**, así como se muestra en la siguiente imagen:

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-06-17-1656665.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=b073a8319637c709f5182a0180752da6" alt="Captura De Pantalla 2026 06 17 1656665" title="Captura De Pantalla 2026 06 17 1656665" className="mx-auto" style={{ width:"96%" }} width="1202" height="622" data-path="images/Captura-de-pantalla-2026-06-17-1656665.png" />
</Frame>

Al dar clic, se mostrará el editor del sitio web en donde realizaremos la debida configuración del *“Thank you page*” (Agradecimiento) así como el estatus de las órdenes.

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-08-21-141023.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=fd121c04ce28cc9d0b97b9ee1a7a48fd" alt="Captura De Pantalla 2026 08 21 141023" width="1100" height="657" data-path="images/Captura-de-pantalla-2026-08-21-141023.png" />
</Frame>

<Tip>
  *Importante mencionar que las siguientes configuraciones no modifican la imagen del sitio, sólo se mostrarán para aquellos usuarios que seleccionen el método de pago de “Slana”*
</Tip>

3. En la siguiente pantalla, vamos a la parte superior del editor en el apartado de “Agradecimiento” para proceder a agregar un bloque.

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-06-16-113243.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=96363d3d519befaaa58e1e678ba4fffe" alt="Captura De Pantalla 2026 06 16 113243" title="Captura De Pantalla 2026 06 16 113243" className="mx-auto" style={{ width:"89%" }} width="845" height="511" data-path="images/Captura-de-pantalla-2026-06-16-113243.png" />
</Frame>

En el menú del lado izquierdo en el apartado *PRINCIPAL* dar clic en el botón **\[Agregar bloque]**

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=8e9361666e805e8385ef98d0d6a7c08e" alt="Captura De Pantalla 2026" title="Captura De Pantalla 2026" className="mx-auto" style={{ width:"88%" }} width="845" height="527" data-path="images/Captura-de-pantalla-2026.png" />
</Frame>

4. Nuevamente habrá que ir a la parte superior, ahora al apartado de “*Estado del pedido*” y en el menú del lado izquierdo en el apartado de “*Principal*”, clic en el botón de **\[Agregar bloque]**. Al dar clic en el botón se colocará automáticamente hasta arriba en el menú del lado izquierdo, por lo que se podrá mover para colocarlo más abajo como en la segunda imagen. Al finalizar dar clic en guardar

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-06-16-115409.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=a3e43e209665f7c318e2f5741f26d536" alt="Captura De Pantalla 2026 06 16 115409" width="845" height="587" data-path="images/Captura-de-pantalla-2026-06-16-115409.png" />
</Frame>

En la siguiente imagen podemos ver cómo se colocará correctamente.

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-06-17-1515528520.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=46b4e38113e4da12f7bac4156f1098f9" alt="Captura De Pantalla 2026 06 17 1515528520" width="982" height="460" data-path="images/Captura-de-pantalla-2026-06-17-1515528520.png" />
</Frame>

5. Para finalizar, habrá que colocar el widget del producto dando clic en el apartado de arriba en la sección *“Tema de la tienda online”*

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-06-17-15240278.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=27f8dc434322157aa33d8db1cc6464ec" alt="Captura De Pantalla 2026 06 17 15240278" width="1032" height="590" data-path="images/Captura-de-pantalla-2026-06-17-15240278.png" />
</Frame>

Al dar clic, mostrará el panel editor de la tienda. En la parte superior en el apartado de *“Página de inicio*” dar clic para que se puedan desplegar las opciones, dar clic en “*Productos*”

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-06-17-15456.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=bff6ed1f7ad1985a7de928ff52a33676" alt="Captura De Pantalla 2026 06 17 15456" width="1001" height="607" data-path="images/Captura-de-pantalla-2026-06-17-15456.png" />
</Frame>

Una vez seleccionada la opción de “Productos”, se mostrará el producto predeterminado o bien las carpetas que se han ido creando, si se elige la primera opción el widget se agregará automáticamente en todos los productos.

<Frame>
  <img src="https://mintcdn.com/monetech/hd1g5QBA5VBMV6Hi/images/Captura-de-pantalla-2026-08-21-142659.png?fit=max&auto=format&n=hd1g5QBA5VBMV6Hi&q=85&s=b7694a382a011b8f93f0fc1ddbc5d412" alt="Captura De Pantalla 2026 08 21 142659" width="1052" height="592" data-path="images/Captura-de-pantalla-2026-08-21-142659.png" />
</Frame>

Habrá que localizar en el menú del lado izquierdo en el apartado de *“Plantilla”* la subsección de “Información del producto”, dar clic en la flechita para que se desplieguen las opciones. Dar clic en el botón de **\[Agregar bloque]**

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

Se mostrará sobre el mismo menú una ventana para buscar el bloque a agregar, ir a la pestaña de “*apps*” en donde arroja la opción de Slana, dar clic.

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

Una vez que se da clic, se mostrará de la siguiente manera.

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

<br />Con ello hemos finalizado la implementación, podemos ingresar al sitio web para corroborar que todo se muestre correctamente.

**ESTATUS SHOPIFY**

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

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

<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>
