Insertar tu propio CSS y JS personalizado
Puedes utilizar JavaScript y CSS para llevar a cabo muchos diseños por tu cuenta o incluso que un experto te lo haga utilizando nuestra plataforma.
Insertar scripts personalizados en tu página
1. Haz clic en el icono JS del apartado de la barra de herramientas.
2. Al hacer clic en este se lanzará una ventana donde podrás añadir el JavaScript. Podrás añadir o quitar código fácilmente desde los iconos(+)(-). Guarda los cambios cuando termines.
En este artículo te enseñamos algunos ejemplos para añadir funcionalidades con JavaScript que nos ayuden a controlar y aprovechar más tu formulario.
Nota: Asegúrate de colocar el código entre las etiquetas <script>.
Además, es importante tener en cuenta que este script solo se ejecutará en modo vista previa o en una página ya publicada (y no en el editor).
Cómo incluir CSS personalizado en tu página
Puedes incluir el diseño de una página completa, el HTML y la hoja de estio (CSS) o poner etiquetas ID/Clase.
A) Incluir CSS y HTML.
1. Haz clic en el icono CSS de la barra de herramientas.
Al hacer clic en este se lanzará una ventana donde podrás añadir las propiedades de tu clase.
CSS 1, CSS 2, etc. (equivale a cada una de las hoja de estilo que tenga tu página). Ten en cuenta que es posible que la persona que caiga en la landing no tenga la fuente que usas instalada y vea por tanto la página diferente (en este caso también puedes crear una imagen en vez de texto para mostrar el texto con la fuente deseada).
2. Añade el HTML. Para ello arrastra el icono HTML a la sección . Se abre la ventana correspondiente. Inserta tu código HTML.
3. Comprueba los cambio desde el icono vista previa. .
B) Llamadas ID/Clase
1. Haz clic en el icono CSS de la barra de herramientas.
2. Al hacer clic en este se lanzará una ventana donde podrás añadir las propiedades de tu clase.
Ejemplo: queremos poner en verde un texto. Para esto añadimos la propiedad correspondiente y le damos un nombre a nuestra clase (.verde).
3. Nos vamos a las propiedades del elemento. Hacemos clic en el botón "Editar" .
Se abre la ventana correspondiente. Ve a la pestaña "Id/Clase".
4. Añade la llamada a la clase en clases CSS.
5. Comprueba los cambios haciendo clic en vista previa.
En este artículo te enseñamos algunos ejemplos para añadir funcionalidades con CSS que nos ayuden a variar el estilo de los elementos de la landing.
Comentarios