Cómo configurar y personalizar la cabecera del listado de participantes

1. Introducción.

2. Diseño por defecto de la cabecera.

3. Cómo configurar la cabecera.

3.1. Personalización mediante variables.

3.2. HTML para el listado de participantes.

4. Otras especificaciones.

5. Contenido relacionado.

1. Introducción.

En las campañas de Cool Tabs puedes activar un listado público de participantes. Tanto en ese listado 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.

Por defecto, en la parte superior del listado de participantes aparece únicamente un botón de 'Participa', que redirige al usuario al formulario de participación de la campaña.

3. Cómo configurar la cabecera.

Para hacer público el listado de participantes, habilita esa opción desde el editor de la campaña, sección 'Participaciones' > pestaña 'Listado'.

Si quieres incluir una cabecera personalizada, ve a la sección 'Diseño' >, pestaña 'Contenido'. Marca el check 'Cabecera del listado de participantes y participante individual'.

Al activar este campo, dejan de aparecer los elementos por defecto y puedes 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.

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 quieres mantener el botón 'Participa', puedes incluirlos mediante clases CSS.

3.2. HTML para el listado de participantes.

El uso de variables en la página del listado de participantes está pensado para HTML propio. Si usas la configuración por defecto, no es necesario emplearlas.

Si quieres incluir tu HTML personalizado, consulta el tutorial Personalización avanzada con HTML propio, donde encontrarás un ejemplo de HTML para el listado de participantes.

4. Otras especificaciones.

Si tienes dudas, contáctanos en 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.