1. Introducción.
Cool Tabs permite incluir una cabecera personalizada que se muestra en la parte superior de todas las pantallas de una campaña, desde la landing hasta la pantalla final de gracias.
Esta cabecera global es especialmente útil si deseas mantener visible un mensaje importante, un branding específico de tu campaña o una llamada a la acción durante toda la experiencia del usuario.
Ten en cuenta que:
Se trata de una cabecera independiente de las cabeceras que puedes añadir en el formulario de participación o en el formulario de datos personales.
Se muestra fuera del wrapper principal, por lo que permanece fija y no depende del contenido interno de cada pantalla.
2. Paso a paso.
2.1. Cómo configurar una cabecera.
Accede a tu campaña desde tu listado de campañas activas.
Dirígete a la sección Edición > Diseño > Contenido.
Marca la opción “Mostrar cabecera en todas las páginas”.
Introduce el contenido de la cabecera: puedes añadir texto, HTML, imágenes, etc., utilizando el editor WYSIWYG.
Guarda los cambios.
Cuando subes una imagen desde el editor WYSIWYG, esta se redimensiona automáticamente a un ancho máximo de 810 píxeles. Esto significa que, aunque la imagen original sea más grande, se insertará una versión optimizada.
A continuación, puedes ver un ejemplo de una campaña en la que se ha configurado una cabecera global, además de una cabecera en el formulario de participación.
2.2. Uso de HTML custom.
Si tu campaña tiene un diseño personalizado mediante HTML, puedes pintar ese contenido de la cabecera global utilizando la variable:
{{{ campaign_header }}}
Ejemplo de HTML:
<html {{{ cool_tabs_html_attributes }}}>
<head>
<!-- {{{ cool_tabs_head }}} -->
</head>
<body {{{ cool_tabs_body_attributes }}}>
{{{ campaign_header }}}
<!-- Contenido de tu campaña -->
{{{ campaign_footer }}}
</body>
</html>
Si quieres saber cómo configurar tu propio HTML para las distintas pantallas de una campaña, consulta el tutorial Personalización avanzada con HTML propio.
3. Otras especificaciones.
Si tienes dudas sobre cómo implementar esta funcionalidad o necesitas ayuda para personalizar tu diseño, puedes contactar con nuestro equipo de soporte en help@cool-tabs.com.
4. Contenido relacionado.
Cómo añadir un footer personalizado en una campaña.
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.