PS - 2.3 - INTEGRACIÓN VISUAL

Personalización de los widgets

En la configuración de nuestro plugin se pueden modificar los parámetros visuales del widget que se mostrará en la página del producto.

Accede a Módulos → seQura → Configurar → Widgets

→ Al desplegar los métodos de pago podrás ver el apartado de selector CSS (La ubicación del widget configurada en el paso anterior) y el apartado Parámetros.

Open

→ En los Parámetros de visualización del simulador puedes añadir el aspecto visual que tendrá el widget. En nuestro Simulador de widgets se puede escoger el diseño que más se ajuste a la web.

Open

Una vez seleccionados los diferentes parámetros, puedes copiar el código JSON resultante y pegarlo en los Parámetros del simulador en nuestro plugin.
 

Estos son los parámetros en formato .json permitidos dentro del campo "Parámetros del simulador". 

• type (text, banner 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)

• amount-font-size (13, 15, 17)

• amount-font-color (#rrggbb)

• amount-font-bold (true o false)

• link-font-color (#rrggbb)

• link-underline (true o false)

• border-color (#rrggbb)

• no-costs-claim (free o without-cost)
  
  

Si se deja el campo "Parámetros del simulador" 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.