1. Introducción.
Al activar la opción de usar HTML personalizado (que debe de hacerse de manera independiente para cada tipo de pantalla) se eliminan todas las personalizaciones por defecto de la página, dejando solo una estructura básica de elementos HTML junto a un archivo de CSS básico, que controla el funcionamiento de los siguientes elementos comunes en todas las Campañas: popups tales como de login, bases legales, compartir campaña y mensajes de alerta.
Al activar esta opción, nuestra plataforma te permite personalizar el contenido y los elementos que necesites para tu campaña, así como cargar librerías externas como es el caso del Framework Bootstrap.
Para poder cargar correctamente esta librería en Cool Tabs, debes insertar en el campo de HTML personalizado de cada página, el siguiente código:
<!DOCTYPE html>
<html {{{ cool_tabs_html_attributes }}} >
<head>
<!-- {{{ cool_tabs_head }}} -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body {{{ cool_tabs_body_attributes }}} >
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
</script>
<!-- {{{ cool_tabs_body_end }}} -->
</body>
</html>
A partir de aquí, puedes incluir los elementos que necesites mediante nuestro sistema de {{handlebars}} y personalizarlos con tu propio CSS (o SCSS si lo prefieres).
En la página de Formulario, también puedes activar la opción de "Incluir CSS básica en la pantalla del form" para cargar el CSS de nuestras Campañas, así obtendrás nuestra personalización por defecto del quiz y el formulario.
Ten en cuenta que con el diseño Versión Minimalista de campañas ya se carga la librería de Bootstrap, por lo que irá incluido junto con el resto de CSS al marcar esta opción y, por tanto, ya no hace falta que incluyas esta librería en tu HTML custom (así evitamos doble carga).
2. Resumen.
Diseño versión clásica (disponible solo en campañas antiguas. Dejará de estar operativo en enero de 2013).
Si quieres cargar el framework Bootstrap, hay que incluirlo en todas las pantallas donde quieras utilizarlo.
Diseño versión minimalista
Si quieres cargar el framework Bootstrap, hay que incluirlo en todas las pantallas donde quieras usarlo, excepto en la pantalla de Formulario, ya que se carga por defecto, siempre y cuando elijas la opción Incluir CSS básica en la pantalla del form.
3. Otras especificaciones.
Si tienes alguna consulta durante el proceso, no dudes en contactar con nosotros a través del chat de nuestra web o nuestro mail de soporte help@cool-tabs.com
4. Contenido relacionado.
Personalización avanzada de campañas >>
Cómo configurar la CSS personalizada de una campaña >>
Cómo configurar la CSS personalizada de una campaña con versión clásica (campañas antiguas) >>
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.