Tutorial WPForms: Guía paso a paso

En este artículo te voy a explicar cómo utilizar el plugin WPForms para crear un formulario de contacto.

Si estás empezando, hacer algo tan sencillo como crear un formulario de contacto puede resultar complicado.

Por eso, el objetivo de este tutorial de WPForms Lite es que puedas crear tu formulario de contacto gratis de forma sencilla y sin tocar código.

Crear un formulario con WPForms Lite

En el siguiente vídeotutorial te explico cómo crear un formulario de contacto paso a paso usando WPForms Lite (la versión gratuita de WPForms) con los típicos cambios de email, nombre, descripción y aceptación de la política de privacidad.

También te explico cómo modificar el estilo de WPForms, ya que es algo que seguramente tengas que hacer para adaptarlo al estilo de tu web.

Si quieres crear un formulario más avanzado con campos condicionales o incluso aceptar pagos a través del formulario, échale un vistazo a la versión pro de WPForms.

Cambiar el email al que se envían los correos de WPForms

Hay una cosa que me he saltado en el vídeo, y es cómo cambiar el email al que se envía el formulario. Porque por defecto los manda al email del administrador de WordPress.

Si quieres cambiar el email al que se envía el formulario simplemente editar tu formulario de WPForms y entra en:

Ajustes -> Avisos -> y donde pone «{admin_email}«, pon el email al que quieres que lleguen los correos.

WPForms ajustes email-min

Desde ahí, si quieres, puedes cambiar el asunto del email, nombre y email del remitente.

También es recomendable que en el campo de «Responder-A» uses las «etiquetas inteligentes« (haciendo clic en «Mostrar etiquetas inteligentes») para insertar el email que ponga el usuario al rellenar el formulario.

De esa forma vas a responder directamente al email del usuario.

Cambiar estilo de WPForms

Lo más probable es que también quieras cambiar un poco el estilo del formulario para adaptarlo al de tu web o blog.

En ese caso, tendrás que usar CSS Personalizado o usar algún plugin como Styler for WPForms que te permite cambiar su estilo sin tocar código.

Pero si prefieres ahorrarte un plugin, aquí te dejo el código CSS con el que puedes modificar el aspecto del formulario con un poco de CSS.

/* Estilo botón */
div.wpforms-container-full .wpforms-form button[type=submit]{
 padding:15px 40px;
 text-transform:uppercase;
 background-color:#0274be;
 color:#fff;
 transition:ease-in-out 0.3s;
} 

/* Efecto hover botón */
div.wpforms-container-full .wpforms-form button[type=submit]:hover{
 background-color:#11486b;
 color:#fff;
} 

/* Campo de Nombre y Email */
div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=email] {
 height:45px;
 Font-size:18px;
}

/* Campo de texto */
div.wpforms-container-full .wpforms-form textarea{
 Font-size:18px;
}

En el vídeo de arriba explico cómo usarlo.

Traducir WPForms del inglés al español

WPForms está traducido a varios idiomas, incluido el español, pero puede que no te detecte bien el idioma de forma automática.

En es caso lo que puedes hacer es usar el plugin Loco Translate para traducir los textos en inglés de WPForms. También lo puedes usar para cambiar algunos de los textos ya traducidos si no te convencen por lo que sea.


Hasta aquí el tutorial de WPForms, si tienes alguna duda me la puedes dejar en los comentarios.

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on telegram
Telegram
Share on whatsapp
WhatsApp

Sergio Kolomiychuk

Hago webs con WordPress para emprendedores unipersonales que no quieren lidiar con la parte técnica y de diseño. Comparto lo aprendido sobre SEO, Marketing y WordPress en mi blog y canal de YouTube.

Suscríbete al blog

Es gratis y libre de spam.

Responsable: Serhiy Kolomiychuk (Sergio para los amigos). Finalidad: Gestionar y enviar información de boletines y promociones a través de correo electrónico. Legitimación: Tu consentimiento. Destinatarios: Tus datos se guardan en MailChimp. Derechos: Tienes, entre otros, derecho a acceder, rectificar y suprimir tus datos cuando quieras.

Deja un comentario

Protección de datos