HTML dinámico - ADD-ON

El nuevo tipo de sección ofrece a los administradores la posibilidad de definir el contenido HTML que se mostrará en la sección. Además, introduce parámetros HTML dinámicos que permiten incorporar a la sección elementos como el nombre del usuario y la imagen del vendedor.

A continuación te explicamos cómo utilizar esta función:

Esta sección funciona de forma similar al resto de secciones, permitiéndole introducir su HTML directamente en los ajustes de la sección. Además, ofrece algunas funciones adicionales para mejorar aún más sus características.

Característica	Para qué sirve
Nombre	Para especificar el nombre de esta sección para facilitar su identificación en la lista de secciones de la página de lista de secciones, puede nombrarla "Sección HTML personalizada" o "Sección HTML dinámica".
Orden de clasificación	Utilice este campo para especificar el orden en el que aparecerá esta sección en relación con otras secciones de la página. Los valores de ordenación más bajos indican que la sección se mostrará más arriba en la página, mientras que los valores más altos posicionarán la sección más abajo.
Cliente específico	Active esta opción para que esta sección sea específica para determinados clientes. Puede especificar los clientes a los que conectar esta sección más adelante en esta página.
Visibilidad	Utilice esta opción para especificar en qué dispositivos puede estar disponible esta sección Este tipo de sección puede ser visible en los siguientes: En todas partes: hace que esta sección sea visible en todos los dispositivos. Sólo móvil: hace que esta sección sólo sea visible en dispositivos pequeños como teléfonos móviles y tabletas. Sólo escritorio - Hace que esta sección sólo sea visible en dispositivos grandes como Portátiles y Ordenadores de sobremesa. En ninguna parte - Impide que esta sección sea visible en ningún dispositivo.
Opción de visualización	Este campo le permite especificar qué usuarios tienen visibilidad en función del estado de inicio de sesión: Mostrar para todos - Todos los usuarios pueden ver esta sección independientemente de si han iniciado sesión o no. Mostrar para los que han iniciado sesión - Sólo los usuarios que han iniciado sesión pueden ver esta sección. Mostrar para los que no han iniciado sesión - Sólo los usuarios que no han iniciado sesión pueden ver esta sección.
Fecha de inicio	Especifique la fecha a partir de la cual desea que esta sección esté activa.
Fecha final	Establezca la fecha en la que desea que esta sección quede inactiva.
Clase de sección	Añade una clase a la sección en el front-end para permitir el seguimiento de los clics mediante el gestor de etiquetas de Google.
Anular los ajustes de visualización del cliente	Los ajustes de visualización disponibles en usuario/cliente/grupo para ocultar promociones/secciones generales/conectadas con el cliente se ignorarán para esta sección y cualquier promoción conectada a ella. Se seguirá aplicando el comportamiento normal de los clientes conectados.
Cabecera	Especifica el título que se mostrará en la tienda para identificar esta sección (opcional).
HTML	Aquí es donde usted puede agregar su HTML para esta sección, esta es la herramienta principal para esta función y puede incluir cualquier HTML personalizado y CSS para su sección que se mostrará en la tienda. Asegúrese de incluir los parámetros HTML (abajo) para incluir dinámicamente el contenido relevante. Esto creará una experiencia de cliente a medida para cada usuario al que se conecte, pero sólo necesita crearse una vez.
Parámetros html dinámicos	Los parámetros html dinámicos se pueden utilizar como parte del html. Escriba {PARAMETER_NAME} y será reemplazado cuando se renderice. La imagen de debajo de esta tabla muestra los parámetros incluidos y el área en la que se pueden utilizar.
Color del texto	Especifique el color del texto de la sección basándose en los códigos de color HEX.
Color de fondo (sección interior)	Especifique el color de fondo de las partes interiores de esta sección basándose en códigos de color HEX.
Color de fondo (sección exterior)	Especifique el color de fondo de las partes exteriores de esta sección basándose en códigos de color HEX.
Utilizar todo el ancho	Si esta opción está activada, la sección aparecerá en toda la anchura de la pantalla en lugar de sólo en el centro, que es lo que ocupan la mayoría de las secciones.

Parámetros HTML

Ejemplo: