1. Introducción.
En Cool Tabs, disponemos de una herramienta que te permite crear campañas personalizadas a través de nuestro sistema de plantillas públicas de libre uso, con un diseño personalizado para cada una. Se trata de un punto de partida para la creación de tus campañas. En este tutorial, te vamos a explicar, paso por paso, cómo configurar tu plantilla "Background Image". Esta plantilla está disponible con nuestros planes Gold y Diamond.
Esta plantilla te permite incluir imagen de fondo a pantalla completa, una imagen principal y un footer con tu logo corporativo. Te mostramos esta plantilla con un ejemplo: Plantilla Background Image >> (podrás utilizar esta plantilla en el enlace "Usar esta plantilla").
2. Paso a paso.
Accedemos a "Tus campañas" y haremos clic en "Mis plantillas":
Dentro de esta sección, nos dirigimos a las "Plantillas públicas" y, en este tutorial, nos centraremos en la "Imagen de fondo y pie de campaña". Podrás visualizar la plantilla en el icono de la lupa y, en caso de que queramos utilizar dicha plantilla para lanzar nuestra campaña, haremos clic en "Usar plantilla" y se nos creará una copia en nuestra sección de campañas.
Recordamos que este sistema se trata de un punto de partida para la creación de tus campañas. En este caso, al elegir esta plantilla, estaremos creando una copia de una campaña en la que tenga activado por defecto una imagen de fondo a pantalla completa y un footer con logo corporativo. Además, viene por defecto un formulario en el que los usuarios tengan que rellenar nombre, apellidos, mail, que tengan que subir una imagen y un vídeo. Todas estas secciones las podremos modificar en el editable de nuestra campaña.
2.1. Personalizar apariencia.
La plantilla que ofrecemos viene con imagen de fondo, imagen principal, unos copies, unos colores y una imagen de footer por defecto. Podremos cambiar cualquiera de los puntos anteriores y añadir los que deseemos. Vamos por pasos:
Imagen principal.
La imagen principal la podremos modificar desde el preview de la campaña o desde el editable de la misma. En la sección de "Diseño de la campaña" de la configuración podremos cambiar dicha imagen principal por la que queramos, además del título de la campaña.
Imagen de fondo.
Para cambiar la imagen de fondo que mostramos en nuestra campaña, tanto para PC como para mobile, la modificaremos en la misma sección mencionada anteriormente, en "Diseño de la campaña". Además, en esta sección también podremos modificar/activar cabeceras personalizadas para cada pantalla de nuestra campaña, ya sea con HTML, imagen/vídeo o texto.
Recordamos que en función del contenido que tenga nuestra campaña, el alto de la imagen de fondo deberá ser acorde al alto de la campaña.
Además, la posición de la imagen deberá mantenerse como "Pantalla completa" para desktop y mobile.
Además, tenemos la opción de elegir la opacidad de los colores primario/secundario/color de fondo desde el panel de previsualización. Esto puede ser útil de cara a querer utilizar un color de fondo menos opaco y que se siga viendo la imagen.
Lo que recomendamos es que el color de fondo no tenga transparencia y el color secundario si.
Footer (pie de página).
En la plantilla que ofrecemos por defecto vemos el logo de Cool Tabs, pero podremos añadir el nuestro siguiendo estos pasos:
- En el editable de nuestra campaña, nos dirigimos a la sección de "Textos dinámicos".
- Dentro de esta pantalla, nos encontraremos con las variables de textos dinámicos que más adelante, en caso de querer crear una campaña en varios idiomas, explicaremos. Por el momento nos centraremos en el campo que nos indica "tt_footer_image" y dentro de este añadimos la url de la imagen de nuestro logo o la que queramos.
Para conseguir esta URL, podremos utilizar el editor de texto de Cool Tabs. En la sección de "Diseño", en el apartado de "Descripción de la campaña", utilizaremos el campo de subir imagen para obtenerla.
Al subir la imagen que queramos nos aparecerá un enlace. Una vez lo hayamos copiado, cancelaremos los cambios hechos en el editor de texto, puesto que esta acción es solamente para acceder a dicho enlace. Esta será la URL que utilizaremos en el apartado de "Textos dinámicos".
Botón de "Ver galería".
En caso de que en nuestra campaña no queramos una galería de participantes en la que los usuarios puedan votar o ver las participaciones del resto, tenemos la opción de quitar este botón.
- En primer lugar, desactivaremos las participaciones públicas en el editable de nuestra campaña, en la sección "Participaciones". El check de "Hacer visibles/públicas las participaciones" deberá estar desactivado.
- Además, también deberemos borrar el código que nos aparezca en la sección de "Textos dinámicos", el campo de "tt_gallery_button". Borraremos el código que nos aparezca, pero no la variable.
2.2. Cambiar copies.
Para cambiar el texto que aparece por defecto, y añadir cualquier copy que necesitemos en nuestra campaña, lo haremos desde la sección "Diseño" del editable de la campaña. Recordamos no tocar ningún check que esté utilizando un HTML que hemos incluido nosotros (como el HTML para el formulario o para la landing).
2.3. Multiidioma.
Esta plantilla también viene con unas variables definidas por defecto para copies dinámicos en HTML, que nos sirve para crear nuestra campaña en varios idiomas.
Para activar nuestra campaña multiidioma deberemos hacer lo siguiente:
- Activar el multiidioma de nuestra campaña, en la sección de "Datos básicos".
- Una vez hayamos configurado la sección de "Registro" y "Datos básicos", deberemos guardar nuestra campaña para que se nos habiliten varios idiomas. Una vez guardada, volvemos a entrar al editable y nos dirigimos a las siguientes secciones donde tendremos que configurar el idioma de cada sección.
- Además, podremos cambiar los copies de las secciones por defecto de la campaña (botón de compartir, participar, bases legales...). Esto lo configuraremos en la sección de "Textos dinámicos", en la que traemos por defecto las variables {{tt_compartir_btn}}, {{tt_last_participation}}, {{tt_legal_bases}}, {{tt_participar_btn}}. Tan solo tendremos que establecer las variables y poner un texto distinto para cada copie dinámico. En el siguiente tutorial te explicamos con más detalle cómo configurar estas variables: Configura variables para copies dinámicos en HTML con nuestra personalización avanzada >>
3. Otras especificaciones.
Si tienes alguna duda durante el proceso, no dudes en contactar con nosotros a través de help@cool-tabs.com
4. Contenido relacionado.
Accede a nuestra sección de "Plantillas públicas" >>
Plantilla "Full Background Image With Footer" >>
Configura variables para copies dinámicos en HTML con nuestra personalización avanzada >>
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.