Artículos en esta sección

Personalización avanzada de una campaña mediante variables

Avatar
Cool Tabs Support
Actualización
Seguir

 

1. Introducción.

2. Personalización avanzada en cada página de una campaña.

2.1. Variables de la landing.

2.2. Variables del formulario de participación.

2.3. Variables de la página tras participar.

2.4. Variables del listado de participantes.

2.5. Variables de la página pública de una participación individual.

2.6. Variables de la página de ganadores.

2.7. Variables de los emails y SMS que se envían tras participar.

2.8. Variables de la página de instrucciones de códigos y cupones.

2.9. Variables en los mensajes de viralización en redes sociales.

2.10. Otras páginas.

3. Otras especificaciones.

4. Contenido relacionado. 

 

1. Introducción.

El editor de campañas de Cool Tabs te permite personalizar tu campaña, incluyendo tu propio texto y contenido (imágenes, vídeo, GIF...), así como cambiar fuentes y colores (primario, secundario, de fondo y de textos). De esta manera, puedes configurar una campaña con un look & feel acorde con tu imagen corporativa.

Sin embargo, gracias a nuestra personalización avanzada mediante variables, puedes ir un paso más allá en esa personalización.

También es posible incluir tu propio HTML en todas las pantallas de tu campaña (solo disponible en campañas White Label).

En este tutorial, vas a encontrar detalladas todas las variables que puedes incluir en las distintas páginas de una campaña, para que sepas el nivel de personalización y el tipo de información que puedes mostrar. 

Ten en cuenta que:

  • Muchas de las variables se pueden incluir en varias páginas de una campaña. Ocurre, por ejemplo, con las variables que admite la landing, que pueden incluirse también en las de la página tras participar. En cada página de campaña, iremos especificando cuándo aplica en otra páginas y cúando no.
  • El uso de la mayoría de las variables solo tiene sentido si incluyes HTML propio, no con el HTML que hay configurado por defecto.
  • En Cool Tabs te damos distintas variables con diferentes formatos, debido a su naturaleza, para que puedas agregar a tu HTML personalizado y mostrar la información que te interesa. Algunos ejemplos de lo que nos referimos con distinto formato son:
    • {{{ title }}}: pinta texto plano.
    • x_cool_tabs_participate_button: se refiere a un enlace, por tanto tendrás que usarla en una etiqueta de tipo <a></a> y se incluirá como clase.
    • {{{ quizz_responses_html }}}: pinta información con html básico.
    • {{{ promotion_image }}}: esta variable se refiera a una imagen, por tanto debes que usarla en una etiqueta de tipo <img> y sería la url del src de la etiqueta <img>.
    • {{{ participate_link }}}: pinta un enlace con html completo.
    • {{{ participate_again_url }}}: esta variable se refiere a un enlace, por tanto tienes que usarla en una etiqueta de tipo <a></a> y sería la url del href de la etiqueta <a></a>
    • {{{ voting_form }}}: pinta información con html que simula un botón.

 

2. Personalización avanzada en cada página de una campaña.

A continuación, te detallamos todas las variables que puedes incluir, en función de las páginas de la campaña que admiten nuestra personalización avanzada. 

Descarga el listado completo de variables.

 

2.1. Variables de la landing.

Por defecto, en la edición de tu campaña, puedes personalizar el diseño, sin necesidad de incluir variables, añadiendo un título, una descripción, una imagen principal y una imagen de fondo. Además, vas a poder mostrar el enlace a las bases legales o un botón de compartir en redes sociales. 
Por lo que, el uso de las variables que vamos a enumerar no tendría sentido si no personalizas la landing utilizando tu propio HTML cutom (solo disponible para White Label). 

Las variables que puedes incluir en la landing son:

  • x_cool_tabs_participate_button: enlace al formulario de participación. No aplica al formulario de participación.
  • {{{ participate_link }}}: enlace para participar en la campaña. No aplica al formulario de participación.
  • {{{ title }}}: título de la campaña.
  • {{{ description }}}: descripción de la campaña.
  • {{{ promotion_image }}}: URL de la Imagen Principal de la campaña. Esta imagen se reduce automáticamente a un máximo de 810px de ancho al subirla a la Campaña (si la imagen tiene un ancho superior).
  • {{{ promotion_image_original_url }}}: URL original (sin procesar) de la Imagen Principal de la Campaña. Se muestra la URL de la imagen sin la limitación de ancho.
  • {{{ language_selector }}}: enlaces a selección de idiomas. Solo para campañas configuradas en varios idiomas. Ten presente que que no aplicará ni en el email que se envía al participante ni a la página de instrucciones del cupón.
  • x_cool_tabs_share_button: enlace para compartir la campaña. Se abrirá un popup con todas las opciones de compartir la URL de la campaña. Ten en cuanto que, además de en la landing, esta clase solo podrás usurla en la página del listado de participantes. No aplica al formulario de participación.
  • x_cool_tabs_legal_options_button: enlace para ver las bases legales. No aplica al formulario de participación.
  • {{{ public_participations_url }}}: URL al listado de participantes.
  • x_cool_tabs_participations_link: enlace al listado público de participantes. No aplica al formulario de participación.
  • x_cool_tabs_my_participation_button: enlace a ver mi participación. No aplica al formulario de participación.
  • x_cool_tabs_quizz_results_link: enlace para ir a la página pública de resultados globales del quiz. No aplica al formulario de participación.
  • {{{ public_promo_landing_url }}}: URL para redirigir de nuevo al participante a la landing de la campaña.
  • {{{ participations_count }}}: número actual de participantes.
  • {{{ promotion_bbll_page_url }}}: URL a página de bases legales.

