Post Top Ad

Your Ad Spot

miércoles, 26 de agosto de 2020

Cómo agregar campos personalizados al formulario de contacto de Magento 2

La comunicación con los clientes es la clave para fidelizarlos. Tienes que ser paciente, positivo y receptivo. Ya hemos hablado de cientos de formas y lugares en los que puede comunicarse con los clientes. Pero, ¿cuál es la forma más eficaz para que los clientes se comuniquen con usted? ¡Descubra las ventajas de la página de contacto!
Existe una gran variedad de diferentes herramientas como chatbots, correos electrónicos, redes sociales y otras. En este artículo, decidimos prestar atención a los formularios de contacto y presentar una guía preparada para potenciar su sitio web Magento. Lea el artículo para descubrir cómo agregar campos personalizados a un formulario de contacto y obtener algunos consejos útiles para su negocio.
Tabla de contenido:
¿Qué es una página de contacto y por qué la necesita?
¿Por qué la página de contacto es importante para el SEO?
Principales sugerencias para formularios de contacto
Mejores ejemplos de páginas de contacto
Cómo agregar campos personalizados al formulario de contacto de Magento
Existe una gran variedad de diferentes herramientas como chatbots, correos electrónicos, redes sociales y otras. En este artículo, decidimos prestar atención a los formularios de contacto y presentar una guía preparada para potenciar su sitio web Magento. Lea el artículo para descubrir cómo agregar campos personalizados a un formulario de contacto y obtener algunos consejos útiles para su negocio.

¿Qué es una página de contacto y por qué la necesita?

Primero, debe hacerse una pregunta: ¿necesito siquiera una página de contacto ? Una página de contacto contiene un formulario que permite a los visitantes del sitio web ponerse en contacto con su propietario o con un equipo de soporte, según el correo electrónico al que esté conectado. El formulario de contacto consta de los campos donde los visitantes pueden ingresar un nombre, un correo electrónico para que el equipo de soporte se comunique con ellos y un tema con un mensaje.
Es posible que se pregunte por qué crear una página de contacto separada, ya que los usuarios también podrían comunicarse directamente con usted mediante el correo electrónico o el número de teléfono mencionado en el sitio web. ¿Por qué los dueños de negocios optan por las páginas de contacto? Aquí hay varias razones por las que :
  • La página de contacto protege su sitio web del spam. Imagine que desea comunicarse con la audiencia, por lo que coloca un correo electrónico en algún lugar de su sitio web. De esta manera, los spammers obtienen acceso a su bandeja de entrada y es probable que la carguen con correos electrónicos no deseados. Si no quiere pasar horas buscando un mensaje relevante, utilice el formulario de contacto para ponerse en contacto con sus clientes.
  • La página de contacto ayuda a rastrear a los visitantes del sitio web. Solo necesita establecer objetivos de conversión en el formulario de contacto y realizar un seguimiento del número de visitantes en su página de contacto. Además, puede rastrear desde dónde ingresan sus visitantes a la página de contacto y definir la forma más popular. Mediante un formulario de contacto, puede desarrollar una estrategia para convertir a sus visitantes en clientes leales.
  • La página de contacto aumenta las conversiones. ¿Cómo? Si por alguna razón, el visitante de su sitio web encuentra un problema, una página de contacto es una característica que necesita para evitar que se vaya directamente. Se encuentran con un formulario de contacto e inician una conversación buscando la solución que necesitan.
  • La página de contacto le da a su sitio web un aspecto profesional. Un sitio web sin un formulario de contacto se verá incompleto o mostrará que no sabe cómo administrar un negocio en línea. Agregándolo al sitio web, parecerá más profesional a los visitantes. Además, es más probable que los socios comerciales potenciales se comuniquen con usted a través del formulario en lugar de una dirección de correo electrónico.
Diseño web

Diseño web

Construya un futuro brillante en el comercio electrónico con diseñadores web inteligentes
VISITA LA PAGINA

¿Por qué la página de contacto es importante para el SEO?

Las páginas de contacto son necesarias no solo para comunicarse con los clientes, sino que también pueden hacer más por su sitio web. Un formulario de contacto es una de las páginas de su sitio web que puede clasificar en las búsquedas. Pero la mayoría de las empresas no incluyen palabras clave en sus páginas de contacto perdiendo una oportunidad de SEO.
Sin embargo, una página de contacto no tiene muchos lugares posibles donde puede agregar palabras clave. Como alternativa, muchos comerciantes utilizan etiquetas adicionales en el HTML de las páginas web. Los usuarios habituales de sitios web no prestarán atención a estos trucos, pero, como sabe, los motores de búsqueda tienen una comprensión limitada del contenido de la página. Haciendo páginas con Microdatos, ayudarás a Google y otros motores de búsqueda a entender qué tipo de información se da, dónde está la ubicación, cuál es el precio y aún más. Como resultado, su formulario de contacto ocupa un lugar más alto en las búsquedas y genera tráfico.
desarrollo personalizado magento

Desarrollo personalizado de Magento

Lleve su tienda en línea al siguiente nivel con BelVG Magento Custom Development
VISITA LA PAGINA

Principales sugerencias para formularios de contacto

Antes de crear un formulario de contacto para su sitio web, debe tener una visión clara del mismo. Y aquí también hay algunas reglas que debe seguir o sus visitantes no harán clic en el botón Enviar. Tenemos mucha experiencia en la creación de formularios de contacto para nuestros clientes, así como en usarlos nosotros mismos, así que aquí hay una lista de consejos prácticos para usted.
  • Simplifique lo más posible. No utilice lotes o campos, colores y detalles, nada que pueda desviar o irritar a los usuarios. No necesitan sentir que la empresa intenta que la gente se rinda y se ponga en contacto con ella en cualquier caso. Simplificando las cosas, la gente se pondrá en contacto contigo porque así lo deseen.
  • Utilice frases comunes. ¿Alguna vez ha visto formularios de contacto adecuados con frases enormes y creativas? Definitivamente no. Siga siguiendo la idea de la simplicidad: use frases clásicas como Ayuda, Contáctenos, Obtenga soporte que sean fáciles de entender para todos.
  • Evite los llamados a la acción confusos y colóquelos en lugares comunes. Recomendamos seguir las estrategias de la mayoría de las empresas: use enlaces de pie de página y encabezado para la página de contacto y no lo coloque en ningún otro lugar de la página. Pero si no se ajusta a su diseño, puede intentar encontrar su propio camino. Sin embargo, asegúrese de que sea comprensible.
  • Haga que su formulario sea compatible con dispositivos móviles. Casi todos sus visitantes utilizan escritorios con las mismas dimensiones. Si su formulario de contacto no es compatible con dispositivos móviles, corre el riesgo de perder una cantidad de clientes que no pueden comunicarse con usted desde teléfonos inteligentes o tabletas. Haz que tu formulario de contacto sea compatible con dispositivos móviles para mostrar a los clientes que te preocupas por su experiencia.
  • Evite las opciones largas del menú desplegable. Si decide utilizar menús desplegables en su formulario de contacto, recuerde que los usuarios odian los largos. Nadie busca su fecha de nacimiento durante horas. Los usuarios simplemente abandonan la página cansados ​​del menú, déjeles ingresar la información sin ninguna dificultad.
  • Utilice solo captchas simples. Todos los propietarios de negocios estarán de acuerdo en que el captcha es imprescindible para filtrar el spam y evitar problemas con el correo electrónico. Pero a pesar de esto, el captcha tiene un efecto negativo en las conversiones de sitios web. Al intentar proteger su sitio web de los spammers, no utilice captchas complejos con muchas etapas de verificación o corre el riesgo de perder clientes en el futuro.
  • Envíe un mensaje personalizado después de que se envíe el formulario. Muchos comerciantes crean formularios de mensajes listos para usar para responder a los clientes. Pero cuando las personas quieren comunicarse con una marca a través del formulario de contacto, esperan ver un interés personal de un equipo de soporte. Al enviar mensajes personalizados, tiene más posibilidades de establecer relaciones sólidas con los usuarios.

Mejores ejemplos de páginas de contacto

Un formulario de contacto con el cliente bien diseñado puede mejorar la experiencia del cliente. Cada negocio es diferente con productos y servicios únicos, así como con los clientes y sus requisitos personales. Pero todas estas páginas tienen algo en común, lo que puede ver en los siguientes ejemplos de páginas de contacto e incluirlo en su formulario de contacto en línea.

Campamento base

Basecamp es una empresa de software con sede en Chicago. Crea aplicaciones web como Campfire, Backpack y Highrise, la aplicación web de código abierto Ruby on Rails y el paquete de software Basecamp.
El diseño de la página de contacto de la empresa es un ejemplo de una forma no solo fascinante sino también funcional. Basecamp quiere crear relaciones cercanas con los clientes y demostrar que se preocupan por ellos presentando a los usuarios a los miembros del equipo de soporte. Su página de contacto tiene enlaces a su página de preguntas frecuentes y guías para los usuarios. En lugar de un campo temático en negrita, Basecamp ofrece elegir entre los problemas más frecuentes. Luego, solo necesita completar los campos de mensaje, correo electrónico y dirección URL y agregar una captura de pantalla o documento, si es necesario.
página de contacto de basecamp

Monin

Monin es un productor de jarabes, coberturas y salsas de Francia. La empresa fue fundada en 1912 y se convirtió en una marca líder en la industria de bebidas. Si visita diferentes restaurantes y clubes, es posible que haya visto bebidas Monin entre otros ingredientes en el bar.
La página de contacto de la empresa es un ejemplo de un formulario clásico que se hizo con el mismo estilo que todo el sitio web. El formulario de contacto de Monin contiene los campos más comunes donde debe ingresar su nombre, dirección de correo electrónico, el asunto de su problema y el mensaje.
página de contacto de monin

