Con ActiveCampaign, puede usar el bloque Código HTML para personalizar su formulario con HTML y puede usar CSS para modificar elementos.
Tenga en cuenta que el uso de HTML y CSS con su formulario es para usuarios avanzados. Necesitas sentirte cómodo con estos idiomas. Si no está familiarizado con HTML o CSS, le recomendamos que trabaje con un miembro de su equipo que lo esté. También hay varios recursos excelentes por ahí donde puedes aprender HTML y CSS como este.
Nuestro equipo de experiencia del cliente no puede ayudarte a crear o solucionar problemas de HTML o CSS que agregues a tu formulario.
HTML
Puede usar el bloque HTML para agregar su propio HTML a su formulario. El HTML que agregue solo se aplicará a este bloque, no a todo el formulario.
Es posible que desee utilizar este bloque para incrustar enlaces en el texto, crear listas con viñetas, dar formato a cualquier texto en este bloque y mucho más.
Tenga en cuenta que el bloque HTML solo se puede utilizar en formularios en línea. El cuadro flotante, la barra flotante y los formularios modales no tienen la opción de agregar un bloque HTML.
Agregue el bloque Código HTML al formulario:
- En el Generador de formularios, haga clic en Campos Campos de contacto.
- Arrastre el bloque "Código HTML" al diseño de su formulario.
- Haga clic en el código de bloque HTML en el diseño del formulario.
- El panel derecho mostrará texto de muestra y código HTML. Escriba o pegue el código en este cuadro del panel derecho.
A medida que agregue el código y el texto a este cuadro, verá este nuevo texto y formato aplicados al bloque en el diseño del formulario.
CSS
Puede usar el panel CSS de formularios y el modo Inspeccionar para modificar elementos visuales del formulario, como ajustar el ancho del botón Enviar, ajustar el tipo y el tamaño de la fuente, centrar el texto en un elemento, cambiar el color del texto y mucho más. Todos los tipos de formulario incluyen el panel de entrada CSS personalizado y el Inspector.
Agregue CSS personalizado a su formulario:
-
Haga clic en el botón "Siguiente" en la parte superior derecha del generador de campaña.
- Aparecerá un panel de entrada personalizado en la parte inferior de la pantalla Generador de formularios. Coloca el cursor y haz clic en elementos del formulario para ver la barra lateral específica del elemento.
- Haga clic en el botón "Inspector" y luego haga clic en el elemento del formulario que desea modificar.
- Agregue su CSS personalizado al panel de entrada personalizado.
- Para salir del modo Inpector, vuelva a hacer clic en el botón "Inspector".
- Para cerrar la superposición de código en el formulario, haga clic en el botón CSS en la parte superior del generador.