Learn Shopify Cómo crear una página de contacto en Shopify (+ 5 ejemplos inspiradores)

Cómo crear una página de contacto en Shopify (+ 5 ejemplos inspiradores)

GemPages Team
Updated:
15 minutes read
Shopify contact us pages

Imagina que tu tienda de comercio electrónico alcanza su máximo histórico. Las visitas a la página aumentan, las ventas crecen y tú estás muy ocupado, pero de la mejor manera.

Esto ciertamente suena como el sueño de cualquier dueño de negocio.

Pero un gran poder conlleva una gran responsabilidad. Cuantos más clientes tenga, más servicios de preventa y posventa necesitará para brindarles a sus compradores el apoyo que necesitan.

¿Pero cómo adquieren ese tipo de servicio?

Aquí es cuando entra en juego la página Contáctenos de Shopify, que no es tan conocida.

Entre las otras páginas de Shopify que se deben tener en cuenta al configurar un sitio web, es posible que una página de contacto no sea la principal prioridad. Cuando se piensa en las ganancias y en la creación de una marca, una página Acerca de nosotros bien diseñada y una página de producto llamativa suelen eclipsar a una página de contacto.

En esta publicación del blog, le mostraremos los beneficios de este elemento simple pero poderoso para su sitio web que, con suerte, lo inspirará a prestarle la atención que merece. Alerta de spoiler: es la clave para la satisfacción del cliente y para construir un vínculo sólido con sus clientes.

¿Qué es una página de contacto?

Un ejemplo de una página de contacto de Shopify

Este es un ejemplo de una página de contacto de Shopify

Una página de contacto es un lugar de su sitio web donde los visitantes y clientes tienen la opción de comunicarse con usted para responder sus preguntas, ya sea a través de direcciones de correo electrónico, formularios, números de teléfono, canales de redes sociales o la ubicación de su tienda. Por lo general, se puede encontrar en el menú de navegación de su sitio.

En esta página no se ve mucha información, aparte de los medios esenciales y los espacios en blanco para que los clientes completen sus consultas. Por lo tanto, una página de contacto debe incluir instrucciones claras y el mismo diseño que el resto de la tienda.

¿Por qué necesita una página de contacto?

De manera similar a navegar en un centro comercial, la mayoría de las veces, el factor determinante que lo impulsa a comprar en esta tienda pero no en la otra cuando las dos ofrecen la misma línea de productos es la atención del personal a sus preguntas.

Al ofrecer a sus clientes un medio de comunicación con su tienda, se generará confianza de forma natural, lo que le dará una ventaja sobre sus competidores.

Esta metodología se puede aplicar tanto a clientes potenciales como a los existentes.

Durante la preventa, los visitantes tendrán más probabilidades de finalizar el proceso de compra si sus inquietudes sobre sus productos son respondidas con prontitud. Con la posventa, cualquier problema relacionado con las compras de sus clientes le será comunicado de manera más eficiente a través de un formulario de contacto.

De esta manera, podrá encontrar una solución más rápidamente. Esto también es una forma eficaz de prevenir una mala crítica.

¿Qué debe incluir una página de contacto?

Como ya se ha mencionado, una página de contacto no necesita estar decorada para captar la atención del visitante. Por lo general, deciden visitar esta página porque tienen una pregunta en mente.

A continuación encontrará algunas sugerencias sobre qué información podría incluir en su página Contáctenos.

Toda la información de contacto esencial

No hace falta decirlo, pero una página Contáctenos es básicamente inútil si no hay formas reales para que sus clientes se comuniquen con usted.

Como tienda online sin una ubicación física, es imprescindible ofrecer medios para que sus clientes puedan comunicarse con usted virtualmente. Esto incluye direcciones de correo electrónico, un número de teléfono comercial y cualquier canal de redes sociales activo.

Captura de pantalla de la página Contáctenos de Callaloo Box.

Un ejemplo de una página Contáctenos que incluye toda la información esencial.

Un formulario de contacto

Hay muchas formas de abordar su página de contacto. Agregar un formulario que sus clientes puedan completar sin tener que hacer el esfuerzo de enviar un correo electrónico manualmente simplifica toda su experiencia.

Si decide integrar un formulario en su página de contacto, asegúrese de que sea sencillo y sin complicaciones. Intente omitir los campos redundantes y utilice menús desplegables para que el proceso sea rápido y sencillo. Después de todo, el tema más importante que les preocupa tanto a usted como a sus clientes es el problema o la pregunta que tienen.

Dependiendo de cómo funcione su negocio, si un pedido se puede encontrar fácilmente con un número de pedido, es una buena idea ponerlo como un campo opcional en el formulario de contacto.

Captura de pantalla del formulario de contacto de Callaloo Box.

Un formulario de contacto simple con un menú desplegable.

Una sección de preguntas frecuentes

Cada cliente navega por su tienda de forma diferente. Es posible que uno tenga una pregunta y se encuentre con la página Contáctenos antes que con la de Preguntas frecuentes. Cuando están a punto de completar el formulario o llamar a su empresa, una sección de Preguntas frecuentes puede resultar muy útil y ahorrarles mucho tiempo a ambas partes.

A medida que su negocio avance, podrá observar y compilar una lista de preguntas similares que tengan muchos de sus compradores. Esta es una buena base para crear su propia página de preguntas frecuentes.

Puede fusionar la página Contáctenos y la página de Preguntas frecuentes o tener una página de Preguntas frecuentes separada y vincularla con su información de contacto.

Captura de pantalla de la página Contáctenos de Chews Life.

Una sección de preguntas frecuentes se encuentra en la parte inferior de la página Contáctenos de esta tienda.

El ejemplo anterior divide sus preguntas frecuentes en diferentes categorías, desde envíos hasta tipos de productos. De esta manera, los clientes pueden encontrar exactamente lo que buscan en el momento sin tener que esperar una respuesta.

Captura de pantalla de la página Contáctenos de sweetieskin.

Una nota para consultar sus preguntas frecuentes antes de continuar con el formulario.

Una nota simple en la parte superior de la página Contáctenos de esta empresa con el enlace a sus preguntas frecuentes es una buena táctica para ayudar a los clientes a autogestionarse y evitar preguntas inútiles.

Aprenda a crear su propia página de preguntas frecuentes con GemPages aquí: Cómo crear una página de preguntas frecuentes

Enlaces útiles

Mencionamos la versátil sección de preguntas frecuentes anteriormente, pero hay un montón de otros enlaces útiles que puedes incorporar a tu página Contáctanos.

Si ofrece más de un medio de atención al cliente, es una buena idea informar a sus clientes sobre estas características.

Captura de pantalla de la página Contáctenos de Evolve.

Los enlaces útiles se colocan estratégicamente junto a la información de contacto de esta tienda.

Añadir un mapa de Google

Esta función es increíblemente conveniente si tienes una dirección física. En el caso de productos como velas aromáticas o cosméticos, la mayoría de los clientes prefieren probarlos en persona antes de realizar una compra. Con la inclusión de la dirección de la tienda y un mapa virtual, puedes ofrecer a tus compradores potenciales la opción de comprar los productos en la tienda y recibir asistencia instantánea de ti o de tu personal de ventas, en lugar de contactarte por correo electrónico.

Con un clic del mouse (o, en términos móviles, un toque del dedo), su comprador es informado de la ubicación de su tienda y cómo llegar.

Captura de pantalla de la página Contáctenos de Big Street Bikers.

Esta tienda agrega un mapa de Google en la parte inferior de su página Contáctenos.

¿Cómo crear una página de contacto en Shopify?

A continuación se muestra una guía condensada sobre cómo agregar una página de Contáctenos en Shopify , según las instrucciones del Centro de ayuda oficial de Shopify.

  1. En el panel de administración de Shopify, vaya a Tienda en línea > Páginas .
  2. Haga clic en Agregar página .
  3. En el cuadro Título, agregue un título para su página de contacto (Contáctenos, Ayuda, Soporte, etcétera).
  4. En el cuadro Contenido, escriba el texto que desea que aparezca encima del formulario de contacto o deje esta sección en blanco.
  5. En la sección Tienda en línea, seleccione “Contacto” en el menú desplegable Plantilla de tema y haga clic en Guardar.

Más información : Cómo crear un formulario de contacto de Shopify con GemPages

Los mejores ejemplos de páginas de contacto de Shopify de los que aprender

Ahora, veamos qué están haciendo los chicos geniales. Repasaremos 5 ejemplos de páginas de contacto en Shopify y destacaremos lo que nos gusta de ellas.

Cómo hacer un pastel

Captura de pantalla de la página Contáctenos de How to Cake It.

How to Cake It lo mantiene simple y directo con su página Contáctenos.

Yolanda Gampp es una repostera y diseñadora de pasteles autodidacta con múltiples talentos, propietaria de un canal de YouTube galardonado llamado 'How to Cake It' y creó su propia tienda de comercio electrónico en Shopify con GemPages . Todo el sitio web transmite una atmósfera refrescante y colorida, y la página de contacto no se queda atrás. Al mantenerlo breve y conciso con dos direcciones de correo electrónico y enlaces a sus canales de redes sociales, Yolanda y su equipo pueden ofrecer asistencia sin que ninguna otra información innecesaria se interponga en el camino.

Tener dos direcciones de correo electrónico independientes para distintos propósitos es una decisión brillante para ahorrar tiempo a la hora de ordenar sus correos electrónicos.

No dejes que la falta de habilidades de diseño te detenga
Pruebe el editor intuitivo de arrastrar y soltar de GemPages para crear una página de contacto de forma sencilla y eficaz. No se necesitan conocimientos de diseño ni codificación.

Pegatina fantasma

Grabación de pantalla de la página Contáctenos de Sticker Phantom.

Sticker Phantom agrega la sección de preguntas frecuentes en la parte inferior de su página Contáctenos.

Sticker Phantom garantiza que los clientes recibirán la asistencia que necesitan. El mensaje transmite una sensación de sinceridad, mientras que el formulario se mantiene conciso con botones de opción y reCaptcha. Toda la información esencial se encuentra junto al formulario, con una sección de preguntas frecuentes en la parte inferior de la página.

En cuanto al diseño, se mantienen fiel al tema al mantener un agradable contraste entre los textos y el fondo con dos componentes de color principales.

Preparar té azul

Grabación de pantalla de la página Contáctenos de Brew Blue Tea.

Brew Blue Tea incorpora elementos visuales y botones CTA claros en su página Contáctenos.

Brew Blue Tea también elimina el uso de un formulario de contacto y decide agregar una nota en la parte superior de su página Contáctenos que alienta a los clientes a enviarles un correo electrónico y/o consultar las preguntas frecuentes y les indica cómo hacerlo.

Combinan un componente visual llamativo con un botón de llamada a la acción para su producto. Esto hace que la página de contacto sea más atractiva, a la vez que se mantiene elegante y en sintonía con el resto de la tienda.

Cubo atrevido

Grabación de pantalla de la página Contáctenos de BoldCube.

BoldCube ofrece un mensaje personal en la parte superior de su formulario de contacto con varias opciones para comunicarse con ellos.

BoldCube ofrece una amplia gama de patinetes para niños, pero sabe que su público objetivo son los adultos. A menudo, son padres que tienen preguntas e inquietudes antes o después de comprar los productos para sus hijos.

La empresa ofrece varias formas de contactarlos, a través de un formulario, correos electrónicos, chat en vivo y canales de redes sociales.

El formulario de contacto tiene un segmento exclusivo "Me siento..." con un menú desplegable. Se trata de una táctica inteligente para examinar un gran volumen de correos electrónicos y clasificarlos.

Estudios Esse

Captura de pantalla de la página Contáctenos de Esse Studios.

Esse Studios eligió un enfoque minimalista para su página Contáctenos.

Fiel a su marca, Esse no intenta incluir toda la información en su página de contacto, sino que opta por un estilo minimalista que rezuma mucho estilo.

Se incluyen todos los datos necesarios: dirección de correo electrónico, formulario de contacto y ubicación de la sede central. El formulario también se mantiene lo más breve posible, con solo dos campos para completar.

Si tu marca tiene una onda similar a Esse, puedes aprender de ella y agregar tu estilo para crear tu propia página Contáctanos.

Consejos y trucos para la página de contacto de Shopify

Ahora que ya conoce los pasos a seguir para crear una página de contacto, vayamos directo al grano y elevémosla aún más. Por supuesto, no tiene que seguir los siguientes consejos al pie de la letra, ya que son solo sugerencias. Al fin y al cabo, usted es quien mejor conoce su negocio.

Colóquelo en un lugar fácil de ver

El objetivo final de una página de contacto es brindar una atención al cliente exitosa. Lamentablemente, el servicio de asistencia no podrá comunicarse con ellos si no pueden encontrar la página en primer lugar.

Si consideramos el diseño del sitio web en su conjunto, cada página debe ser fácil de explorar y navegar. No conviene ocultarlas bajo títulos extraños y varias capas de un menú oculto.

La regla general es colocar la página en el encabezado o pie de página de su tienda bajo “Contáctenos”, “Soporte” o “Ayuda”.

Captura de pantalla de la página de inicio de Bhu Foods.

Bhu Foods coloca su página de Contacto en el encabezado.

Si opta por un diseño web más minimalista con menos texto visible en la página de inicio, la página Contáctenos se puede colocar en un menú de hamburguesas, generalmente en la parte superior izquierda o derecha de la barra de navegación.

Incorporar botones de llamada a la acción

La información de la página de contacto es bastante concisa. Sin embargo, los visitantes primerizos pueden tener problemas para navegar por su tienda en línea. Para minimizar esto, incluya botones de llamada a la acción para que sus clientes sepan exactamente dónde ir y en qué hacer clic.

Captura de pantalla de la página Contáctenos de ohsnap.

¡Ohsnap! coloca botones de CTA claros e instrucciones en su página Contáctenos.

Esta tienda les dice a sus clientes exactamente qué hacer y utiliza botones de llamada a la acción muy claros para los problemas más comunes y enlaces útiles. Hay un contraste marcado entre los colores de los textos y el fondo, lo que la hace imperdible.

Tenga en cuenta que los clientes pueden llegar a esta página con una actitud enojada, lo último que querrá hacer es dificultarles la experiencia y hacer que se sientan confusos. Oriéntelos con palabras sinceras y simplifique su experiencia lo máximo posible.

Verifique dos veces su información

Un error en el número de teléfono móvil de su empresa o la falta de un carácter en su correo electrónico pueden tener consecuencias perjudiciales para su marca. Un cliente molesto que tiene un problema con su producto ahora tiene otro con su sistema de soporte.

Al gestionar un negocio unipersonal, es posible que te sientas abrumado por la cantidad de trabajo que hay que hacer. Por lo tanto, es inevitable que se produzcan errores, lo queramos o no. Al fin y al cabo, somos humanos (¡gracias a Dios que la IA no ha descubierto cómo gestionar un comercio electrónico por sí sola, ufff!).

Sin embargo, estos errores pueden reducirse si adquiere el hábito de verificar dos o tres veces toda la información antes y después de publicarla en su sitio. Es muy recomendable poner todos los puntos sobre las íes y las tildes sobre las tes.

Si no eres un hablante nativo de inglés y operas un negocio de comercio electrónico en un país de habla inglesa, herramientas como Grammarly y Hemingway pueden mejorar enormemente tus habilidades lingüísticas y ayudarte a escribir en un tono más natural.

Considere un diseño optimizado para dispositivos móviles

Hace unos meses, publicamos un artículo sobre optimización para dispositivos móviles y destacamos que el m-Commerce ya no es una cosa del futuro, sino del presente. Transformar su sitio web con la mira puesta en la optimización para dispositivos móviles es lo que lo diferenciará del ciudadano medio.

Esto se aplica a todas las páginas de su sitio, incluida la de Contáctenos. La pantalla de un teléfono móvil es solo una fracción del tamaño de una pantalla de computadora. Las personas también lo sostienen verticalmente y hacen todo con sus confiables pulgares e índices. Por lo tanto, su página de Contáctenos también debe adaptarse a este cambio.

Por ejemplo, un formulario de contacto requiere que los clientes lo escriban manualmente. Si hubiera muchos campos para completar, sería complicado para los compradores completarlo en un teclado virtual.

Nuestro consejo para usted sería que reduzca la cantidad de campos de formulario, agrande la fuente, utilice menús desplegables y botones de opción y coloque los botones de CTA estratégicamente para captar la atención de sus clientes. Menos es más en la optimización para dispositivos móviles, especialmente con funciones que requieren acciones de sus compradores.

Cree su página de contacto con las plantillas prediseñadas de GemPages

Hemos hablado mucho sobre lo que una página de contacto bien diseñada puede hacer por usted, y no lo dejaremos ahí. Para aliviar la carga de trabajo de los hombros de los comerciantes (sabemos que tiene las manos ocupadas con un montón de otras tareas), GemPages le presenta nuestras plantillas de página de contacto de Shopify y bloques personalizables.

Una plantilla multifacética para cada necesidad

Captura de pantalla de la plantilla Contáctenos de GemPages.

Esta plantilla tiene todo lo que necesitas para crear tu propia página Contáctenos.

A simple vista, esta plantilla tiene un gran impacto, y sin duda lo tiene. Hay un lugar para incluir toda la información que desea que vean sus clientes. Una imagen de encabezado de pantalla completa le permite mostrar de qué se trata su negocio, con un cuadro de texto personalizable en la parte superior. Hemos colocado el formulario de contacto y su información uno al lado del otro para minimizar el desplazamiento adicional. La sección de preguntas frecuentes incluida está lista para funcionar tan pronto como haya tenido el honor de completarla.

Captura de pantalla de las preguntas frecuentes en la plantilla Contáctenos de GemPages.

La sección de preguntas frecuentes se puede encontrar en la misma página que su información de contacto.

Esta plantilla integral también contiene una sección para atraer la atención de sus visitantes hacia su contenido de redes sociales y, por supuesto, un mapa de Google en la parte inferior para realizar búsquedas fácilmente si también es propietario de un negocio físico.

Si esta plantilla parece ser de su interés, haga clic aquí para obtener una vista previa de nuestras versiones para computadoras de escritorio, portátiles, tabletas y dispositivos móviles.

Una plantilla que muestra tu agradecimiento

Captura de pantalla de la plantilla Contáctenos de GemPages 2.

Sus clientes pueden navegar rápidamente por la ubicación de su tienda con esta plantilla.

Nuestra segunda plantilla tiene elementos similares a la primera, con un mapa, información de contacto básica y un formulario de contacto simple. Sin embargo, también tiene un bloque especial para que muestres los comentarios de tus clientes mientras usan tus productos en forma de imagen, como una versión en miniatura de Instagram.

Captura de pantalla de la plantilla Contáctenos de GemPages 2.

 La personalidad de tu marca puede brillar con esta función.

Agregar reseñas y testimonios de clientes es una estrategia comercial antigua, pero siempre efectiva. Hay más de una forma de ubicar esta sección. La página Contáctenos es definitivamente un rincón sorprendente y relevante para incluirla. Después de todo, es una presentación perfecta para mostrarles a sus clientes que le importan sus opiniones.

Cualquier certificado e insignia también tiene una mención en la parte inferior de esta plantilla.

Mejora tu juego de comercio electrónico con esta práctica plantilla de Contáctenos aquí .

Más opciones para explorar con nuestros bloques personalizables

Valoramos la versatilidad de nuestros productos, por lo tanto, nuestras plantillas no solo sirven para crear una página independiente que proporcione la información de contacto de su empresa a sus clientes. También contamos con una colección de las denominadas opciones de "minidiseño" en nuestra biblioteca.

¿En qué se diferencian de las plantillas principales que aparecen arriba? En pocas palabras, son pequeñas secciones de una página de contacto completa (formulario de contacto, mapa, canales de redes sociales, etc.).

