Código completo (shortcodes) para formularios con Material Design for Contact Form 7

Pros y Contras de Material Design for Contact Form 7

Os adelantamos que Material Design for Contact Form no es la panacea. Se trata de una extensión para Contact Form 7 que crea un diseño más amable en los formularios y, en su extensión de pago, ofrece opciones interesantes como un prediseño de formulario para fondos negros u oscuros (formulario Black),  Convertir botones y casillas en interruptores;  y cambiar algún parámetro como el tamaño de letra y tipo de botón.

Os dejamos la página web del plugin en su versión gratuita del repositorio de WordPress:

Material Design for Contact Form 7

Lo menos interesante del plugin es su complejidad. Realmente la función que añade a Contact Form7 no es muy intuitiva y está basada en shortcodes que es mejor entender antes de proceder al diseño de un formulario con esta extensión.

Por otra parte el Captcha Integrado no funciona correctamente y filtra mucho spam, así que es recomendable añadirle el Captcha de Google, en particular, nosotras usamos Advanced noCaptcha & invisible Captcha  (v2 & v3) Por Shamim Hasan para añadir el Captcha de Google a nuestros formularios:

Advanced noCaptcha & invisible Captcha (v2 & v3)

Para facilitaros la tarea con este plugin para formularios, queremos compartir 4 formularios con sus respectivos códigos para copiar y pegar directamente en Contact Form 7 + Material Design for Contact Form.

Prediseños de plantillas para formularios con Material Design for Contact Form 7

Modelo de Formulario 1

[contact-form-7 id=»10626″]

Código para el cuerpo del mensaje:

NOMBRE:[your-name]
E-MAIL:[your-email]
CONSULTA: [menu-397]
CIUDAD:[your-address]
TELÉFONO:[number-584]
MENSAJE:[your-message]

Modelo de Formulario 2 (BLACK)

[contact-form-7 id=»10627″]

Código para el cuerpo del mensaje:

NOMBRE:[your-name]
E-MAIL:[your-email]
QUÉ PREFIERES: [checkbox-43] 
MENSAJE:[your-message]

Modelo de Formulario 3

[contact-form-7 id=»10632″]

Código para el cuerpo del mensaje:

Nombre:[your-name]
E-mail:[your-email]
Ciudad: [your-address]
Telefono:[number-584]
Opción: [checkbox-613]
Número: [radio-671]
Adjunto: [file-68]
Mensaje: [your-message]

Deja una respuesta

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