DESACTUALIZADO - WOO - 2.3 - INTEGRACIÓN VISUAL
- Sergio Calatrava Albacete
Añadir banner en la página principal
El plugin añade el shortcode [sequra_banner] que inserta un banner promocionando alguno de los servicios de SeQura. Acepta como parámetros:
- product: Puede ser i1 ("Compra ahora, paga después") o pp3 ("Pago fraccionado"). Depende del valor definido promocionará una u otra modalidad.
- Ejemplo: Si se quiere promocionar el "Pago fraccionado" el valor será: [sequra_banner product="pp3"]
- Ejemplo: Si se quiere promocionar el "Pago fraccionado" el valor será: [sequra_banner product="pp3"]
- color: Permite asignar un color a los iconos que se usan en el banner.
- Ejemplo: [sequra_banner product="pp3" color="red"] o [sequra_banner product="pp3" color="#45ab78"]
- Ejemplo: [sequra_banner product="pp3" color="red"] o [sequra_banner product="pp3" color="#45ab78"]
Templates
Hay un directorio templates dentro del módulo que en caso de ser necesario se puede personalizar, copiando el fichero que se quiera personalizar al theme de WordPress activo y modificando esa copia.
- banner_i1.php y banner_pp3.php: Corresponden con el banner generado por el shortcode.
- invoice_teaser.php y partpayment_teaser.php: Corresponden al slogan de "Compra ahora, paga después" y al simulador de cuotas de "Pago fraccionado" respectivamente.
- payment_fields.php y partpayment_fields.php: Corresponden con la descripción que se muestra en el checkout, para "Compra ahora, paga después" y "Pago fraccionado" respectivamente.
- payment_identification.php: Corresponde a la página en la que se muestra el popup de SeQura.
Personalización de los widgets
En Woocommerce → Ajustes → Pagos → "Compra ahora paga después" o "Pago fraccionado" se puede definir el "Widget theme" de cada modalidad de pago, introduciendo uno de los themes predefinidos: "text" o "legacy":
- Legacy
- Text
Estos widgets pueden personalizarse indicando los parámetros en formato .json dentro del campo "Widget theme". Los parámetros que se pueden configurar son:
- type (text o legacy)
- size (S, M o L)
- font-color (#rrggbb)
- background-color (#rrggbb)
- alignment (left, center o right)
- branding (white, black o default)
- starting-text (only o as-low-as)
Si se deja el campo "Widget theme" en blanco, los parámetros que se activarán por defecto son {"type":"text", "size":"M", "alignment":"center", "font-color":"#353735"}.
Material visual (sliders, logos y textos):
Si se quiere crear un banner o slider personalizado, se pueden utilizar las imágenes contenidas en Marketing toolkit. Dichas imágenes están tanto en formato PNG como en SVG para que puedan ser editadas y adaptadas al estilo de cada página.
En ese mismo enlace se pueden encontrar también un tutorial de los elementos visuales disponibles de nuestros métodos de pago.