<div class="support-note primary">
Nota: La función <a href="https://www.pipedrive.com/en/features/web-forms">Formularios web</a> es parte del complemento LeadBooster. La configuración de los formularios web únicamente está disponible para los usuarios con un permiso habilitado de administrador de tratos.</div>
Los <a href="https://www.pipedrive.com/en/features/web-forms">Formularios web</a> de Pipedrive te permiten crear tus propios formularios personalizados e integrarlos a tu sitio web para recopilar información de los visitantes de tu sitio web y canalizarlos hacia Pipedrive como tratos o prospectos.
<hr>
<h2 style="text-align: justify">
<a name="c-mo-crear-un-formulario-web"></a>Cómo crear un Formulario web</h2>
<div class="support-note success primary">Nota: Si nunca has utilizado los formularios web, selecciona "Probar Formularios web" para utilizar la función.</div>
Para crear un formulario web, ve a Prospectos &gt; Formularios web &gt; “Nuevo Formulario web”. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%207.jpg" alt=""></figure>
Selecciona una plantilla inicial y haz clic en “Crear formulario”. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%201.jpg" alt=""></figure>
<hr>
<a name="C2IamCs"></a>
<h2 dir="ltr" style="text-align: justify">Editor de formulario<a name="editor-de-formulario"></a></h2>
En el editor de formularios es donde se crean y personalizan tus formularios web. Puedes agregar diferentes bloques según la información que desees recopilar. 
El bloque introducción es obligatorio para todos los formularios web. Para editar un bloque, haz clic en el ícono de lápiz para expandir el bloque.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/Screen%20Capture%20on%202023-07-03%20at%2011-19-01.gif" alt=""></figure>
Para agregar un nuevo bloque, coloca el cursor sobre el editor del formulario y haz clic en “+” donde deseas que esté el siguiente bloque en el formulario.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%202.jpg" alt=""></figure>
<hr>
<h2 dir="ltr" style="text-align: justify">Tipos de bloques<a name="tipos-de-bloques"></a></h2>
Hay dos tipos de bloques que puedes utilizar: Campo de entrada o Mensaje.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%203.jpg" alt=""></figure>
Campo de entrada 
<div dir="ltr" style="text-align: justify" class="support-note success primary">Nota: El cuadro “obligatorio” únicamente aparece para campos personalizados de una sola opción o campos personalizados de múltiples opciones con una sola entrada disponible. </div>
Este tipo de bloque te permite recopilar la información de los visitantes del sitio web, como su nombre, número de teléfono, dirección de correo electrónico, estado de marketing y varios <a href="https://support.pipedrive.com/hc/es/articles/207228075-Custom-Fields" target="_blank">campos personalizados</a> de tu cuenta. También puedes decidir si este bloque es necesario para el formulario con el cuadro “Obligatorio”.
Actualmente, nuestros formularios web admiten los siguientes tipos de campos personalizados:
<ul><li dir="ltr">Texto</li><li dir="ltr">Texto grande</li><li dir="ltr">Opción única</li><li dir="ltr">Opciones múltiples</li><li dir="ltr">Fecha</li><li dir="ltr">Dirección</li><li dir="ltr">Monetario</li><li dir="ltr">Numérico</li><li dir="ltr">Teléfono</li></ul>
<div>También existe el campo de entrada archivo adjunto, que te permite agregar la carga de un archivo a tu formulario web: </div>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%204.jpg" alt=""></figure>
Mensaje
El otro tipo de bloque es el Mensaje, donde un usuario puede agregar texto al formulario.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%205.jpg" alt=""></figure>
El último bloque de tu formulario es el Botón Enviar, que es obligatorio. Este bloque te permite elegir el texto del botón y si el formulario está protegido contra spam. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%206.jpg" alt=""></figure>
<div dir="ltr" style="text-align: justify" class="support-note success primary">Nota: Utilizamos la última versión de reCAPTCHA cuando la protección contra spam está habilitada. Para obtener más información sobre reCAPTCHA, visita su <a href="https://www.google.com/recaptcha/intro/v3.html">sitio web</a>.</div>
<hr>
<h2 dir="ltr" style="text-align: justify">Estilo<a name="estilo"></a></h2>
<div dir="ltr" style="text-align: justify" class="support-note success primary">Nota: La ventana Vista previa en el lado derecho refleja los cambios realizados durante la edición, para que puedas ver cómo se verá tu formulario web para quienes lo completen. </div>
La sección Estilo te permite personalizar la apariencia de tus formularios web de cuatro maneras diferentes. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2012.jpg" alt=""></figure>
Colores y fondo
Puedes elegir colores para el fondo, el primer plano, el botón de envío y las etiquetas. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%208.jpg" alt=""></figure>
<div dir="ltr" class="support-note success primary">Nota: Selecciona colores personalizados mediante los cuadros desplegables.</div>
 