Yummygum

Yummygum es un estudio de diseño de Amsterdam, Holanda. Se centran en las interfaces de usuario, así como en los iconos de aplicaciones nativas, IOS y web. La empresa, a diferencia de lo mencionado anteriormente, ofrece un proceso de dos pasos para contactar a su equipo de soporte.
Al hacer clic en Contacto en el sitio web de Yummygum , puede elegir el estilo de conversación: formal, reunión para tomar un café e informal. Según su elección, verá diferentes formularios de contacto. Al elegir su gran proyecto, debe completar el nombre, la empresa, la dirección de correo electrónico, el presupuesto y explicar la idea, así como elegir el plazo y el tipo de proyecto. Al hacer clic en Reunión para café de pájaros y abejas, verá un formulario simple con nombre, correo electrónico y un mensaje.
página de contacto de yummygym

Dior

Dior es una marca de lujo francesa fundada en 1946. La empresa diseña y vende al por menor accesorios de moda, marroquinería, calzado, ropa, maquillaje y cuidado de la piel. La compañía tiene más de 200 tiendas físicas en todo el mundo y vende productos en línea en su sitio web.
Dior es una marca que no se centra en un producto específico. Al tener una gran cantidad de productos, la empresa tiene que dividir sus páginas de contacto de acuerdo con ella. Por ejemplo, en su página de contacto puede elegir entre Christian Dior Couture y Parfums Christian Dior. Al elegir el primero, aparece en una página de contacto detallada. Allí puede ver sus horas de trabajo y debe completar su título, nombre, ubicación, número, dirección de correo electrónico y solo luego ingrese su asunto y explique el problema. A continuación, puede iniciar un chat en línea, llamar al equipo de soporte, programar una cita con un asesor en la tienda y visitar su página de preguntas frecuentes.
¿Estás inspirado? Como ha visto, una página de contacto no es una lista aburrida de sus números de teléfono y direcciones. Cuando desee que la página funcione en su marca, debe generar ideas creativas y hacerla única.
página de contacto de dior

Cómo agregar campos personalizados al formulario de contacto de Magento 2

¿Quiere agregar un formulario de contacto a su tienda Magento? En lugar de utilizar uno ya creado, cree campos de contacto personalizados para su sitio web. Permite crear diferentes combinaciones de campos para recopilar el conjunto correcto de información sobre sus clientes. Entonces, ¿cómo puedes hacerlo?
Para crear un formulario de acuerdo con sus necesidades, la funcionalidad predeterminada de Magento 2 puede no ser suficiente. Hay varias formas de ampliar su funcionalidad.
En primer lugar, puede utilizar módulos o crear los suyos propios. Por ejemplo, creemos el módulo de contacto de BelVG:
Cómo-agregar-campos-personalizados-al-formulario-de-contacto-magento
Cree la plantilla form.phtml y agregue allí un atributo enctype = ”multipart / form-data” y nuevos campos para el departamento y la carga de archivos.
......


Agrega información para elegir el horario laboral de una tienda (que se configura en el panel de administración).

También necesitamos ingresar datos sobre las horas de trabajo. Use WorkingHours.php para eso.

Ingrese en la plantilla Horas lo siguiente:
$this->helper(BelVG\Contact\Helper\WorkingHours::class)->getWorkingHours()
Pero esta plantilla no está conectada en lugar de una estándar. Para hacer esto, agregue contact_index_index.xml .

Ahora, en un sitio web, puede ver algo como esto:
página de contacto en magento 2
Luego, necesitamos crear una plantilla de correo electrónico .
formulario de contacto en magento 2
Cómo agregar un formulario de contacto a magento 2
En la plantilla, debe aplicar el campo al departamento seleccionado.

Y luego deberías aplicar el nuevo campo.
Aplicar la plantilla al formulario de contacto
Después de enviar el mensaje, obtiene lo siguiente: 
cómo administrar el formulario de contacto en magento 2
Para procesar el archivo, necesitamos agregar Bloque , Modelo y Controlador :
cómo usar el formulario de contacto en magento
En el Bloque creamos:

En el controlador :

En el modelo :

Ahora recibe un archivo como archivo adjunto en el mensaje.

Envolviendolo

Si considera actualizar su formulario de contacto de Magento o aún no lo tiene, tenga en cuenta nuestros consejos y guías. Siga nuestras instrucciones detalladas para agregar campos personalizados en su tienda en línea Magento y obtenga ideas de los mejores ejemplos de formularios de contacto que hemos enumerado anteriormente. Si busca más información sobre cómo potenciar su sitio web, consulte nuestro blog.
¿Te gusta el artículo? Comparta sus pensamientos en los comentarios a continuación y consulte nuestra página de contacto.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas