## **Paso 1: Ir al creador de formularios**

*Nota: funciona igual tanto como para los formularios como encuestas*

1. Inicia sesión en tu cuenta de **Leadway**.

2. En el menú lateral izquierdo, haz clic en **Sitios → Formularios**.

3. Haz clic en **> agregar formulario** para comenzar un formulario desde cero.

   \
   \
   ![](https://storage.googleapis.com/chatwoot-leadway-data/hgfztro698qlk2549yoc22rpcv8p)

4. Puedes seleccionar entre crear uno desde cero o elegir entre una de las plantillas (funciona igual de las dos maneras, lo único que cambia es el diseño)

   \
   ![](https://storage.googleapis.com/chatwoot-leadway-data/9xpr322b7l18nmeq5l143q7sh4xo)

5. Haz clic en **crear**

6. Puedes arrastrar campos predefinidos como los que encontraras en el menú lateral izquierdo e insertarlos en tu formulario

   \
   ![](https://storage.googleapis.com/chatwoot-leadway-data/p394jg0op2egxsah25tg0gl4upth)

7. Haz clic en un campo para editarlo en profundidad

   \
   ![](https://storage.googleapis.com/chatwoot-leadway-data/eyh4i2ud3sccomskakl311dahvlz)

# Como crear campos personalizados

1. Haz clic en añadir campos personalizados en el menú izquierdo

   \
   \
   ![](https://storage.googleapis.com/chatwoot-leadway-data/p6ng4n4cpk53ccpockr39lzzjfwj)

2. Haz clic en **añadir**

3. Elige el tipo de campo que deseas crear: **Texto**, **Lista desplegable**, **Opciones (radio)**, **Fecha**, etc.

   1. En el menú desplegable **objeto y grupo**, selecciona **contacto**

      \
      ![](https://storage.googleapis.com/chatwoot-leadway-data/7duk84hu7d432d0zew2be9u5d787)

   2. Haz clic en **guardar** para guardar tu campo personalizado

4. Podrás ver el campo que acabas de crear bajo la pestaña de contacto en el menú desplegable

   \
   ![](https://storage.googleapis.com/chatwoot-leadway-data/u55kafxvy4uxbkhh8k2av54dhpan)

# **Como personalizar tu formulario**

1. Haz clic en el icono de edición del lado derecho

   \
   ![](https://storage.googleapis.com/chatwoot-leadway-data/pdkk3y2g9jhnvn3v198rnk5xio5d)

2. En la sección de **estilos** podrás editar:

    1. **El tipo de diseño (Layout Type):**\
       Puedes elegir entre columna única, dos columnas o una sola línea, según cómo quieras organizar los campos del formulario.

    2. **El estilo de entrada:**\
       Define si los campos tendrán apariencia de cuadro, línea, bordes redondeados, etc.

    3. **El ancho del formulario:**\
       Ajusta el tamaño total del formulario en píxeles.

    4. **El espaciado entre campos:**\
       Controla la separación vertical entre cada campo.

    5. **El ancho de las etiquetas:**\
       Define cuánto espacio ocupa el texto descriptivo de cada campo.

    6. **La alineación de etiquetas:**\
       Puedes colocar las etiquetas alineadas a la izquierda, centradas o a la derecha.

    7. **Los márgenes y el relleno (padding):**\
       Ajusta tanto los márgenes externos del formulario como el espacio interno de cada elemento.

    8. **Mostrar u ocultar etiquetas:**\
       Puedes activar o desactivar la visualización del texto que acompaña cada campo.

    9. **Colores y fondo:**\
       Personaliza el color del fondo, los textos, bordes y demás elementos visuales del formulario.

   10. **Opciones misceláneas:**\
       Configuraciones adicionales como bordes, sombras, radios, entre otros detalles visuales.

3. En la seccion de **Temas**:

   * En esta sección podrás seleccionar un diseño predeterminado para tu formulario. Leadway ofrece múltiples plantillas visuales como las que ves en la imagen

     \
     \
     ![](https://storage.googleapis.com/chatwoot-leadway-data/vbeqp3k9n5wdvo1vhyi1vmmpk36y)

4. En la seccion **advanced** podras configurar:

   ### **1. Formulario**

   Ajustes avanzados del contenedor principal del formulario, como:

   * Bordes

   * Radios

   * Sombras

   * Espaciados adicionales

   ### **2. Campo de entrada**

   Control sobre los inputs, incluyendo:

   * Tamaño

   * Bordes

   * Estilos de enfoque (focus)

   * Relleno (padding) interno

   ### **3. Etiqueta**

   Personalización del texto que describe cada campo:

   * Tipografía

   * Tamaño

   * Color

   * Posición

   ### **4. Etiqueta corta**

   Estilo alternativo cuando las etiquetas se muestran de forma más compacta o dentro del campo.

   ### **5. Marcador de posición (Placeholder)**

   Modifica el estilo del texto que aparece dentro del campo antes de escribir:

   * Color

   * Opacidad

   * Tamaño

   ### **6. CSS Personalizado**

   Si necesitas un diseño totalmente personalizado, aquí puedes agregar tu propio CSS para modificar cualquier elemento del formulario.\
   Ideal para diseñadores que quieren un estilo único o que buscan replicar el branding exacto de un cliente.

   \
   \
   ![](https://storage.googleapis.com/chatwoot-leadway-data/g9r6cycxeulspbdqdjmv2cwzy3c9)

# Como compartir tu formulario

1. Haz clic en **integrar**

2. Dentro del menú de integrar haz clic en **share** para obtener tu URL

   \
   ![](https://storage.googleapis.com/chatwoot-leadway-data/wm42mk2bis4yzby2w1agp2yla07x)