La personalización de la landing también permite incluir otras variables relacionadas con viralización (solo se pueden usar en HTML custom). Puedes usar directamente las siguientes variables para mostrar enlaces directos a algunas opciones de compartir. Dentro de la variable puedes incluir cualquier contenido necesario (texto, elementos HTML, iconos, etc.). Estas variables no aplican al formulario de participación.

  • Enlace directo para compartir en Facebook:
{{#custom_fb_share_wall_button}}
Compartir en Facebook 
{{/custom_fb_share_wall_button}}
  • Enlace directo para compartir en Twitter:
{{#custom_share_on_twitter_btn}}
Compartir en Twitter
{{/custom_share_on_twitter_btn}}
  • Enlace directo para compartir en WhatsApp:
{{#custom_share_on_whatsapp_btn}}
Compartir en WhatsApp
{{/custom_share_on_whatsapp_btn}}
  • Enlace directo para compartir en Pinterest:
{{#custom_share_on_pinterest_btn}}
Compartir en Pinterest 
{{/custom_share_on_pinterest_btn}}

 

Personalización avanzada con HTML propio para la landing.

 

2.2. Variables del formulario de participación.

La personalización avanzada en el form te permite, por ejemplo, mostrar imágenes de fondo, distintas cabeceras o aquellos elementos que consideres que, por diseño o relevancia, deben aparecer en el formulario de participación de tu campaña (indicar las preguntas que faltan por contestar, mostrar el nombre del participante...). 

Como ocurre con la landing, el uso de variables en el formulario de participación solo debería utilizarse con HTML propio (solo disponible para White Label). 

Variables que puedes incluir en el formulario:

Además, puedes incluir una variable condicional para mostrar contenido según tipo de dispositivo:

{{#mobile?}}
Contenido para mostrar en mobile.
{{/mobile?}}

{{#desktop?}}
Contenido para mostrar en desktop.
{{/desktop?}}

 

Ten en cuenta que además de en el formulario, la variable condicional para mostrar contenido según tipo de dispositivo, solo podrás utilizarla en la página de gracias y participante individual.

 

Personalización avanzada con HTML propio para el formulario de participación.

 

2.3. Variables de la página tras participar.

Cuando los participantes completan el formulario de participación visualizan una página de gracias o de resultados.

Puedes personalizar las pantalla de gracias o de resultados con el contenido que quieras mostrarle al usuario (texto, imagen o HTML). 

Además, en esta pantalla es habitual incluir variables para pintar determinada información cómo, por ejemplo, las respuestas que el usuario ha dado en el formulario de datos como (su nombre y apellidos), las respuestas que ha dado en el quiz, el número de puntos obtenido...

Variables que puedes inlcuir en la página tras participar: 

Además, puedes incluir otras que te enumeramos a continuación.

Variables relacionadas con la campaña:

  • {{{ thanks_message }}}: mensaje tras participar que visualizará cada usuario.Donde incluyas esta variable, aparecerá el mensaje general para todos los participantes o, en función la dinámica que de tu campaña, el mensaje que le corresponda al participante según los puntos obtenidos en el quiz, la categoría correspondiente del test de personalidad o el mensaje de Instant Win correspondiente a los ganadores. Esta variable no aplicará ni al listado de participantes ni al email que se envía tras participar. 
  • {{{ participate_again_url }}}: URL para volver a participar en la campaña. No aplica al email.
  • {{{ participation_link }}}: URL personalizada del participante que debe compartir para viralizar la campaña. No aplica a la página de participantes individual.
  • {{{ promo_logout_url }}}: URL para cerrar sesión. No aplica en ninguna otra página más que en la página tras participar. 
  • x_cool_tabs_share_button_participation: clase para incluir en enlace para compartir campaña. Se abrirá un popup con todas las opciones de compartir y la url propia del usuario. Esta clase sirve también para la página de participante individual. No aplicará en ninguna otra página más que en la página tras participar. 
  • {{{ fb_share_wall_button }}}: enlace para compartir en Facebook. Podrás incluir esta variable en la página de participante individual. No aplicará en ninguna otra página más. 
  • {{{ whatsapp_share_wall_button }}}: enlace para compartir en WhatsApp. Podrás incluir esta variable en la página de participante individual. No aplicará en ninguna otra página más. 
  • {{{ final_image_url }}}: permite pintar la URL de la imagen final (en tamaño original) que le corresponde al participante.

Variables relacionadas con las respuestas del formulario de datos*:

  • {{{ first_name }}}: nombre del participante. 
  • {{{ last_name }}}: apellidos del participante. 
  • {{{ full_name }}}: nombre completo del participante. 
  • {{{ email }}}: email del participante. 
  • {{{ nickname }}}: nickname del participante. 
  • {{{ tag_avatar }}}: avatar del usuario.
  • {{{ nif }}}: número de DNI con el que se ha participado.

* Todas las variables anteriores aplican también a la página de ganadores. 

 

Variables relacionadas con las respuestas del quiz:

  • {{{ answer }}}: pinta la respuesta del usuario en la pregunta que se le pide responder en el formulario.
  • {{{ answer_quiz_1 }}}: respuesta a cada pregunta del quiz que ha dado el usuario. Para mostrar la respuesta que ha elegido el usuario a la pregunta 1 utiliza la variable {{{ answer_quiz_1 }}}, para mostrar la respuesta a la pregunta 2 utiliza {{{ answer_quiz_2 }}} y así sucesivamente.
  • {{{ answer_quiz_img_url_1 }}}, {{{ answer_quiz_img_url_2 }}}: URL a la imagen que ha escogido el usuario como respuesta a cada pregunta del quiz.
  • {{{ image }}}: URL de la foto o imagen que ha subido el participante al concurso de fotos. Aplica también a la página de ganadores.
  • {{{ quiz_image_url_1 }}}, {{{ quiz_image_url_2 }}}: URL de la imagen subida por el usuario en quiz.  El número corresponde al orden de las preguntas del quiz/form personalizado de tipo subida de imagen.
  • {{{ quizz_responses_html }}}: todas las preguntas del quiz con las respuestas del usuario (con html básico).
  • {{{ video_html }}}: player con el video subido por el usuario. Aplica también a la página de ganadores.
  • {{{ video_url }}}: URL del video del usuario. Aplica también a la página de ganadores.
  • {{{ video_screenshot }}}: screeshot del video del usuario. Aplica también a la página de ganadores.
  • {{{ question_quiz_1 }}}, {{{ question_quiz_2 }}}: texto de cada pregunta del quiz/form personalizado. Por ejemplo, si un quiz tiene 10 preguntas y un usuario responde las 5 últimas, esas variables pintarán las preguntas que ha respondido el usuario, no las primeras 5 del quiz.

Variables relacionadas con campañas con cupones:

  • {{{ coupon_code }}}: código o cupón que se le asigan al participante en una campaña de reparto de códigos/cupones.
  • {{{ coupon_download_url }}}: URL de descarga del cupón en PDF entregado al participante. Ten en cuenta que no aplicará ni a la página de instrucciones del cupón que entregues al participante ni al email que se envía tras participar.
  • {{{ final_file_download_url }}}: URL del fichero que le corresponde al participante. Hay que asignar un fichero para descargar tras participarr, bien uno genérico "Asignar un archivo para descargar después de la participación", uno asociado a un Instant Win o uno asociado a una Página final de gracias.
  • {{{ qr_code }}}: código QR del cupón que se le asigna al participantes en un campaña de entrega de códigos/cupones. Aplica también a la página de ganadores.
  • {{{ validated_coupon_code }}}: código o cupón validado por el usuario al participar en una campaña de validación de códigos/cupones). Aplica también a la página de ganadores.
  • Además, con el condicional de cupones, puedes mostrar un mensaje en el que informes al participante de si se le ha asignado o no un cupón. Es una variable condicional que permite mostrar contenido cuando hay cupón asignado o cuando no lo hay:

El condicional que se utiliza para mostrar contenido cuando hay cupón asignado sería el siguiente:

{{#has_coupon?}}
 Tu cupón es: {{{coupon_code}}}
{{/has_coupon?}}

 

Mientras que el condicional que se utiliza para mostrar contenido cuando no hay cupón asignado es:

{{^has_coupon?}}
 No tienes cupón
{{/has_coupon?}}

 

El escenario completo sería el siguiente:

{{#has_coupon?}}
  Tu cupón es: {{{coupon_code}}}
{{/has_coupon?}}

{{^has_coupon?}}
 No tienes cupón
{{/has_coupon?}}

 

Recuerda que los condicionales e iteradores siempre llevan 2 corchetes. Las variables llevan 3, pero pueden llevar 2 siempre que el contenido dentro NO tenga HTML.

 

Variables relacionadas con las participaciones:

  • {{{ created_date }}}: fecha de participación: 2021-01-01
  • {{{ created_at }}}: fecha y hora de participación: 2021-01-01 00:00:00 +0200 
  • {{{ created_time }}}: fecha (textual) y hora de participación: 01 de enero de 2021 10:43
  • {{{ participation_id }}}: identificador único del usuario. Aplica también a la página de ganadores.
  • {{{ participations_by_same_user_count }}}: número de veces que el usuario ha participado en la campaña. Aplica también a la página de ganadores.
  • {{{ participations_total_available }}}: número máximo de participaciones que el administrador ha configurado en la campaña.
  • {{{ remaining_participations_count }}}: número de participaciones que quedan disponibles en la campaña. Es el resultado de restar al total de participaciones máxima configuradas en la campaña las participaciones que hay hasta el momento.

Variables relacionadas con los puntos obtenidos:

  • {{{ game_points }}}: número de puntos obtenidos por gamificaciones (Memory Cards, Matching Cards...). Aplica también a la página de ganadores.
  • {{{ participate_points }}}: número de puntos conseguidos por solo participar. Solo aplica si has configurado el ranking viral y has asignado puntos por participar. Aplica también a la página de ganadores.
  • {{{ referred_count }}}: número de usuarios referidos conseguidos por el participante. 
  • {{{ referred_points }}}: número de puntos conseguidos por referidos. Solo aplica si has configurado el ranking viral y has asignado puntos por conseguir un referido.
  • {{{ quizz_points }}}: número de puntos obtenidos en el quiz. Aplica también a la página de ganadores.
  • {{{ votes_count }}}: número de votos que ha conseguido. Aplica también a la página de ganadores.
  • {{{ votes_points }}}: número de puntos obtenidos por los votos recibidos en una de sus participaciones.
  • {{{ total_points }}}: número de puntos totales de una determinada participación de un usuario (engloba: quizz_points + game_points + participate_points). Aplica también a la página de ganadores.
  • {{{ global_points }}}: número de puntos globales de un usuario. Es la puntuación que deberías de utilizar por defecto. Si solo has permitido una participación por usuario, la puntuación global, incluirá: total_points + referred_points. Y si hay multiparticipación, es decir, que un usuario puede participar varias veces, la puntuación global incluirá: suma de cada total_points de cada participación + referred_points. Aplica también a la página de ganadores.
  • {{{ quizz_results }}}: etiqueta para mostrar los resultados de un quiz. No aplica ni al email que se envía tras participar ni a la página del cupón que se entrega al participante.
  • Variable condicional cuando tienes unos determinados puntos en un quiz y quieres mostrarlo:
{{#quizz_points}} 
Tienes {{quizz_points}}} puntos. 
{{/quizz_points}}

 

Gracias a estas variables, vas a poder mostrar un mensaje en el que, por ejemplo, le indiques al participante:

Llevas un total de {{{ global_points }}} en toda la campaña. Acabas de conseguir {{{ participate_points }}} puntos por participar ahora mismo. Has participado {{{ participations_by_same_user_count }}} veces y has conseguido {{{ referred_count }}} referidos, que te han dado {{{ referred_points }}}. 

Si quieres ampliar la información, consulta el tutorial sobre las variables relacionada con puntos. 

 

Personalización avanzada con HTML propio para la página tras participar.

 

2.4. Variables del listado de participantes.

En la campaña es posible pintar una página pública con el listado de usuarios que han participado. Puedes habilitar esta opción desde la edición de tu campaña, en la pestaña 'Listado' del apartado 'Participaciones'.

Esta página con el listado de participantes admite personalización, para incluir determinados elementos como, por ejemplo, un botón de 'Votar', el número de puntos obtenidos por los votos recibidos en una participación o un contador 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 utilizarlas.

Variables que puedes incluir en el listado de participantes:

  • Todas las que admite la página tras participar, a excepción de las que se especifican en el propio apartado.
  • Al personalizar el listado de participantes, debes incluir el iterador {{#list_participations}} con el que pintarás a los participantes de tu campaña. 
<ol>{{#list_participations}}
  <li> 
  </li>
{{/list_participations}}</ol>
  • {{{ paginator }}}: paginador para limitar número de participantes por página.

    El paginador puede modificarse desde el editor de la campaña, en el apartado 'Participaciones',  en la pestaña 'Listado'.

     

    mceclip0.png

     

  • {{{ participation_list_header }}}: cabecera personalizada del listado de participaciones.
  • {{{ quizz_points_ranking_position }}}: posición que ocupa el participante según el total de puntos obtenidos.
  • {{{ voting_form }}}: botón para poder votar. Hay que activar la opción de votar en la edición de la campaña. Aplica también la página de participante individual. 

Personalización avanzada con HTML propio para el listado de participantes.

 

2.5. Variables de la página pública de una participación individual.

A la página de participante individual se accede desde listado de participantes, en 'Ver detalle'. En ella puede obtener información sobre su participación en la campaña, por ejemplo, conocer el número total de puntos conseguidos, el número de veces que ha participado, el número de referidos que ha reclutado y los puntos que se le han dado por ello...

Ten en cuenta que el uso de variables en la página de una participación individual está pensado para HTML propio, por lo que si usas la configuración por defecto, no debería utilizarlas. 

Variables que puedes incluir en la página de una participación individual:

Personalización avanzada con HTML propio para la página de participante individual.

 

2.6. Variables de la página de ganadores.

Puedes habilitar la página de ganadores de tu concurso, sorteo o promoción para hacer público el nombre del ganador o ganadores, así como de suplentes. Si utilizas la configuración por defecto y no tu propio HTML custom, no deberías incluir variables.

Variables que puedes incluir en la página de ganadores:

  • Todas las que admite la landing.
  • Las variables de la página tras participar, a excepción de las que se ha especificado en el correspondiente apartado.
  • {{{ winners_landing_title }}}: título de la página de ganadores.
  • {{{ winners_landing_header }}} y {{{ winners_landing_body }}}: descripción personalizada en la página de ganadores.
  • {{{ winners_landing_image_url }}}: imagen principal en página de ganadores.
  • {{{ winners_landing_url }}}: URL a página de ganadores. También puede pintarse en la landing y en el listado de participantes.

A la hora de elegir ganador, Cool Tabs te permite seleccionar grupos de ganadores, para repartir distintos premios. Por ejemplo: Ganadores premio A, Ganadores premio B... Por ello, al personalizar la página de ganadores debes incluir el condicional {{{ #list_winners }}} sobre esos grupos de ganadores con el que podrás pintar los diferentes grupos de ganadores de tu campaña o concurso.

Además, dentro de {{{ #list_winners }}} puedes utilizar la variable {{{ winner_title }}} para pintar todos los grupos de ganadores con su título correspondiente y el iterador {{{ #winner_winners }}} para incluir cada ganador de cada grupo de ganadores, junto con las variables del nombre y los apellidos de los ganadores: {{{ first_name }}} {{{ last_name }}}.

 

{{#list_winners}}
 <ol>{{#winner_winners}}
  <li></li>
 {{/winner_winners}}</ol>
{{/list_winners}}

 

No debes confundir {{{ winners_landing_title }}}, el título de la página de ganadores, con {{{ winner_title }}}, que permite pintar el título de cada grupo de ganadores. Así, puedes tener varios winners_tittle y, en cada uno, poner un título y una descripción, con uno o varios ganadores. 

Ejemplo:

¡Tenemos ganadores! 
  {{#list_winners}}
    <div>{{{winner_title}}}</div>
    <ol>
  {{#winner_winners}}
    <li> {{{ first_name }}}  {{{ last_name }}} </li>
  {{/winner_winners}}
    </ol>
  {{/list_winners}}

 

Igualmente, puedes mostrar cada uno de los suplentes o reservas, con el iterador {{ #winner_alternates }}.

Ejemplo:

¡Tenemos suplentes! 
{{#list_winners}}
    <ol>
  {{#winner_alternates}}
    <li> {{{ first_name }}} {{{ last_name }}} </li>
  {{/winner_alternates}}
    </ol>
  {{/list_winners}}

 

Personalización avanzada con HTML propio para la página de ganadores.

 

2.7. Variables de los emails y SMS que se envían tras participar.

La herramienta de envío de emails, incluida en las aplicaciones Cool Promo y Cool Promo White Label, te permite configurar el envío, manual o automático, de emails a los usuarios que participan en tu campaña.

Puedes configurar el mensaje que se envía utilizando nuestra personalización avanzada mediante variables. También puede incluir el HTML custom que necesites. 

Variables que puedes incluir en los emails o SMS que envíes a los participacipantes:

Ejemplo:

<p>Hola, {{{ first_name }}},</p>

<h1 style="text-align: center;">¡Muchas gracias por participar!</h1> 

<h2 style="text-align: center;">Has conseguido un total de {{{ quizz_points }}} puntos</h2> 

<p>Además, solo por participar has obtenido un 15% de descuento en tu próxima compra, con el
código {{{ coupon_code }}}.</p>

 

En este tutorial te explicamos con más detalle cómo enviar un email a los usuarios que han participado en tu campaña. Y 

 

Personalización avanzada con HTML propio para el email/SMS que se envía al participante.

 

2.7.1. Email que recibe el participante para validarlo.

Al participante le llegará un email, informándole que debe verificar su email, para que su participación se considere válida. Este email tiene configurado un mensaje por defecto, que puedes ver a continuación.

 

 

 

Personalización del email

Es importante que, en el email que configures, incluyas el texto {{{ validate_email_url }}} o {{{ validate_email_link_tags }}}. 

 

2.8. Variables de la página de instrucciones de cupones y códigos.

En las campañas de entrega de cupones, dispones de un apartado para personalizar el mensaje que el participante visualizará al obtener su cupón. Este campo está destinado a que puedas explicarle al usuario cómo utilizar su cupón de descuento, cuál es la fecha límite de uso...

Puedes incluir las il apartado 'Cupones' del editor de la campaña.

También puedes incluir el HTML custom que necesites. 

Variables que puedes incluir la página del cupon descuento:

Personalización avanzada con HTML propio para la página de instrucciones de uso de cupones.

 

2.9. Variables en los mensajes de viralización en redes sociales.

Los mensajes de viralización en redes sociales son aquellos que se muestran cuando el participante comparte la campaña o su participación. Estos mensajes admiten personalización mediante nuestras variables y se configuran desde la sección 'Viralización' del editor de la campaña: Vas a poder personalizar: 

  • Título y descripción que se mostrará cuando se comparta la campaña desde la landing y cuando se comparta desde la página de gracias en Facebook y otras redes.
  • Texto que se mostrará cuando se comparta la campaña desde la landing y cuando se comparta desde la página de gracias en Twitter. 

De la misma forma, puedes personalizar distintos mensajes para compartir en redes sociales, según el resultado de un quiz por puntos o un test de personalidad en cada pantalla donde se configuran los distintos resultados a mostrar tras responder a las preguntas. Estos mensajes se configuran en la sección 'Pantalla final', apartado 'Gestión de pantallas finales individuales', del editor de la campaña. Vas a poder personalizar: 

  • Texto al

Las variables que admiten los mensajes de viralización son:

Ejemplo de mensaje personalizado en Twitter:  "He acertado {{{quizz_points}}} de las 7 preguntas del quiz para #marketingfreaks". 

 

mceclip0.png

 

Ejemplo  de mensaje personalizado en Facebook: ¡Hola! Soy {{{ first_name }}}. Vótame en el concurso #MaquillART

 

mceclip1.png

 

2.10. Otras páginas.

2.10.1. Páginas antes y después de que comience la campaña.

A la hora de editar tu campaña tienes la opción de configurar fecha de inicio y fin de la campaña, esto es el periodo en el que estará visible cuando la publiques, y fecha de inicio y fin de las participaciones, es decir, el periodo en el que los usuarios podrán participar en ella.

Por lo general, las fechas de inicio y fin de campaña y de participaciones, coinciden. Aunque, en ocasiones, se prefiere mostrar antes de tiempo y una vez que se han cerrado las participaciones, para crear expectación.

Es posible mostrar un contenido diferente antes de que comience la campaña y una vez concluya. Incluso puedes incluir HTML personalizado en estas pantallas, en la sección 'Diseño' del editor de la campaña. Sin embargo, no es posible utilizar ninguna de las variables. 


2.10.2. Colores y fuentes en CSS personalizada con variables.

Puedes usar tu propia CSS personalizada (incluso con SASS) para tu campaña e integrar ciertas variables en esa CSS, para poder elegir ciertos valores dinámicos. Por ejemplo, puedes usar el color picker de la campaña para seleccionar el color de la fuente de tu campaña y usar ese color para todas las fuentes del body en la CSS.

Las variables que puedes usar son: 

  • {{{ font_family }}}: fuente tipográfica
  • {{{ primary_color }}}: color principal de la campaña
  • {{{ secondary_color }}}: color secundario
  • {{{ font_color }}}: color de fuente
  • {{{ background_color }}}: color de fondo para la campaña

Cómo configurar la CSS personalizada de una campaña.

 

3. Otras especificaciones.

La personalización avanzada solo es posible realizarla en campañas con Cool Promo y Cool Promo White Label, incluidas en los planes Gold y Diamond respectivamente.

Puedes editar todas las pantallas de tu campaña desde la previsualización de la misma, ya que te permite ir modificando el propio HTML y CSS, guardando los cambios y viendo directamente el resultado.

Si tienes alguna duda o necesitas ayuda, puedes contactarnos en el email help@cool-tabs.com.

 

4. Contenido relacionado.

Descarga el listado completo de variables.

Personalización avanzada con HTML propio.

 

 

Comentarios

0 comentarios

Inicie sesión para dejar un comentario.

Artículos relacionados