El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

WordPress: Trucos semanales

Crear formularios de contacto útiles

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
WordPress como herramienta de gestión y creación se ha convertido por méritos propios es una completa solución de desarrollo de proyectos digitales que puedes adaptar a prácticamente todo tipo de necesidades. En esta serie semanal, dedicada por completo al desarrollo de proyectos digitales empleando WordPress, verás un amplio surtido de trucos, técnicas y plugins variados con los que podrás añadir nuevas posibilidades a todos nuestros proyectos orientados al mundo web. De esta forma conseguirás ahorrar tiempo y los esfuerzo necesarios para dar con ellos, aportándonos nuevos conocimientos de aplicación directa desde el primer momento.
08:03
  Añadir a marcadores

Transcripción

Aunque parezca una sección trivial, disponer de una página de contacto es un punto clave que puede darnos más de una alegría. A fin de cuentas, la mayor parte de las veces que lancemos un proyecto en Internet, estamos buscando difusión ante un público determinado con el que buscamos establecer algún tipo de comunicación, ¿verdad? Podemos hacer páginas de contacto de cien formas diferentes y, a poco que busquemos, encontraremos un montón de sitios en los que podemos inspirarnos viendo un sinfín de ejemplos de lo más dispar. Pero todas cumplen realmente un patrón evidente: disponer de un formulario de contacto electrónico. Y es que cuanto más fácil pongamos el acceso a iniciar una conversación, la probabilidad de que tenga lugar aumentará notablemente. Es por eso que en el vídeo de hoy veremos algunas de las mejores opciones que tenemos disponibles actualmente para incorporar a nuestros proyectos formularios de contacto fáciles de crear, usables y que realmente funcionen sin dificultad. Incluir un formulario de contacto en nuestros proyectos de WordPress es tan sencillo como dirigirnos al directorio de "plugins" que tenemos en WordPress y hacer una búsqueda sencilla de este tipo de "plugins". Por ejemplo, yo tengo aquí, en el panel de administración de mi proyecto, ya el directorio y he buscado por "contact form" y tengo muchísimas opciones disponibles. Fijaos que hasta 2. 318 resultados disponibles. Para filtrar todos estos contenidos, yo os recomiendo que si estáis en la fase de búsqueda y captura de un "plugin" para incluir formulario de contacto, a menos que hayáis comprado algún tipo de tema que ya incorpore un formulario de contacto, porque los hay, existen ese tipo de temas que ya tienen disponible este formulario de contacto. Lo que yo recomiendo en este caso es que os fijéis en tres opciones disponibles. Tenemos el CformsII, también tenemos el Gravity Forms, y el que yo he usado con mayor regularidad, con mayor frecuencia, es el Contact Form 7, que actualmente cuenta con más de un millón de instalaciones activas y eso ya dice bastante de lo que viene siendo el grado de acogida que ha tenido este "plugin" dentro de la comunidad de usuarios de WordPress. Yo es el que he usado generalmente, es el que permite crear formularios de contacto de una manera bastante rápida y bastante sencilla y bastaría con instalarlo para poder empezar a trabajar con él. No tiene apenas curva de dificultad, es decir, se instala, se empieza a configurar, es muy, muy sencillo de usar. Los otros dos también los he usado en alguna ocasión, pero quizá casi por costumbre he terminado decantándome por Contact Form. También tenemos una opción que es la que me gustaría ver un poco más en profundidad, simplemente para que veamos cómo se podría añadir un formulario de contacto: es que si estamos usando Jetpack dentro de nuestro proyecto, bueno, pues, no vamos a necesitar instalar ningún "plugin" adicional. Dentro de Jetpack, dentro de las opciones que tenemos disponibles, pues, también tenemos la opción de poder incorporar formularios de contacto. En este caso, voy a dirigirme a la opción correspondiente, que la tendría dentro de Writing, vamos a hacer "scroll" un poco hacia abajo y aquí tengo la opción de Formulario de contacto: introduce un formulario de contacto en cualquier lugar de nuestro sitio. Lo que vamos a hacer es activarlo. Vamos a activarlo, vamos a esperar a que se active esta funcionalidad y en teoría ya tengo todo listo para empezar a crear formularios de contacto. ¿Dónde lo puedo hacer? Bueno, pues, puedo hacerlo en una página, en una entrada. Vamos a crear una entrada nueva, por ejemplo, 'Añadir nueva' y me voy a fijar que tengo alguna opción nueva dentro del editor. En este caso, nos fijamos que tengo este botón de Añadir formulario de contacto. Bastaría con hacer clic para empezar a crear un completo formulario de contacto. Nosotros vamos a poder ajustarlo o configurarlo tanto como necesitemos. Por defecto, viene con un campo de Nombre, viene con un campo de Correo electrónico, con un campo de Sitio web, con un campo de Comentario. Podemos modificarlos tanto como nosotros necesitemos. Podemos modificar estos que ya tenemos aquí, por ejemplo, el de Sitio web, pues a lo mejor no queremos que en el formulario de contacto aparezca este campo y lo podemos llamar, pues, por ejemplo, 'Teléfono', vamos a ponerlo. ¿Tipo de campo? Podemos poner que sea nombre, radio, texto, área de texto, web, lo que nosotros considerásemos oportuno. En este caso, podemos dejarlo de tipo texto, podemos marcarlo o no que sea un campo obligatorio. Vamos a guardarlo. Y si quisiéramos podríamos añadir también campos de tipo selector, podemos añadir un campo nuevo que sea, por ejemplo, 'Motivo del contacto'. Y en Tipo de campo, bueno, pues, podemos especificar que sea Desplegable, y escogemos las opciones. En Motivo del contacto: 'duda general', una'pregunta', por ejemplo. Guardamos el campo y aquí tendríamos las opciones: 'duda general', 'pregunta'. Podemos moverlo hacia arriba o hacia abajo, podemos eliminarlo si queremos, aquí lo tendríamos debajo de'Teléfono', por ejemplo. Ya lo tendríamos. El comentario, que sea obligatorio; el email, que sea obligatorio; el nombre, también. Vamos a pasar a la siguiente pestaña: Notificaciones por correo electrónico. En este caso, vamos a introducir la dirección de correo electrónico en caso de que quisiéramos modificarla. Es decir, si nosotros no vamos a modificar este campo, bueno, pues, las sugerencias o todos los correos electrónicos que se envíen empleando este formulario llegarían al email asociado al usuario que ha creado esta entrada. En este caso, podríamos escribirla si quisiéramos que llegase a una dirección en concreto. Guardamos y ya tendremos el formulario totalmente preparado. Haríamos clic en el botón de Añadir este formulario y todo este contenido ya lo tenemos disponible y es lo que va a representar en la parte pública nuestro formulario de contacto. No tendríamos que hacer nada más, realmente. Podemos hacer una vista previa, a ver si realmente está todo funcionando correctamente. Vamos a esperar a que cargue. Aquí tendríamos nuestro formulario de contacto: nombre, correo electrónico, teléfono, 'duda general', el comentario y podríamos llegar a incluso a enviar el formulario. Vamos a ver que podemos escribir todo lo que necesitemos, es un formulario completamente funcional. Teléfono, vamos a probar, 'Duda general'o'pregunta': "Esto sería un comentario de prueba". Damos clic en Enviar a ver qué es lo que ocurre. Realmente no tendría que dar mucho problema el uso de este el formulario de contacto. Aquí tenemos el mensaje enviado, automáticamente ya me hubiese llegado a mí la notificación por correo electrónico. Y además, lo bueno de usar los formularios de contacto dentro de Jetpack es que tengo una nueva sección dentro del panel de administración, en este caso Sugerencias, que si hago clic ahí, vamos a salir de esta página. Pues dentro de Sugerencias voy a tener todos los contactos que se han recibido a través de los formularios de contacto que yo vaya creando. Con lo cual, tenemos muchas opciones disponibles para crear formularios de contacto y esta última que hemos visto, la de usar Jetpack para crear nuestros formularios de contacto, además nos permite de una manera muy rápida y sin necesidad de "plugins" adicionales también poder incorporar esta funcionalidad y además poder gestionarla dentro del panel administración de WordPress.