Como hacer una pagina de contacto en WordPress – Fácil y rápido en 4 pasos

Si lo que buscas es hacer de forma rápida y fácil, una pagina de contacto con un formulario actualizado y sin dudas de que pueda salir algo mal, entonces llegaste al lugar correcto.

Aquí te voy a enseñar la manera de hacer un buen formulario de contacto, para tu pagina de contacto (valga la redundancia) sin complicaciones ni perdida de tiempo. Es el método que estoy usando ahora mismo yo en los sitios web que administro, porque me resulto la forma mas segura. Vayamos de una vez con el tutorial paso a paso de como hacer la pagina de contacto de tu sitio web.

Crear una pagina de contacto con formulario en WordPress paso a paso

Para realizar de forma rápida y segura un buen formulario de contacto, utilizaremos el mas popular y valorado plugin de wordpress: Contact Form 7, el cual nos ayudara a crear nuestra pagina de contacto con formulario en unos minutos. A continuación el paso a paso:

Paso 1: Instalar el plugin de WordPress Contact Form 7.

Solo debes ir al panel lateral de wordpress: Plugins/añadir nuevo/ , teclear en el buscador «Contact form 7», y darle a Instalar ahora.

Paso 2: Usar el plugin (Facilisimo)

Ya instalado el plugin, nos vamos al panel lateral e iremos a: Contacto/Formulario de contacto.

Allí veremos que ya tenemos un código generado, que es un formulario para pegar en nuestra pagina de contacto.

Paso 3: Creamos la pagina de contacto

Desde el panel de WordPress creamos una nueva pagina, le ponemos el titulo que deseemos (en mi caso le pongo el nombre común de «Contacto»), y pegamos el ShortCode que nos genero el plugin (en el paso anterior):

El resultado es el siguiente (Ejemplo del mas simple):

Ahora solo es cuestión de personalizar tu pagina de contacto, yo he centrado el formulario y le puse un fondo plomo claro y ahora se ve mas estilizado, de la siguiente forma:

Esta es una pagina con un formulario de contacto, a la que según sea tu web puedes agregarle mas contenido. Por ejemplo si es una web de un negocio, puedes agregarle los datos como teléfonos, redes sociales, dirección, whatsApp, un mapa de google para la dirección, etc. Agrégale contenido según sea tu necesidad. Aquí te dejo algunas paginas de contacto para inspirarte.

Paso 4: ¡Listo! Probamos el formulario

Ya tenemos lista nuestra pagina de contacto, ahora lo único que falta es probarlo. Puedes escribir como prueba, un nombre y correo ficticio con un titulo y un mensaje simple. veras que este es enviado inmediatamente a tu correo.
¿Cual de mis correos?, Pues el correo con el que te registraste en WordPress. Allí tendrás el mensaje en la bandeja de entrada, revisalo y veras que el formulario cumple su función.
En la siguiente imagen, verán que he recibido un mensaje que me envié de prueba donde me salen los datos recaudados por el formulario. Por supuesto se pueden recaudar mas información como teléfono, dirección y otros datos de los usuarios. Eso te lo mostrare mas abajo… Sin embargo para la mayoría que buscaba realizar un formulario básico, la tarea esta cumplida.

Formulario avanzado de WordPress – Video tutorial «Contact Form 7»

Con contact Form puedes hacer algo mucho mas avanzado que el formulario realizado en los pasos anteriores, Si entras a la ventana de configuración de Contact form que esta en : Panel lateral de wordpress/ Contacto/añadir nuevo.

Desde el panel de configuración, puedes crear un formulario mucho mas personalizado con mas opciones como:

  • Añadir mas campos para pedir datos como teléfonos, dirección, cuestionario, textos extras, gestión de archivos, etc.
  • Realizar auto-respuestas para los usuarios que envíen mensajes.

Todos estos pasos completos y extensos de tratar están en el siguiente video tutorial de youtube que les recomiendo. (Hay muchos tutoriales en youtube que muestran como manejar este plugin, pero este video es de los mas completos):

Concluciones

Según sea el caso de cada sitio web, aveces es necesario hacer una pagina de contacto muy formal, y con muchas opciones de datos y diseños formales. Con el plugin Contact Form 7 se puede realizar todo lo que buscas en cuanto a un formulario de contacto. Si buscas algo mas, por ejemplo que tu pagina de contacto tenga un mapa señalando la dirección de tu tienda o empresa, entonces también puedes hacerlo fácilmente utilizando otro plugin para agregar mapas de google, o bien usando código en wordpress.

En mi caso no soy alguien que le de mucha relevancia a las paginas de contacto, me parece mas secundario y antepongo mas mi esfuerzo al contenido de los post. Por eso en mi caso no gaste mucho tiempo en la pagina de contacto y realice el mio de la forma mas simple, como mostré en los pasos anteriores. ¡Espero les aya servido!

One thought on “Como hacer una pagina de contacto en WordPress – Fácil y rápido en 4 pasos

Add Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Type to Search