Fuentes 
Elige entre docenas de fuentes personalizadas y ajusta el tamaño y el peso de las letras.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%209.jpg" alt=""></figure>
Estilo del formulario 
También puedes elegir el estilo de tu formulario, que incluye el tamaño, la forma y la posición de los cuadros de entrada de tu formulario web:
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2010-2.jpg" alt=""></figure>
Identidad y marca 
Finalmente, agrégale imágenes a tu formulario web y activa o desactiva la marca de Pipedrive.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2011.jpg" alt=""></figure>
<div dir="ltr" class="support-note success primary">Nota: Los requisitos de tamaño de imagen varían según el lugar donde se coloque la imagen. Las imágenes únicamente aparecen cuando el formulario web se envía directamente a través de un enlace compartido (independiente), no cuando se inserta en una página web.</div>
<hr>
<a name="C5IamCs"></a>
<h2 style="text-align: justify">Opciones de envío<a name="opciones-de-env-o"></a></h2>
A continuación, elegirás cómo deseas que los envíos de los usuarios de tu formulario web se ingresen a tu cuenta en Pipedrive. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2013.jpg" alt=""></figure>
Puedes elegir cómo se guardan los datos en tu cuenta, el mensaje de agradecimiento enviado después del envío y si deseas redirigirlos a otro sitio web. 
<hr>
<h2 style="text-align: justify">Compartir e insertar<a name="compartir-e-insertar"></a></h2>
Tienes dos opciones para compartir el enlace de tu formulario web: Compartir como enlace o Insertar el formulario en tu sitio web.
Haz clic en “Copiar al portapapeles” en cualquiera de las secciones para obtener el enlace a tu formulario web. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2014.jpg" alt=""></figure>
Puedes enviar la URL de Compartir como enlace directamente a tus clientes para que la envíen, o seguir los pasos del sitio web elegido y pegar la URL en tu página web. 
<hr>
<a name="C6IamCs"></a>
<h2 style="text-align: justify">Campos de consentimiento para los Formularios web<a name="campos-de-consentimiento-para-los-formularios-web"></a></h2>
<div style="text-align: justify" class="support-note success primary">Nota: Los pasos que se describen a continuación requieren un campo personalizado de opción única; puedes aprender cómo crear uno en <a href="https://support.pipedrive.com/article/custom-fields" target="_blank" rel="noreferrer noopener">este artículo</a>. </div>
Pipedrive no tiene un campo de consentimiento predeterminado para tus formularios web, pero existe una solución alternativa para que puedas crear una casilla de verificación donde tus contactos marcan su consentimiento. 
<ol><li>Crea un campo personalizado de opción única, con opciones para sí y no</li><li>Selecciona este campo en el campo de entrada para tu bloque de envío</li><li>Marca la casilla “Obligatorio” </li></ol>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2015.jpg" alt=""></figure>
Ahora un cliente no podrá enviar las respuestas de tu formulario web sin completar este bloque. 
<div style="text-align: justify" class="support-note success primary">Nota: Para leer más sobre Pipedrive y el RGPD, consulta <a href="https://support.pipedrive.com/hc/es/articles/360000335129-Pipedrive-and-GDPR" target="_blank" rel="noreferrer noopener">este artículo.</a></div>

Web Forms

c-mo-crear-un-formulario-web

Cómo crear un Formulario web

editor-de-formulario

Editor de formulario

tipos-de-bloques

Tipos de bloques

estilo

Estilo

opciones-de-env-o

Opciones de envío

compartir-e-insertar

Compartir e insertar

campos-de-consentimiento-para-los-formularios-web

Campos de consentimiento para los Formularios web

Formularios web

<div class="support-note success primary">Nota: Esta página solo está disponible para Usuarios administradores que tienen el complemento Formularios web pagado.</div>
Después de compartir o insertar tu <a href="https://support.pipedrive.com/es/article/web-forms">formulario web</a> podrás vigilar su desempeño y estado.
<figure><img src="https://kb-cms.pipedriveassets.com/Screen%20Shot%202021-06-11%20at%204.00.31%20PM.png" alt="web form performance"></figure>
<ul><li>Vistas: La cantidad de veces que formulario web fue visto</li><li>Interacción: La cantidad de veces que un visitante haya interactuado con tu formulario web. Interactuar, en este caso, es cuando alguien escribe algo en el campo del formulario pero no lo envía. </li><li>Envíos: La cantidad de formularios completos enviados</li><li>Conversión: El porcentaje de visualizaciones que terminan enviando el formulario</li><li>Estado: activo o inactivo. Si desactivas el formulario web, aparece como Formulario web desactivado y a los visitantes les aparece como un enlace fallido. </li></ul>
Si haces clic en el botón '...' siguiente de cada formulario web, puedes editar, compartir e insertar, desactivar, duplicar y eliminar el formulario web.

Web Forms: performance and status

Formularios web: Desempeño y estado

