2. Diseño por defecto de la cabecera.
3. Cómo configurar la cabecera.
3.1. Personalización mediante variables.
3.2. HTML para la página del listado de participantes.
1. Introducción.
En las campañas de Cool Tabs, creadas con las apps Cool Promo y Cool Promo White Label, puedes activar un listado público de participantes.
Tanto en el listado público de participantes como en la página de cada participación individual aparece una cabecera con un diseño por defecto.
En este tutorial, te explicamos cómo configurar y personalizar tu propia cabecera del listado de participantes.
2. Diseño por defecto de la cabecera.
Este incluye la imagen principal de la campaña redimensionada y la descripción de la campaña, así como los botones de 'Compartir' y 'Participa'. También se incluyen detalles de zona horaria de la campaña y la fecha hasta la que se pueda participar y/o votar.
El diseño variará ligeramente, en función de la versión de diseño que hayas elegido en la edición de tu campaña. La versión clásica de diseño solo está disponible para campañas antiguas.
Ejemplo del listado de participantes
Ejemplo del listado de participantes (versión clásica)
3. Cómo configurar la cabecera.
Ten en cuenta que, para hacer público el listado de participantes, debes habilitar esa opción desde el editor de la campaña, en la pestaña 'Listado' del apartado 'Participaciones'.
Si quieres incluir tu cabecera personalizada, ve al apartado 'Diseño', pestaña 'Contenido', de la edición de la campaña. Una vez ahí, marca el check 'Cabecera del listado de participantes y participante individual'.
Al utilizar este campo personalizado, ya no aparecerán los elementos que figuran por defecto, lo que te permitirá incluir el HTML que necesites.
3.1. Personalización mediante variables.
Esta página admite personalización avanzada mediante variables. Consulta el tutorial de personalización avanzada mediante variables para saber cuáles admite el listado de participantes.
Te adelantamos que las variables que puedes incluir son:
- Todas las que admite la página tras participar, a excepción de las que se especifican en el propio tutorial.
- Las variables propias del listado de participantes.
Si te interesa mantener los botones de 'Compartir' y 'Participa, puedes incluirlo mediante clases por CSS.
3.2. HTML del listado de participantes.
Ten en cuenta que el uso de variables en la página del listado de participantes está pensado para HTML propio, por lo que si usas la configuración por defecto, no debería emplearlas.
Si quieres incluir tu HTML custom, consulta el tutorial 'Personalización avanzada con HTML propio', en el que te mostramos un ejemplo de HTML para el listado de participantes.
Ejemplo:
El HTML que hemos incluido en la cabecera es una imagen mapeada que lleva a "Compartir" y a "Participa" cuando se hace clic en ese texto de la imagen:
<div id="canvas" style="position: relative; width: 579px; margin: 0px auto; height: 174px;"><img id="bgI
4. Otras especificaciones.
Si tienes alguna consulta durante el proceso, no dudes en contactar con nosotros a través del chat de nuestra web o nuestro mail de soporte help@cool-tabs.com
5. Contenido relacionado.
Cómo personalizar los mensajes que se comparten en Facebook, Twitter y otras redes sociales >>
Personalización avanzada de una campaña mediante variables >>
Personalización avanzada con HTML propio >>
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.