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

1. Introducción.

2. Ideas y ejemplos.

3. Paso a paso.

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

3.2. Modo automático.

3.3. Modo botón.

4. Otras especificaciones.

5. Contenido relacionado.

1. Introducción.

En Cool Tabs, además de contar con un widget de contenido para incluir cualquier parte de tu campaña en tu página web, blog o microsite, también puedes incluir una ventana emergente o un botón, depende de cómo la configures, de tu campaña para que aparezca en la parte de la pantalla que quieras. 

Esta funcionalidad está disponible, de forma gratuita, en las aplicaciones Cool Promo o Cool Promo White Label y te permite dar visibilidad a tu campaña desde tu página web, blog o microsite.

2. Ideas y ejemplos.

El objetivo de esta funcionalidad es "complementar" la información que se muestra en un site con la campaña que queramos embeber. Las posibilidades pueden ser infinitas, puesto que cada caso es un mundo. Por ejemplo, puede serte útil si:

-  Quieres promocionar un evento y vas sortear entradas, a través de la campaña que has creado en Cool Tabs. Si embebes la campaña con un popup, por ejemplo en tu blog, cuando un usuario acceda, le saltará la información del evento y el sorteo. 

- Quieres promocionar una nueva colección de moda. Para ello, has creado un quiz de personalidad, '¿Qué tendencias no puede faltar en tu armario?'. En función de las respuestas del usuarios, visualizará un resultado u otro, junto con un descuento para compras en la nueva colección. Al embeber el quiz con un popup, a cada usuario que acceda, por ejemplo, a la sección 'New in', le saltará la campaña.  

- Quieres captar datos de los usuarios que acceden a tu web o blog. Por eso has creado un sencillo formulario de registro con el que, dejando su email. A cambio, al completar sus datos, obtendrán un ebook gratuito o un cupón descuento. Cuando accedan a tu site, saltará el popup. 

- Quieres conocer el interés sobre un contenido/producto/servicio de los usuarios que acceden a tu web o blog. Para ello has creado un quiz con caminos. En función de las respuestas que van marcando los usuarios, les muestras una pregunta u otro. Así, por ejemplo, una agencia de viajes, puede mostrar en su web, a través de un popup, un pequeño quiz, con el que saber en qué tipo de viaje está interesado un usaurio, preferencias de destino, duración, presupuesto... Al finalizar el quiz, podrá mostrarle determinados packs, ofertas... Además, luego podrás trabajar esa información e incluirla en nuestra estrategia de marketing.

3. Paso a paso.

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

Una vez que hayas creado y configurado tu campaña, dirígete a la sección de "Publicar".

Una vez allí, ve al apartado "Incluir la campaña con un popup".

Debemos Elige qué parte de tu campaña quieres mostrar en nuestra web, blog o microsite. Tendrás que copiar el HTML del popup que quieras incrustar en tu sitio. 

• Landing de la campaña. Si copias este HTML, mostrarás la pantalla principal de tu 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...

         Este sería el resultado de nuestra campaña embebida en un post de un blog:

• Formulario. Tienes la opción de que el popup de la campaña muestre directamente el formulario de participación. Selecciona la opción 'Formulario', copia y pega el HTML. Para que se muestre esta pantalla, debes tener activado el login anónimo en el registro de tu campaña. 

Así se mostraría el formulario de participación de una campaña embebida en un post de un blog:

• Listado de participantes. Selecciona esta opción y copia el HTML si quieres que la pantalla que se muestre en el popup sea la del listado de participantes. Ten en cuenta que para que se muestre, debes tener activada la opción 'Hacer visibles/públicas las participaciones'. Encontrarás esta configuración en la edición de tu campaña, en el apartado 'Configuración de las participaciones'. 

Este es un ejemplo de cómo se mostraría en el popup el listado de participantes de tu campaña:

• Página de ganadores. Con este código embeberás la página de ganadores en cualquier sitito web. Recuerda que para que aparezca esta opción, debes hacer pública la página de ganadores. 

• Así se mostraría en el popup la página de ganadores: 

Además de seleccionar la pantalla que quieres mostrar en el popup, puedes configurar cómo quieres que se muestre: automáticamente, por medio de un botón...

3.2. Modo automático.

Al habilitar este modo estarás activando la opción para que el popup aparezca directamente cuando el usuario acceda a tu web o blog.

1. Alto y ancho relativo (%). Por defecto el popup aparece con este tamaño:  70% de alto y 25% de ancho. Si quieres que se muestre más pequeña o más grandes, cambia los porcentajes.
2. Posición. Elige dónde quieres que se muestre el popup (en el centro de la la pantalla, arriba a la derecha, abajo a la izquierda...).
3. Tiempo expiración de la cookie (días). Puedes definir los días que tardará en volverse a mostrar la campaña. Por ejemplo, si estableces 7 días, aunque el usuarios vuelva entrar a tu web antes de ese plazo no saltará el popup.
4. Tiempo de espera (segundos). Este es el tiempo que tardará el popup en mostrarse una vez el usuario entre en la página donde vayas a mostrarlo.

En este enlace puedes ver cómo visualizaría un usuario una campaña con popup embebida en modo automático.

3.3. Modo botón.

Botón flotante.

Con este modo aparecerá un botón que el usuario tendrá que pulsar para que aparezca el popup de la campaña. Una opción menos intrusiva que da el control al usuario, premitiéndole elegir si quiere o no abrir el popup.

• Posición del botón. Por defecto, el botón siempre se muestra en la parte inferior de la pantalla. Puedes configurar que aparezca a la izquierda o a la derecha.
• Texto del botón. Es el texto que se muestra en el botón. ¡Piensa en un buen call to action!
• Color del botón. Puedes cambiar el color del botón.

En este enlace puedes ver cómo visualizaría un usuario una campaña con popup embebida, con un botón flotante. 

Botón inline.

Esta opción te permite situar el botón en cualquier parte del texto. Al hacer clic en él, se desplegará el popup. 

En este enlace puedes ver cómo visualizaría un usuario una campaña con popup embebida, con un botón inline. 

4. Otras especificaciones.

Si tienes cualquier consulta, no dudes en contactar con nosotros a través de help@cool-tabs.com o a través de nuestro chat en nuestra web.

5. Contenido relacionado.

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

Cómo integrar un widget en web con versión AMP >>

Diferencias entre contenido propio y widget de contenido >>