Crear un formulario de contacto en Wordpress (Contact Form 7) | Programador Web Valencia

Crear un formulario de contacto en Wordpress (Contact Form 7)

1 minuto

En el siguiente tutorial vamos a implementar un formulario de contacto, una pieza clave en cualquier web que quiera mostrar cierta calidad. Nos da igual que sea una tienda, un portafolio, un blog, una empresa o un anuncio; en todos los casos anteriores necesitaremos que el cliente pueda comunicarse. Desde asistencia técnica a pedir un presupuesto. Otra opción sería dejar un e-mail, pero ni es seguro (terminaremos con mucho spam) ni es elegante. Por ello tendremos, siempre que podamos, un formulario para facilitar la tarea a nuestros visitantes.

Lo primero que haremos será instalar el plugin Contact Form 7.

Wordpress contact form 7 1

Tras la instalación aparecerá un nuevo elemento en tu menú de administrador.

WordPress contact form 7 2

Creamos un nuevo formulario pulsando Add New. Definimos el idioma.

Wordpress contact form 7 3

Le damos un nombre, y debajo definimos los campos. Pueden ser escritos siguiendo el patrón o utilizar el generador (Generate Tag)

Wordpress contact form 7 5

Si lo deseamos, podemos modificar los mensajes de error.

Wordpress contact form 7 6

Guardamos (el botón está arriba). Cuando lo hagamos nos devolverá un código similar al siguiente.

[contact-form-7 id="33" title="Nombre de tu formulario"]

Si lo quieres volver a ver, debes ir a Contact Forms. Allí estarán listado todos los formularios creados.

Wordpress contact form 7 8 Ya solo nos quedará ir a la página que deseamos que se muestre, y pegar el código anterior.

Wordpress contact form 7 9

El resultado final.

Wordpress contact form 7 10

Esta obra está bajo una Licencia Creative Commons Atribución-NoComercial-SinDerivadas 4.0 Internacional.

Atribución/Reconocimiento-NoComercial-SinDerivados 4.0 Internacional

¿Me invitas a un café? ☕

Puedes hacerlo usando el terminal.

ssh customer@andros.dev -p 5555

Comentarios

{{ comments.length }} comentarios

Nuevo comentario

Nueva replica  {{ formatEllipsisAuthor(replyComment.author) }}

Acepto la política de Protección de Datos.

Escribe el primer comentario

Tal vez también te interese...