Elemento Formulario de Contacto

Acerca del Formulario de Contacto  

Un Formulario De Contacto funciona como un formulario basado en la web que permite a los propietarios de tiendas recopilar información de sus clientes. Estos formularios no solo facilitan las consultas de los clientes, sino que también desempeñan un papel crucial en el marketing al atraer clientes potenciales y expandir la base de clientes.

En comparación con la versión 6, el elemento de formulario de contacto en la versión 7 permanece relativamente sin cambios. Este artículo le guiará a través del proceso de configuración y proporcionará información sobre los elementos secundarios incluidos.

Agregar el Formulario de Contacto a su Página

La Formulario de Contacto es un elemento flexible y puede utilizarse en cualquier página siguiendo los pasos a continuación

Paso 1Acceda al Panel de Control de GemPages seleccione una página para editar o cree una nueva.

Paso 2Dentro de la barra lateral izquierda, localice el elemento Formulario de contacto y agréguelo a su ubicación preferida en la página.

El elemento Formulario de Contacto está completamente equipado con todos los componentes necesarios para operar como un formulario de recopilación de información del cliente. No se requieren ajustes para que funcione en su página en vivo. 

Sin embargo, si desea mejorar el diseño del formulario, GemPages proporciona varios elementos secundarios adaptables.

Elementos Secundarios

La Formulario de contacto viene con varios elementos secundarios. Estos elementos secundarios deben colocarse dentro del Formulario de contacto para funcionar correctamente. A continuación se presenta la lista de los elementos secundarios del Formulario de contacto :

• Bloque de texto: Utilice este elemento para agregar contenido estático como etiquetas, instrucciones o notas dentro de su formulario.
• Campo de texto: Proporcione un espacio para que los clientes ingresen cualquier tipo de información.
• Campo de correo electrónico: Permita que los clientes ingresen sus direcciones de correo electrónico.
• Área de texto: Funciona de manera similar al campo de texto pero ofrece un área de entrada más amplia.
• Botón enviar: Este botón es crucial para que los clientes hagan clic para enviar el formulario.

La Campo de correo electrónico y Botón de enviar son componentes esenciales que deben incluirse en un formulario de contacto para funcionar correctamente. 

Si tiene intención de utilizar estos elementos dentro de un módulo de producto, es recomendable utilizar el Campo personalizado del producto .

Configurar la pestaña Configuración

Mensaje

Esta sección de Mensaje es donde ingresa el mensaje que se muestra una vez que sus usuarios envían el formulario exitosamente, y otro para casos de error. Además, puede cambiar el color de cada mensaje. 

De forma predeterminada, los mensajes se mostrarán como:

• Éxito: Gracias por contactarnos. Nos pondremos en contacto con usted lo antes posible.
• Error: No se puede enviar el correo electrónico. Inténtelo de nuevo más tarde.

Tamaño

En esta sección, puede ajustar el ancho y el relleno de su formulario de contacto según lo prefiera.

Por ejemplo, , establecemos el espaciado inferior en 100.

Fondo

Establezca el color de fondo para el elemento como degradado o sólido.  

• Puede elegir entre colores recientes lista o el “Sugerido para ti” lista para una configuración rápida. 
• De lo contrario, Introduzca el código de color, Seleccione de la muestra de color o utiliza el selector de color para elegir un color de cualquier parte de la página.
• Ajuste la intensidad del color ingresando un número en el cuadro al lado del código de color para una mejor visualización.

Tenga en cuenta que el color de fondo se establecerá únicamente para el elemento secundario del bloque de texto.

Forma

Para personalizar la forma del elemento, desplácese hacia abajo hasta la Forma sección. Desde aquí, puede agregar un borde, ajustar el radio de la esquina y añadir un efecto de sombra para mejorar la jerarquía visual del formulario de contacto.

• Borde: Cambie el color y el grosor y seleccione el trazo para el borde.

• Esquina: Ajusta el radio de las esquinas del borde del elemento. Cuanto mayor sea el radio, más redondeadas se verán las esquinas.

• Sombra: Ajuste el radio de las esquinas del borde del elemento. Cuanto mayor sea el radio de las esquinas, más redondeadas aparecerán las esquinas.

Acción Después de Enviar

Acción: Determine si prefiere guiar a los usuarios a una página de destino designada o mantenerlos en la página actual al completar el envío del formulario, incluyendo:

• Permanecer en la página: Sin acción después del envío
• Abrir página: Una vez enviado exitosamente, los usuarios serán redirigidos a otra página
• Desplazarse a: Desplazarse a una sección objetivo en su página
• Enviar correo electrónico: Se enviará un correo electrónico automáticamente una vez que los usuarios envíen el formulario
• Hacer una llamada telefónica: Realizar una llamada telefónica después de que los usuarios presionen Enviar Formulario

Por ejemplo, , si decide enviar a los clientes a otra página, seleccione “Abrir página” desde el desplegable.

Luego, haga clic en el campo “Agregar…” al lado del Página/Enlace para abrir el panel de páginas, donde puede insertar un enlace de destino o elegir entre las opciones disponibles en la lista.

Configurar la pestaña Avanzada

Para una personalización más avanzada, navegue a la pestaña Avanzada y siga las instrucciones en este artículo.

Acceder a los Envíos de su Formulario

Todos los formularios completados se reenviarán a su bandeja de entrada de correo electrónico. Según su proveedor de servicios de correo electrónico, es posible que también desee consultar la Basura or Spam Carpeta para cualquier correo electrónico extraviado.

Para localizar o modificar la dirección de correo electrónico de destino dentro de Shopify, siga estos pasos:

• Navegue hasta su Administración de Shopify y luego proceder a Configuración> Notificaciones. 
• Si desea actualizar la dirección de correo electrónico, simplemente ingrese el nuevo correo electrónico en el espacio designado. “Correo electrónico del remitente” .
• Haga clic en el elemento "Guardar" Botón para confirmar los cambios.

Activar/Desactivar Google ReCAPTCHA

Como tecnología de protección contra spam, Google reCAPTCHA está activado por defecto para todas las tiendas de Shopify. Esto significa que los clientes tendrán que completar una prueba de reCAPTCHA cada vez que quieran enviar un formulario.

Si lo desea, puede desactivar esta política de seguridad para hacer que el llenado de formularios sea más rápido para sus clientes.

Diríjase a Administración de Shopify > Tienda en línea > Preferencias, desmarque las dos opciones debajo de Protección contra correo no deseado sección, luego haga clic en “Guardar".