Estas secciones pueden 1) agregarse a una página existente (por ejemplo, la página Acerca de nosotros ) o 2) reemplazar una sección similar en las dos plantillas principales que haya elegido.

Con estos bloques, puedes cambiar y modificar o eliminar cualquier parte que creas que no encaja bien con tu marca. La receta para tu página de contacto perfecta está al alcance de tu mano. Visita nuestra biblioteca de GemPages para verla más de cerca.

Captura de pantalla de la biblioteca GemPages.

Estos bloques son justo lo que necesitas para llevar tu página Contáctenos aún más lejos.

¿Tu tienda necesita algunas novedades?
Explora la biblioteca de plantillas y bloques increíbles de GemPages para ver qué funciona mejor para tu tienda. No se necesitan habilidades de diseño ni codificación.

Cómo utilizan nuestras plantillas los vendedores de Shopify

Una plantilla deslumbrante le da más carácter a su página de contacto. Las tiendas que se muestran a continuación utilizaron nuestras plantillas disponibles y bloques personalizables para transformar sus páginas de contacto. Veamos cómo lo hicieron.

Muestre la ubicación física de su negocio

Hemos destacado el uso de Google Maps para ayudar a los clientes que prefieren comprar en persona. Este diseño es uno de los pocos en la biblioteca de GemPages que facilita la incorporación de un mapa a su página de contacto.

También eres libre de poner cualquier información que se ajuste a tus necesidades en el espacio restante al lado del formulario de contacto.

Esta plantilla es perfecta para su tienda física.

Captura de pantalla de la página Contáctenos de The Living Café.

Esta tienda adapta nuestra plantilla para mostrar tanto su información de contacto virtual como física.

Opte por lo clásico con un diseño de dos bloques

Con esta sencilla plantilla, sus clientes tendrán menos probabilidades de verse abrumados por un montón de textos. Si su sitio web está en su fase inicial, esta plantilla concisa y su anexo son un complemento práctico para transmitir toda la información esencial de forma clara.

Captura de pantalla de la página Contáctenos de Hava Sand.

Mantenlo simple con información mínima y un formulario de contacto.

Tome la ruta minimalista

Si desea mostrar la personalidad de su marca a través de un elemento visual estéticamente agradable e información básica, esta plantilla podría ser la elegida.

Con nuestra opción de personalización, usted tiene control total sobre qué exhibir y qué campos incluir y omitir.

Captura de pantalla de la página Contáctenos de Refined Co.

Añade tu toque personal a la página Contáctenos con esta plantilla.

El resultado final

Hacer que sus clientes se sientan bienvenidos incluso antes de que reciban la ayuda que necesitan es la piedra angular de un excelente servicio al cliente. La gente tiende a confiar en los profesionales o en los recién llegados que lo hacen bien. No importa en qué etapa del viaje empresarial se encuentre, puede comenzar a crear (o mejorar) su página de contacto hoy mismo. GemPages tiene como objetivo ayudarlo a lograr la mejor página de contacto de Shopify , así que ¿a qué está esperando?

Preguntas frecuentes sobre la página de contacto de Shopify

Topics: 
Shopify pages
FAQs about Shopify Tutorial
What should be included in a Contact Us page?
All the essential information, a contact form, useful links, a FAQ section, and a Google Map are some of the elements that you can include on your Contact Us page.
Should I have a contact form on every page of my website?
You can definitely add a contact form on all the pages of your website, just make sure to keep it short and sweet. Please refer to our guide on how to add a Shopify custom contact form for your online store.
How do I add a contact us button?
With GemPages, the Contact Form is a flexible element and can be used on any page, you can also create a whole Contact Us page using the Contact Form.
Step 1: Go to the GemPages Dashboard, select one of your pages and then enter the Editor by clicking on the ‘Edit’ button, or simply create a new page.
Step 2: In the left sidebar, search for ‘contact form’, then drag and drop the element onto your preferred spot. Please refer to our guide on how to add a Shopify custom contact form for your online store.

Start selling

Create your Shopify Store with $1/mo in first 3 months

Create Shopify store

Start using GemPages

Explore our brands