{"id":7820,"date":"2022-06-10T16:34:30","date_gmt":"2022-06-10T14:34:30","guid":{"rendered":"https:\/\/www.webempresa.com\/guias-mautic\/?post_type=ht_kb&p=7820"},"modified":"2022-07-04T11:51:32","modified_gmt":"2022-07-04T09:51:32","slug":"como-crear-un-formulario-en-mautic","status":"publish","type":"ht_kb","link":"https:\/\/www.webempresa.com\/guias-mautic\/como-crear-un-formulario-en-mautic.html","title":{"rendered":"C\u00f3mo crear un formulario en Mautic"},"content":{"rendered":"

El objetivo de esta gu\u00eda es que sepas c\u00f3mo crear un formulario en Mautic paso a paso.<\/p>\n

Tambi\u00e9n tienes disponible esta gu\u00eda, en la que explicamos qu\u00e9 es un formulario y para qu\u00e9 sirve<\/a>, donde puedes encontrar algunas ideas o inspiraci\u00f3n para crear formularios en Mautic.<\/p>\n

 <\/p>\n

<\/span>1. Accede a la secci\u00f3n de Formularios en tu panel de Mautic<\/span><\/h2>\n

Para crear un nuevo formulario y gestionar los que ya tienes creados, en tu panel de Mautic debes pulsar en Componentes <\/strong>en el men\u00fa de la izquierda, \u00a0y despu\u00e9s en Formularios<\/strong>.<\/p>\n

\"Formularios<\/p>\n

\"Formularios<\/p>\n

<\/span>2. Haz clic en + Nuevo<\/span><\/h2>\n

En la secci\u00f3n de formularios, haz clic en el bot\u00f3n derecho superior + Nuevo<\/strong><\/p>\n

\"Crear<\/p>\n

<\/span>3. Elige el tipo de formulario<\/span><\/h2>\n

Se abrir\u00e1 una nueva ventana para que elijas el tipo de formulario que deseas crear:<\/p>\n

\"Tipos<\/p>\n\n\n\n\n\n
A: Nuevo Formulario de Campa\u00f1a<\/strong><\/td>\nB: Nuevo Formulario Independiente<\/strong><\/td>\n<\/tr>\n
Formularios que se van a incluir en campa\u00f1as.
\nNo permite configurar directamente los segmentosSegmento<\/span> Mautic te permite crear Segmentos para filtrar tus Contactos (Leads) en base a muchos criterios como url's visitadas, etiquetas, campa\u00f1as, etc.<\/span><\/span><\/span> en el formulario, se realiza en el editor de campa\u00f1as, a lo largo del flujo de trabajo.<\/td>\n		Formulario para realizar acciones aisladas que no sean a trav\u00e9s de campa\u00f1as. Permite a\u00f1adir acciones relacionadas con etiquetas y segmentos en el propio formulario, que se realizar\u00e1n de forma inmediata en cuanto el usuario lo env\u00ede.<\/td>\n<\/tr>\n
\"Acciones<\/td>\n\"Acciones<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

La principal diferencia es que en el Formulario de Campa\u00f1a, las acciones que se configuran a lo largo del recorrido de la campa\u00f1a mientras que en un Formulario independiente, cuentas con todas las acciones disponibles. Para que te hagas una idea de que no cuenta con las mismas opciones en la secci\u00f3n de Acciones de configuraci\u00f3n de formularios:<\/p>\n

 <\/p>\n

<\/span>4. Configura tu formulario<\/span><\/h2>\n

Puedes ver que se muestra una primera pantalla por defecto, que corresponde a la pesta\u00f1a Detalles. Tendr\u00e1s que configurar todas las pesta\u00f1as; vamos por partes.<\/p>\n

 <\/p>\n

<\/span>4.1. Pesta\u00f1a Detalles<\/span><\/h3>\n

\"Nuevo<\/p>\n

    \n
  1. Nombre<\/strong>: El t\u00edtulo a nivel interno de tu formulario.<\/li>\n
  2. Acci\u00f3n de Submit Exitosa.<\/strong> Elige la confirmaci\u00f3n que le aparecer\u00e1 al usuario cuando env\u00ede el formulario con \u00e9xito. Puedes elegir entre:
    \n– Permanecer en el formulario \u21d2 El usuario permanecer\u00e1 en el formulario.
    \n– URL de redireccionamiento \u21d2 Cuando se env\u00ede el formulario, el navegador redirigir\u00e1 a la web que indiques en la casilla inferior URL de redireccionamiento\/Mensaje.
    \n– Muestra el Mensaje \u21d2 El usuario ver\u00e1 el mensaje de confirmaci\u00f3n que indiques en la casilla inferior URL de redireccionamiento\/Mensaje.<\/li>\n
  3. URL de redireccionamiento\/Mensaje\u21d2<\/strong> Si en la opci\u00f3n de Acci\u00f3n de Submit Exitosa has seleccionado URL de redireccionamiento, indica el link con la web que quieres que vea el usuario para confirmar que ha enviado el formulario correctamente.
    \nSi has seleccionado<\/strong> Muestra el mensaje, indica el texto que quieres que aparezca cuando el navegante env\u00ede el formulario con \u00e9xito.<\/li>\n
  4. Categor\u00eda:<\/strong> Elige una categor\u00eda para diferenciar los diferentes formularios en el listado de su apartado.<\/li>\n
  5. Publicado:<\/strong> Elige NO si no quieres que se publique cuando lo guardes. Elige S\u00cd si quieres que se active en cuanto lo guardes. Si de momento es un borrador te aconsejamos que dejes seleccionado el NO.<\/li>\n
  6. Publicar (fecha\/hora) y Retirar publicaci\u00f3n (fecha\/hora): Puedes dejarlas en blanco o indicar una fecha de publicaci\u00f3n<\/strong><\/li>\n
  7. Deshabilitar el indexado de b\u00fasquedas:<\/strong> Puedes configurar si quieres que se encuentre en los motores de b\u00fasqueda la URL del formulario, o que se oculte.<\/li>\n
  8. Modo kiosko:<\/strong> Si est\u00e1 activado, cada env\u00edo crear\u00e1 un nuevo contacto. Si est\u00e1 desactivado, si el usuario ya exist\u00eda en la base de datos de Mautic, actualizar\u00e1 el contacto que pertenece a la sesi\u00f3n actual por IP. Habilitar el modo kiosko es \u00fatil en caso de que se env\u00ede el formulario desde un dispositivo o IPn por varios contactos.<\/li>\n<\/ol>\n

     <\/p>\n

    <\/span>4.2. Pesta\u00f1a Campos<\/span><\/h3>\n

    En este apartado es donde configuras los campos que quieres que se muestren en el formulario.<\/p>\n

    Para a\u00f1adir un campo o casilla nueva, pulsa en A\u00f1adir un campo Nuevo<\/strong> y selecciona la opci\u00f3n que desees:<\/p>\n

    \"Campos
    \nCuando selecciones un campo, se abrir\u00e1 una ventana donde configurar varios aspectos dependiendo del campo que hayas seleccionado:<\/p>\n

    \"Campos
    \n\ud83d\udca1\u00a0Un formulario b\u00e1sico puede contener los campos Nombre, email, casilla de verificaci\u00f3n, texto legal y bot\u00f3n ENVIAR.<\/strong><\/p>\n

    \"Campos<\/p>\n

    <\/span>4.3. Pesta\u00f1a Acciones<\/span><\/h3>\n

    En este apartado configuras las acciones que se van a producir cuando el usuario env\u00ede el formulario.<\/p>\n

    Por ejemplo puedes a\u00f1adir que se descargue un pdf , a\u00f1adir puntos al contacto, o incluso asignar una etiqueta o segmentoSegmento<\/span> Mautic te permite crear Segmentos para filtrar tus Contactos (Leads) en base a muchos criterios como url's visitadas, etiquetas, campa\u00f1as, etc.<\/span><\/span><\/span> autom\u00e1ticamente.<\/p>\n

    Puedes a\u00f1adir todas las acciones que quieras, no hay limitaciones.<\/p>\n

    Sol tienes que pulsar en el desplegable A\u00f1adir una acci\u00f3n de env\u00edo<\/strong> y seleccionar la que quieres a\u00f1adir.<\/p>\n

    \"\"<\/p>\n

    <\/span>6. Guarda el formulario<\/span><\/h2>\n

    No te olvides de guardar tu formulario.<\/p>\n

    Puedes seleccionar el bot\u00f3n Aplicar<\/strong> para que se te apliquen los cambios, o Guardar & Cerrar<\/strong> para que se guarde todo y se cierre el editor.<\/p>\n

     <\/p>\n

    <\/span>7. Implementa el formulario en tu web<\/span><\/h2>\n

    Una vez generas el formulario, ves una p\u00e1gina propia para dicho elemento. Aqu\u00ed puedes ver todas las estad\u00edsticas, funciones, historial y el c\u00f3digo o Formulario en modo HTML para implementar en tu web.<\/p>\n

    \"\"
    \nTienes 2 opciones principales:<\/p>\n