Manual integración Shopify

Este manual contiene las instrucciones para configurar ADDI como método de pago en un
comercio que tenga su tienda en línea montada sobre Shopify.

1. Agregar Método de Pago

Para agregar el método de pago de Addi en tu tienda Shopify, es necesario que inicies
sesión con tu usuario administrador y hagas click al siguiente enlace

🌐 https://accounts.shopify.com/store-login?
redirect=settings%2Fpayments%2Falternative-providers%2F1058261

1. Despues de
abrir el
enlace, se
debe
conectar e
instalar la
aplicación
Addi
Payment.

2. Al finalizar la
instalación, se
debe activar el

Manual integración Shopify 1

 método de pago
Addi Payment ,
en la opción💳
Pagos y buscar
la opción Medios
de pago
alternativo,
posteriormente
seleccionar Addi
Payment.

3. Finalmente, debes
Activar Addi
Payment

Manual integración Shopify 2

 2.Configuración de CheckOut
La aplicación se instala a través de la tienda de shopify, pero debido a que el proceso de
ADDI requiere que se obtenga el dato del C.C del cliente, se debe habilitar un nuevo campo
que está oculto por defecto en la tienda, para esto se deben seguir los siguientes pasos:

Nos dirigimos a “Configuración” → “Pantalla de pago” →Ir a la sección “Opciones de

formulario”, el campo “Nombre de la empresa” por defecto está en el estado “Oculto”, ahora
bien, allí se debe dejar este campo con el estado “Obligatorio”

Manual integración Shopify 3

Manual integración Shopify 4
Manual integración Shopify 5
 Cuando se activa este campo, se mostrará con la etiqueta “Nombre de la empresa”, para
cambiarlo y darle un look and feel, para darle a entender al cliente que lo que se requiere en
un número de documento, se debe cambiar esta etiqueta, para esto se debe dirigir a “Tienda
online” → “Temas” → “Tema actual” y allí en el menú desplegable de acciones iremos a →
“Editar idiomas”

Seguido, filtramos por la palabra clave “Empresa”

En “Company Label” debemos escribir ”Cédula”, esta será la etiqueta que se muestra en el
campo

Manual integración Shopify 6

 Debemos modificar el campo “Address Company Blank”, aquí escribiremos “Enter a
document number (numeric only)”, este es el campo de validación.

Finalmente, debemos guardar los cambios y ya estará configurado el checkout, así debería
verse el checkout finalmente.

Manual integración Shopify 7

Manual integración Shopify 8
 3. Widget de ADDI en la página de producto / Banner
página principal
En ADDI queremos ayudarte a mejorar la tasa de conversión y el ticket promedio de tu
comercio. Incluyendo este widget podrás darle a conocer a tus clientes la opción de pago a
cuotas, afectando positivamente su intención de compras, y naturalmente fomentando
órdenes más grandes y la inclusión de productos adicionales al carrito.

Manual integración Shopify 9

 Puedes usar este widget en diferentes puntos de la experiencia de compra de tu
comercio y este cargará de manera dinámica el valor mínimo de la cuota mensual para
el precio del producto tal como se ve en el siguiente ejemplo:

Instalación del widget

Para instalar el widget se requiere agregar el tag/script en el archivo theme.liquid. Para esto
es necesario dirigirse a Tienda Online → Temas → Tema actual→y allí se debe buscar la
opción “Editar código”

Manual integración Shopify 10

 En esta parte,
encontrará el layout
theme.liquid, acá
debe incluir tag para
mostrar el widget de
forma correcta.
Se recomienda
incluir justo antes de
cerrar el tag </body>
para evitar
afectaciones de
carga en el sitio

<script
data-name="shopifyAddiWidget"
data-id="madeira"
data-ally-slug="madeira-ecommerce"
data-element-reference=".purchase-details"
src="https://s3.amazonaws.com/statics.addi.com/shopify/js/shopify-co-widget-wrapper.bundle.min.js"
></script>

Seguido, se deben guardar los cambios y ya se deberían visualizar correctamente los

cambios realizados.

Manual integración Shopify 11

Manual integración Shopify 12