Cómo crear un formulario de contacto con WIX

Vamos a ver en este post, cómo añadir un formulario de contacto a nuestra web hecha con WIX. Además, veremos cómo podemos hacer el formulario para que cumpla con la RGPD.

Para ello usaremos una app gratis de formulario de contacto para WIX

PROBAR WIX GRATIS

 

 

 

VER CURSOS

 

 

1.- Cómo crear un formulario de contacto con WIX que cumpla la RGPD

 

Para crear un formulario de contacto con WIX que cumpla la RGPD (Reglamento General de Protección de Datos) es necesario añadir al formulario un campo tipo checkbox que sea obligatorio de marcar por el usuario. En este campo se añadirá un texto del tipo: “He leído y acepto la política de privacidad”.

Para poder añadir este campo no nos va a valer el formulario de contacto que viene por defecto en WIX.

Vamos a tener que instalar una de la app para WIX para poder crear un formulario que cumpla la RGPD.

Nosotros vamos a utilizar una app para WIX que tiene su versión gratuita y que va a ser suficiente para nosotros.

Utilizaremos la app 123 Form Builder, que en la versión gratuita nos va a permitir la creación de formularios de hasta 10 campos y el envío de hasta 100 veces el formulario al mes.

 

 

2.- Instalar la app 123 Form Builder de WIX e insertar formulario

 

En primer lugar iremos a la página del sitio web en el que queremos añadir el formulario de contacto.

Para instalar esta app de formulario de contacto en WIX, iremos a “Agregar apps” en el menú lateral izquierdo. En la barra de búsqueda escribiremos: «123 form builder», se mostrará la app y haremos clic en el botón: “+ Agregar”.

 

 

Se instalará la app y se nos mostrará un formulario que podremos colocar en la zona de la página que queramos.

 

 

3.- Registrarse en la app 123 Form builder para WIX

 

Para poder utilizar todas las funcionalidades de la versión gratuita de esta app, es necesario crear una cuenta en 123 Form Builder.

Para ello, solo tendrás que hacer clic sobre el formulario. Después, hacer clic sobre el botón “Opciones”.

En la ventana emergente, en la pestaña “Principal”, verás que aparece un enlace con el texto: “or Crear cuenta”.

 

 

Haz clic en el enlace, y en la ventana emergente introduce email, clave y haz clic en el botón: “Acepta y Regístrate”.

A continuación, tu app se conectará automáticamente con tu cuenta.

PRUEBA WIX GRATIS

 

 

4.- Gestión de campos del formulario con WIX

 

Para la gestión de los campos del formulario de contacto de WIX haremos clic sobre el formulario y después sobre el botón: “Opciones”.

En la ventana emergente, haremos clic en la pestaña: “Formularios”. De las diferentes plantillas para formulario que se muestran, podemos hacer clic en la que más se parezca al formulario que queremos realizar. Por ejemplo, podemos hacer clic en la plantilla: “Formulario de contacto” (que seguramente ya la tendrás marcada por defecto).

Ahora, haremos clic en el botón: “Personalízalo”.

 

 

Se nos mostrará una pantalla en la que al lado derecho aparecerá el formulario en construcción y en el izquierdo los diferentes campos que se pueden añadir al formulario.

 

4.1.- Cómo eliminar un campo formulario Wix

 

Para eliminar un campo, haz clic sobre dicho campo en lado derecho. En ese momento te aparecerá en el lado izquierdo las opciones de edición de ese campo. Haz clic en el botón: “Borrar”

 

4.2.- Editar un campo formulario Wix

 

Para editar un campo, haz clic sobre él en el lado derecho de la pantalla, y se te mostrarán las diferentes opciones de edición de ese campo en el lateral izquierdo como: duplicar, eliminar, nombre etiqueta, validación: campo requerido, etc.

 

 

4.3.- Añadir un nuevo campo tipo checkbox

 

Vamos a ver cómo añadir un campo tipo checkbox para cumplir con la RGPD. El procedimiento para añadir cualquier otro campo es el mismo.

En el lateral izquierdo buscaremos un campo tipo: “Opción múltiple”. Haremos clic sobre él con el botón izquierdo del ratón y lo arrastraremos hasta la posición en la que queremos que se muestre.

A continuación, haremos clic sobre dicho elemento en el lado derecho de la pantalla y se nos mostrarán en le lateral izquierdo las diferentes opciones de edición.

 

 

En el lateral izquierdo podremos el ratón sobre “Choice 2” y haremos clic en el aspa para eliminar esta opción. Lo mismo con “Choice 3”, ya que solo queremos un checkbox.

Ahora, haremos clic sobre “Choice 1” y cambiaremos el texto por: “He leído y acepto la política de privacidad” o similar.

A continuación, un poco más abajo, marcaremos la opción: “Campo requerido”, para que sea obligatorio marcar este checkbox. Arriba, en el campo “ETIQUETA”, cambiaremos “opción múltiple” por “Consentimiento”.

Una vez hayas realizado todas las modificaciones en los campos, haz clic en el botón “Publicar”

 

 

 

5.- Configuraciones del formulario de contacto con WIX

 

Vamos a ver ahora las principales opciones de configuración del formulario de contacto de Wix, con la app 123 Form Builder.

En “Opciones” del formulario, en la pestaña: “Ajustes”, encontraremos las opciones de configuración como:

 

a.- Destinatarios de la notificación: haz clic en el enlace: “Añadir/modificar el email del destinatario” para gestionar a los correos a los que se enviará el formulario.

Te aparecerá un usuario por defecto, con el que créate la cuenta, pero puede añadir más, quitar el que viene por defecto, o lo que quieras.

b.- Mostrar texto (introducir texto): aquí puedes poner el texto que se mostrará a los visitantes cuando envíen correctamente el formulario. Un texto del tipo: “Su mensaje ha sido enviado correctamente, en breve, nos pondremos en contacto con usted”.

 

Si haces clic en: “Ver más ajustes”, podrás personalizar el asunto del email, contenido, etc.

 

 

6.- Opciones de diseño del formulario de contacto de WIX

 

Puedes modificar el diseño del formulario a tu gusto. Para lo que tenemos dos opciones.

 

a.- Estructura: en “Opciones” y primera pestaña de “Diseño” tienes diferentes opciones para estructurar el formulario en cuanto a la posición de etiquetas y campos. Ubicaciones de la etiqueta, Instrucciones Colocación, etc.

b.- Diseño colores: en “Opciones” y la segunda pestaña “Diseño”, haz clic en el botón: “Personalizar el Tema” y accederás a una pantalla para definir todos los detalles de diseño de las diferentes partes del formulario de contacto.

 

 

7.- Añadir texto RGPD al formulario de contacto bajo el botón de envío

 

Debajo del formulario tendrás que agregar un elemento Wix tipo texto, para mostrar el texto informativo de la primera capa que obliga a mostrar la RGPD.

Cómo son el texto del responsable, Finalidad, Legitimación, Destinatarios, y Derechos

También deberías añadir un enlace a la política de privacidad, ya que no es posible añadirlo en el texto del checkbox que añadimos al formulario.