Habitualmente en el listado público de participantes y en la página de cada participación individual aparece un encabezado por defecto donde incluimos la imagen principal de la campaña redimesionada y la descripción de la promoción con el botón de "Compartir" y "Participa", además de los detalles de zona horaria de la campaña y la fecha hasta la que se pueda participar y/o votar.



Ahora puedes incluir una cabecera personalizada gracias al nuevo campo que hemos habilitado en la sección "Diseño de la promoción":



Al utilizar este campo, ya no aparecerán los elementos por defecto y podremos incluir con html lo que necesitemos. Si nos interesa mantener los botones de "Compartir" y "Participa", deberemos incluir las siguientes clases por css:


  • x_cool_tabs_share_button => Compartir

  • x_cool_tabs_participate_button => Participa


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="bgImage" style="display: block; position: relative; z-index: 1;" src="https://d1gfwauryv0c0u.cloudfront.net/assets/pictures/e4e118b0c99711e58a08fb0cd9262203/content_encabezado-votos.png"><a style="position: absolute; width: 81px; height: 33px; display: block; z-index: 10; top: 114px; left: 42px; text-indent: -9999em; border: none; background: url("https://cooltabs.github.io/image-mapify/images/transparent.gif");" href="#" class="x_cool_tabs_share_button"target="_blank"></a><a style="position: absolute; width: 84px; height: 25px; display: block; z-index: 10; top: 147px; left: 39px; text-indent: -9999em; border: none; background: url("https://cooltabs.github.io/image-mapify/images/transparent.gif");" href="#" class="x_cool_tabs_participate_button" target="_blank"></a></div>


También puedes personalizar con nuestro sistema de plantillas: