Cómo añadir/embeber tu campaña en una página web

1. Introducción.

En Cool Tabs contamos con un widget de contenido para que tu campaña pueda ser instalada y ejecutada en tu página web, blog o microsite. Está disponible para Cool Promo o Cool Promo White Label de forma gratuita y te permite dar visibilidad a tu campaña desde tu página web.

**Es importante destacar que para poder obtener una redimensión completa de nuestra campaña (que no hayan espacios adicionales, o scrolls innecesarios), se incluya todo el script o widget de contenido que ofrecemos con cada campaña, ya que sin añadir el código completo, no conseguiremos dicha redimensión. En este tutorial te mostramos cómo obtener dicho código para embeber tu campaña.

2. Paso a paso.

2.1. Accede a la sección de "Publicar" de tu campaña.

Una vez que hayas creado y montado tu campaña, nos dirigimos a la sección de "Publicar".

Una vez dentro, nos centraremos en el apartado de "Añade la campaña a tu web":

Aquí copiaremos el HTML que queramos incrustar en nuestra página web. Debemos elegir qué parte de nuestra campaña queremos mostrar en nuestra web, blog o microsite:

Landing de la campaña. Mostraremos la pantalla principal de nuestra campaña, podremos modificar cualquier aspecto, desde añadir un título y/o imagen principal, añadir o eliminar cualquier botón con CSS... Este sería el resultado de nuestra campaña embebida en un post de un blog:

En el siguiente enlace, puedes ver un ejemplo de cómo quedaría una campaña en un post de un blog.

Formulario. Tenemos la opción de que la pantalla que mostremos sea directamente la del formulario de participación. Tan solo tenemos que seleccionar esta opción y copiar el HTML. Para que se muestre esta pantalla, deberemos tener activado el login anónimo en el registro de nuestra campaña.

Listado de participantes. Copiando el HTML del listado de participantes, la pantalla que se mostrará será la de este listado. Es importante destacar, que para que se muestre, deberemos tener activada la opción de "Hacer visibles/publicas las participaciones" dentro de nuestra campaña, en la sección de fechas.

Además, podremos configurar la altura y anchura máxima en píxeles.

Página de ganadores. Con este código conseguiremos embeber la página de ganadores en cualquier sitito web. Tan solo debemos copiarlo y pegarlo donde necesitemos. Recuerda que para que aparezca esta opción, debemos hacer la página de ganadores pública.