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.
Paso a paso
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 toda la campaña".
Introduce el contenido de la cabecera: puedes añadir texto, HTML, imágenes, etc., utilizando el editor WYSIWYG.
Guarda los cambios.
Ten en cuenta que 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.
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.
Otras especificaciones
Si tienes cualquier duda, contacta con nosotros en help@cool-tabs.com.
Contenido relacionado
Cómo añadir un footer personalizado en una campaña.