<div class="support-note success primary">Nota: Estas actividades únicamente están disponibles para los usuarios administradores globales o los usuarios normales con el permiso correcto habilitado. Para que los formularios web estén disponibles en tu cuenta debes tener el <a href="https://support.pipedrive.com/article/leadbooster-add-on" target="_blank" rel="noreferrer noopener">complemento LeadBooster</a> en tu suscripción. </div>
La implementación de la ley del RGPD en el 2018 tuvo un impacto significativo en las empresas de ventas y marketing, sobre todo en la generación de prospectos, la prospección y el comercio electrónico. Puedes aprender más acerca del cumplimiento del RGPD para informar a tu equipo de ventas, leyendo <a href="https://www.pipedrive.com/en/blog/gdpr-compliance" target="_blank" rel="noreferrer noopener">esta entrada de blog</a>.
En Pipedrive, tenemos la función de <a href="https://support.pipedrive.com/article/web-forms">Formularios web</a>, una de las herramientas más valiosas para captar prospectos desde tu sitio web. Sin embargo, como controlador de la información y dependiendo de los datos que tienes recopilados, debes notificar a tus clientes cuándo y cómo vas a procesar su información para garantizar el cumplimiento del RGPD.
<hr>
<h2 style="text-align: justify"><a name="configuraci-n-de-los-campos-personalizados"></a>Configuración de los campos personalizados</h2>
El primer paso es pensar exactamente qué es lo que necesitan tus clientes. Por ejemplo:
<ul><li>Leí la Política de privacidad.</li><li>Acepto los Términos y condiciones.</li><li>Me quiero suscribir al boletín de noticias.</li></ul>
Cada autorización que necesitas requiere un <a href="https://support.pipedrive.com/article/custom-fields" target="_blank" rel="noreferrer noopener">campo personalizado</a> para obtenerla, te recomendamos crear campos personalizados de persona ya que son personas a las que les solicitas permiso.
<div class="support-note success primary">Nota: El <a href="https://support.pipedrive.com/article/what-types-of-custom-fields-are-there" target="_blank" rel="noreferrer noopener">tipo de campo personalizado</a> que necesitas depende de las opciones que visibles en tu lista de verificación. Un campo de opción única debe tener dos o más opciones para usarse en un bloque de formulario web (por ejemplo, "Sí" y "No"). Para agregar un bloque con una sola opción (por ejemplo, "Sí"), utiliza en su lugar un campo de opciones múltiples. </div>
Política de privacidad
Para la política de privacidad, crea un campo de opciones múltiples, asígnale el nombre correspondiente y agrega opciones para sí y, si corresponde, no.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%201.jpg" alt=""></figure>
Términos y condiciones
Para los términos y condiciones, crea un campo de opciones múltiples, asígnale el nombre correspondiente y agrega opciones para sí y, si corresponde, no. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%203.jpg" alt=""></figure>
Boletín informativo 
Dado que la suscripción al boletín informativo no es obligatoria, puedes utilizar un campo de opción única, asignarle un nombre acorde y agregar opciones para sí y no. 
<figure><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%202.jpg" alt=""></figure>
Una vez que hayas creado los campos personalizados, puedes configurar tu formulario web.
<hr>
<h2 style="text-align: justify"><a name="configuraci-n-de-formularios-web"></a>Configuración de formularios web</h2>
Ve a Prospectos &gt; Formularios web &gt; "Editor de formularios", luego usa el “+” arriba del botón de enviar para agregar tus bloques.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%207.jpg" alt=""></figure>
Políticas de privacidad/Términos y condiciones 

Aquí hay algunas cosas que debes tener en cuenta al crear tus bloques para el formulario web:
<ul><li>Utiliza un bloque de campo de entrada.</li><li>Selecciona el campo personalizado que creaste en el menú desplegable debajo del campo de entrada a la derecha.</li><li>Resalta tu texto y usa la opción “enlace” para crear un hipervínculo hacia cualquier documentación. </li><li>Utiliza la visibilidad personalizada si únicamente deseas que haya una única opción disponible al completar el formulario (por ejemplo, "Sí"). </li><li>Marca la casilla obligatoria para asegurarte de que no se pueda omitir la pregunta.</li></ul>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%204.jpg" alt=""></figure>
Boletín informativo 
<div class="support-note success primary">Nota: A diferencia del aviso de privacidad y los términos de uso, los usuarios no tienen que aceptar o suscribirse a tu boletín informativo. </div>
La única gran diferencia entre el bloque para tu boletín informativo y los demás es que no necesitas consentimiento para enviarlo y, por lo tanto, no necesitas limitar las opciones de envío disponibles a una sola. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%205.jpg" alt=""></figure>
Cuando termines de añadir los bloques a tu formulario web, haz clic en "Guardar" en la esquina superior derecha de la pantalla:
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%206.jpg" alt=""></figure>
Puedes consultar nuestro <a href="https://support.pipedrive.com/article/web-forms" target="_blank" rel="noreferrer noopener">artículo sobre los formularios web</a> para saber cómo configurarlos.

Base de conocimiento

Formularios web

¿Tienes una pregunta?