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

1. Introducción.

Cool Tabs te permite embeber tu campaña en una página web, blog o microsite, mediante un widget de contenido.

Esta funcionalidad está disponible en las aplicaciones Cool Promo o Cool Promo White Label, incluidas en los planes Gold y Diamond, respectivamente, y te permite dar mayor visibilidad a la campaña.

Ten en cuenta que, para poder obtener una redimensión completa de la campaña debes añadir el código completo. No debe haber espacios adicionales o scrolls innecesarios.

A continuación, te mostramos cómo obtener dicho código para embeber tu campaña.

2. Paso a paso.

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

Una vez que hayas creado y configurado tu campaña, desde el listado principal de campañas, ve a la sección 'Publicar' de la campaña que quieres embeber.

Después, ve al apartado de 'Añade la campaña a tu web'.

Escoge qué página de la campaña quieres mostrar en tu web, blog o microsite. Tienes que copiar el HTML.

Landing de la campaña. Muestra la pantalla principal de la campaña. Puedes modificar cualquier aspecto, desde añadir un título y/o imagen principal, añadir o eliminar cualquier botón con CSS… A continuación, puedes ver un ejemplo de 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 embebida en el post de un blog.

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

A continuación, puedes ver un ejemplo de campaña embebida en un post de un blog, en la que lo que primero que se muestra es el formulario.

Listado de participantes. Copiando el HTML del listado de participantes, la pantalla que se mostrará será la del listado. Para que se muestre, debes tener activada la opción 'Hacer visibles/publicas las participaciones' en la sección de 'Participaciones' del editor de la campaña.

A continuación, puedes ver un ejemplo de campaña embebida en un post de un blog, en la que lo que primero que se muestra es el listado de participantes.

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

Página de ganadores. Con este código podrás embeber la página de ganadores en cualquier sitio web. Tan solo debes copiarlo y pegarlo donde lo necesites. Recuerda que para que aparezca esta opción, debes hacer la página de ganadores pública.