JS/HTML personalizado

El elemento de JS/HTML personalizado te permite integrar tu código personalizado en tu página web, lo que permite la adición de componentes personalizados únicos. Esta función versátil permite una mayor flexibilidad y creatividad al diseñar tu sitio, garantizando una experiencia de usuario verdaderamente personalizada que se alinea con tus necesidades y visión específicas.

Configuración General
Nombre/Título del Elemento
Dentro de la función de Configuración General, puedes acceder al nombre/título predeterminado de la opción de edición en la que estás trabajando actualmente y elegir cambiarlo si lo prefieres. Esta función es particularmente útil cuando estás trabajando con múltiples elementos en tu embudo y necesitas distinguirlos rápidamente.

Abrir Editor de Código
Puedes utilizar el botón "Abrir Editor de Código" para ingresar tu código personalizado para tu elemento. Al hacer clic en este botón, aparecerá una ventana emergente que te permitirá escribir o pegar tu código con facilidad. Esta función te proporciona la flexibilidad para agregar código personalizado a tu página web, lo que te permite adaptar el aspecto y la funcionalidad de tus elementos para satisfacer tus necesidades específicas.

Opción de Espaciado:
Existen diferentes opciones de espaciado disponibles para ajustar tu contenido. Dependiendo de la opción de edición en la que estés trabajando, la configuración solo se aplicará a esa opción. Por ejemplo, si estás editando una fila particular (el recuadro AZUL), solo cada contenido en esa fila seguirá el comando de las configuraciones que realices.

Padding Izquierdo, Derecho, Superior e Inferior:
Estas cuatro (4) barras de alternancia diferentes mueven el contenido hacia la izquierda, derecha, arriba o abajo dependiendo de la barra de alternancia en la que hagas clic.

Margen Superior e Inferior:
Puedes ajustar el margen en la parte superior e inferior de tu elemento alternando las respectivas barras de alternancia.

Visibilidad
La función de Visibilidad te permite controlar la visibilidad de opciones de edición específicas en dispositivos móviles, de escritorio o en ambos, seleccionando el icono correspondiente. Esta característica te permite adaptar tu página web a tu audiencia objetivo y optimizar la experiencia del usuario para cada tipo de dispositivo.

Clase Personalizada
Puedes agregar una Clase Personalizada a tu página web ingresando el nombre de la clase deseada en el campo dedicado. Esta característica te ayuda a aplicar estilos personalizados a elementos específicos de tu página web vinculándolos a definiciones de estilo en una hoja de estilo.

Selector CSS
Puedes copiar fácilmente el código CSS personalizado haciendo clic en el icono de "copiar" ubicado en el lado derecho del código de referencia. Esta función ahorra tiempo y facilita la replicación e implementación de tu código de Selector CSS en toda tu página web.