¿Cómo integrar un formulario de contacto en Bubble.io?

Integrar un formulario de contacto en tu aplicación Bubble.io te permitirá recopilar información de los usuarios, posibles clientes o clientes. Aquí te dejamos una guía sencilla para que configures uno:

Paso 1: Comienza con una nueva página de Bubble o usa una existente donde quieras incorporar el formulario de contacto.

Paso 2: Arrastra y suelta un elemento de formulario en tu página desde la barra lateral de elementos visuales. Puede ser una serie de campos de entrada como 'Entrada', 'Entrada Multilínea' para mensajes y un 'Botón' para enviar.

Paso 3: Inserta varios elementos 'Entrada' en el formulario para recopilar información como nombre, correo electrónico y número de teléfono. Agrega una 'Entrada Multilínea' para una sección de mensajes o comentarios.

Paso 4: Personaliza el texto de marcador de posición en cada elemento de entrada para indicar la información requerida, por ejemplo, "Ingresa tu nombre", "Tu dirección de correo electrónico", etc.

Paso 5: Agrega un 'Botón' para actuar como botón de envío. Etiquétalo en consecuencia, como "Enviar", "Enviar Mensaje", etc.

Paso 6: Crea flujos de trabajo para el formulario de contacto. Haz clic en el 'Botón' que has agregado a tu formulario, ve al botón de inicio/edición de flujo de trabajo que aparece en el editor de propiedades.

Paso 7: En el editor de flujo de trabajo que se abre, agrega acciones activadas por el clic del botón. Las acciones comunes incluyen "Crear una nueva cosa..." para guardar la información del lead en la base de datos o "Enviar correo electrónico" para notificar a ti o a un miembro del equipo sobre la nueva solicitud de contacto.

Paso 8: Vincula cada 'Entrada' a los campos correspondientes de la cosa de datos (como un 'Lead') que estás creando. Asegúrate de que la acción 'Guardar' incluya todos los campos de entrada que tienes en el formulario.

Paso 9: Prueba el formulario haciendo una vista previa de tu aplicación, rellenándolo y enviándolo. Verifica si los datos se guardan o si la notificación por correo electrónico se envía correctamente.

Paso 10: Para mejorar la experiencia del usuario y evitar el spam, considera agregar un CAPTCHA utilizando un complemento como reCAPTCHA. Este paso es opcional pero recomendado. Para hacerlo, encuentra un complemento de reCAPTCHA en la pestaña de complementos de Bubble, instálalo y coloca el elemento CAPTCHA en la página de tu formulario de contacto.

Paso 11: Por último, personaliza tu formulario utilizando el editor de propiedades para asegurarte de que coincida con el diseño y la marca de tu aplicación Bubble.

Recuerda siempre probar a fondo tu formulario para asegurarte de que todos los flujos de trabajo funcionan correctamente y que los datos se manejan como se esperaba.