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. 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, blog o microsite.

2. Ideas y ejemplos.

La idea de esta funcionalidad es "complementar" la información que mostramos en nuestro site con la campaña que queramos embeber. Las posibilidades pueden ser infinitas, puesto que cada caso es un mundo. Pero quizás estos ejemplos te puedan servir:

- Vamos a promocionar un evento y queremos sortear entradas con una campaña creada en Cool Tabs. Podemos configurar que aparezca una ventana emergente a los 10-15 segundos desde que el usuario entra en la página. Así, cuando esté leyendo el post le saltará un popup con la campaña en la que se sortea la entrada.

- Tenemos una web de moda y queremos promocionar nuestros próximos descuentos combinando un post informativo + un test de personalidad en el que en función de las respuestas que hayan escogido los usuarios, les aparecerá una imagen final (con un descuento o un artículo) u otra. En este tutorial, te explicamos cómo crear un test de personalidad con Cool Tabs.

- Queremos obtener datos de los usuarios que nos visiten. Para ello, podemos mostrar un popup en el que el usuario tenga que añadir su correo electrónico y, a cambio, nosotros le podemos "recompensar" ofreciéndole una guía gratuita, un cupón de descuento...

- Crear un Quiz de caminos, en el que en función de las respuestas que vayan escogiendo los usuarios, las siguientes preguntas serán unas u otras. Esta es una funcionalidad que nos puede ser muy útil, ya que con ella podemos conseguir información relevante sobre el interés del usuario en nuestros productos/servicios. Por ejemplo, si somos una agencia de viajes, podemos empezar preguntando a los usuarios qué destino prefieren y seguir haciendo pregutnas para luego 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 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" y dentro de esta "Incluir la campaña con un popup":

Aquí copiaremos el HTML del popup que queramos incrustar en nuestro sitio y lo pegaremos donde queremos que aparezca. 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:

• Formulario. Tenemos la opción de que el popup de nuestra campaña se muestre directamente con el formulario de participación. Tan solo tenemos que seleccionar esta opción y pegar el HTML donde queramos. 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 

• 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.

• 

• 

Además, podrás configurar las siguientes opciones:

3.2. Modo automático.

Al activar este modo estaremos activando la opción de que aparezca el popup directamente.

• Alto y ancho relativo (%). Por defecto tenemos los porcentaje que aparecen: 70% de alto y 25% de ancho, que se mostrarán como los ejemplos que hemos puesto más arriba. En caso de querer que la campaña se muestre más grande, más pequeña o como queramos, tan solo deberemos cambiar los porcentajes.
• Posición. Podemos mostrar el popup en el centro de la la pantalla, arriba a la derecha, abajo a la izquierda... donde queramos.
• Tiempo expiración de la cookie (días). Aquí vamos a definir los días que queremos que tarde en volver a mostrarse la campaña. Si lo dejamos en 7 días, en cuanto se muestre la campaña al usuario, no se le volverá a mostrar hasta dentro de 7 días.
• Tiempo de espera (segundos). Este será el tiempo que tardará el popup en mostrarse una vez el usuario entre en la página donde vayamos a mostrarlo.

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. De esta manera no resulta tan intrusivo y es el usuario el que tiene que pulsar el botón.

• Posición del botón. El botón por defecto siempre se muestra en la parte inferior de la pantalla y puedes elegir entre mostrarlo a la izquierda o a la derecha.
• Texto del botón. Será el texto que se muestre en el botón. ¡Piensa en un buen call to action!
• Color del botón. Configuraremos el color que queramos que tenga el botón.

Botón inline.

Con esta opción aparecerá un botón en cualquier parte del texto.

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 >>