La página que aparece cuando los usuarios envían su participación -que nosotros denominamos "Página tras participar"- tiene varios elementos que aparecen por defecto, además de un mensaje de gracias que puedes configurar en el apartado de edición de la campaña (sección "Diseño de la promoción") como:

  • Mensaje por defecto para todos los participantes.
  • Mensaje personalizado según los resultados obtenidos por el participante en el quiz (sólo para quizz con puntos o test de personalidad)
  • Mensaje personalizado para los participantes que hayan resultado ganadores mediante Instant Win

Estos mensajes de distintos tipos sirven para personalizar la parte superior de la página con mensajes diferentes, dependiendo de los resultados obtenidos en el concurso o cuestionario puesto en marcha y normalmente se usan añadiendo textos e imágenes. 


Sin embargo, esos campos se pueden utilizar para personalizar complemente la página tras participar, seleccionando los valores que quieres que aparezcan e indicando cómo y dónde quieres que aparezcan. Esto lo tendrías que hacer mediante html en los campos indicados antes, utilizando las siguientes {{etiquetas de handlebars}}:

  • Nombre del participante: {{{first_name}}}
  • Apellidos del participante: {{{last_name}}}
  • Nombre completo del participante: {{{full_name}}}
  • URL de la foto o imagen que ha subido el participante al concurso de fotos: {{{image}}} 
  • Número de usuarios referidos por el participante: {{{referred_count}}} 
  • Número de votos que ha conseguido: {{{votes_count}}} 
  • Enlace personalizado del participante que debe compartir para viralizar la campaña: {{{participation_link}}} 
  • Número de puntos obtenidos en el quiz: {{{quizz_points}}} 
  • Enlace a la página pública de resultados globales del quizz: {{{quizz_results_link}}} 
  • Número del documento de identidad con el que se ha participado: {{{ nif }}
  • Respuesta de cada una de las preguntas del quiz: se puede incluir cada una de las respuestas, añadiendo el número de pregunta a cada variable. Asi la respuesta de la pregunta 1 del quiz aparecería con la variable {{{answer_quiz_1}}} , la respuesta de la pregunta 2 del quiz aparecería con {{{answer_quiz_2}}} y así sucesivamente.

Debes tener en cuenta que estas variables se corresponden únicamente con el texto del valor al que representan, excepto la variable {{{image}}} que representa la url de la imagen subida por el participante al concurso.



En la página por defecto, estas variables aparecen situadas como ves en la siguiente captura:




Modificando las variables con tu html puedes llegar a conseguir una página tan personalizada como ésta:



Aquí tienes el html que hemos incluido en el campo del mensaje personalizado según los resultados obtenidos por el participante en el quiz (sólo para quizz con puntos o test de personalidad):

<div class="image_win">

<p style="text-align: center;"><img alt="" src="https://s3.amazonaws.com/cool-tabs/assets/pictures/a3b353e0c0f411e58e15bf92146a0821/content_ING_2272_00191.jpg" style="width: 810px; height: 809px;" /></p>


<div class="points">{{{quizz_points}}}</div>


<div class="name">{{{first_name}}}</div>

</div>


Cómo personalizar el botón de compartir de la página tras participar


Si quieres cambiar el botón de "Compartir" de esta página, los pasos serían:


1. Crea una imagen personalizada para que, haciendo clic en ella, se muestre el pop-up que habitualmente se muestra al hacer clic sobre el botón de "Compartir", con todas las opciones para que el usuario comparta su participación.

2. Añáde la imagen al html del campo que estés utilizando para mostrar el mensaje tras participar (campos que indicábamos anteriormente para incluir las variables).

3. Incluye el enlace al pop-up así: <a href="#" class="x_cool_tabs_share_button_participation"><img src="IMAGEN NUEVA QUE HE CREADO"></img></a>


Ejemplo:



Cómo incluir un enlace al listado de participantes


Si desde esta página deseas incluir un enlace al listado de participantes públicos, que por defecto no aparece en esta página, tendríamos que incluir la clase: x_cool_tabs_participations_link 


Ejemplo:

 <a href="#" class="x_cool_tabs_participations_link"><img src="IMAGEN NUEVA PARA REFERIR AL LISTADO DE PARTICIPANTES"></img></a>


Cómo incluir un enlace a los resultados globales del quizz


Si quieres que desde esta página los participantes tengan acceso a los resultados globales del quizz, puedes incluir un enlace que lleve a la página donde se muestren esos resultados. Para ello tendríamos que incluir la clase: x_cool_tabs_quizz_results_link


Ejemplo: 

 <a href="#" class="x_cool_tabs_quizz_results_link"><Resultados del quizz></a>


También puedes personalizar con nuestro sistema de plantillas:



Consulta nuestra Guía de Estilos para crear tu css personalizada >>