Hoy vamos a ver como podés crear un formulario de contacto en WordPress, completamente desde cero, usando uno de los mejores plugins que hay.
Contact Form 7 no sólo es un plugin 100% GRATUITO sino que además viene genial para quienes recién empiezan en este mundo y quieren insertar en su web una vía de comunicación para con sus visitas / usuarios.
Links útiles mencionados en el video:
✅ Documentación:
Un poco de código CSS de ejemplo para el tipo de modificación que podés hacer con este plugin rápidamente: (Copiá y pegá en “CSS adicional”)
/* Modificar Formulario de Contacto */
.wpcf7 input[type=”text”],
.wpcf7 input[type=”email”],
.wpcf7 textarea
{
background-color: #ddd;
color: #000;
width: 100%;
border: 2px solid grey;
}
.wpcf7
{
background-color: #f7f7f7;
border: 2px solid #ddd;
border-radius: 10px;
padding: 15px;
max-width: 50%;
margin: auto;
}
.wpcf7 input[type=”submit”]
{
background-color: #ddd;
color: #000;
width: 100%;
border: 2px solid grey;
margin-bottom: -25px;
}
/* Media Queries */
@media screen and (max-width: 770px) {
.wpcf7 {
max-width: 60%;
}
}
@media screen and (max-width: 414px) {
.wpcf7 {
max-width: 100%;
}
La idea de este código es que te sirva de ejemplo, nada más. Vos tenés que hacer los ajustes que correspondan y empezar a jugar con los parámetros para darle estilo a tu formulario de contacto y adpatarlo…
source
This post was automatic generated with this wp-automatic-plugin
Matías, excelentes tus videos, me ayuda muchos. Gracias. ¡¡¡Sigue así!!!
Ese formulario se puede poner dentro de mi botón?
Ya puse los datos del correo pero no me llegan los correos, que problema crees que este sucediendo?
Hola buenas muy buen video, quería consultarte ya que seguí los pasos y al realizar una prueba el mensaje no se envía ( queda como cargando) no se que podre estar haciendo mal o que paso me falta.
Saludos
Buenas. Me podéis pasar el enlace al video de politica de privacidad? gracias
Hola Matias ..un lujo conocer tu canal..gracias por toda la info,,,Increibleee como explicas..Pregunta..me pasa que en modo adaptable en computadora y tablet sale bien una foto..Y en celular l no..cuando la quiero acomodar solo en celular..me modifica tanto en tablet como en computadora….Veo q hay fallo en WordPress o elementor..no se por que el programa constructor me muestra una foto ,la veo y esta todo ok..Y cuando corroboro en el celular se ve de otra forma ,deformada o corrida de lugar..sin encuadrar..pero el programa la muestra bien..no es la realidad.. Saludosss y graciasss
Una consulta ¿Por qué es más recomendable utilizar códigos y no el elementor?
Hola buenas, tengo un problemilla y no sé si podrías hacer un video o responderme. El problema es que al crear el formulario me llega mucho espam a mi correo que both haciendo mensajes, le puse lo de e leído los términos y el tic, también campos obligatorios con el teléfono. Pero aún así me están haciendo spam si me pudieras ayudar para evitar esto
Ya pusé el correo al que quiero que lleguen y no me llegan, alguien sabe como solucionarlo?
Los formularios de contact form 7 no llegan al correo que he puesto para que. Los reciba. Como puedo hacer que lleguen? Por ahora se me almacenan con el plugin flamingo, pero yo quiero que me lleguen al correo!!!
Hola Matías, vos sos un duro, gracias por todo lo que haces por nosotros, en ese plugin contact form 7 me dice que instale Flamingo para almacenar correctamente las respuestasen una base de datos y que llegan al correo, y que si no algunos podrian perderse.
Que puedes decirme sobre este plugin Flamingo?
Brillante manera de explicar algo muy útil, felicitaciones!
Hola. Gracias por excelente video…pero como se hace para pegar ese formulario en una landing page?
Hola, Matías, muy bueno el video especialmente la parte de customización con códigos.
Complementé el plugin con otro de WP mail SMTP y lo configuré según datos del hosting. Sale el correo de prueba perfecto, pero cuando quiero probar desde el formulario de la web (otro navegador y desde la pestaña de incógnito), sale mensaje de error: "Ha ocurrido un error al intentar enviar tu mensaje. Por favor, inténtalo de nuevo más tarde." recuadrado en naranja, como si fuera spam.
La verdad es que le di vueltas por todos lados pero no logro solucionarlo. Tendrías alguna idea de por dónde puede estar el error?
Mil gracias!!
Hola Matias, como pódria hacer para que las respuestas me llegue a una base de datos en vez de mi correo
hola matias ! muy bien explicado , sigo todos tus pasos pero cuando pruebo en la pagina enviar un mensaje me sale el aviso : Ha ocurrido un error al intentar enviar tu mensaje. Por favor, inténtalo de nuevo más tarde. En el panel de WP no me dice nada de ningun error . gracias
todo el video en x1.75
yo lo que quiero es crear un boton y que al pulsarlo accedan al formulario ¿ como hago=
Excelente!
Excelente!!!!!
Que me puedes decir de Flamingo? es un complemento que me arroja este plugin como sugerencia de contact form 7
EXCELENTE VIDEO TUTORIAL !!! 👍
Muy bien explicado, buen volumen, buena dicción (virtud rara en YouTube) y sin música de fondo que la mayoría de veces sólo perjudica la explicación.
Existen cientos de videos enseñando cómo crear formularios en WordPress. La mayoría lo hace con Contact Form 7, porque es un plugin muy completo y gratuito.
Lo malo de todos esos videos es que sólo ensañan lo básico y, justo, es que lo que todos ya saben. Aquí el YouTuber muestra cómo crear toda clase campos diferentes, cómo configurar los correos y sobre todo expone ejemplos desde cero.
Por eso estoy de acuerdo con la mayoría de comentarios que han opinado muy positivamente sobre este video.
Agradezco al señor Porta por compartir sus conocimientos y valiosa experiencia.
Gracias.
Bro excelente explicación, pero se puede usar con shopify este formulario para las ventas ?
Hola !! como podría ponerme en contacto con vos ?? necesito terminar mi pagina y terminar de aprender como manipularla a futuro yo solo….
Me encanto la explicación, me ayudo bastante para mi proyecto
Explicas muy bien. Te felicito!!!!
una pregunta, como fijarlo en las entradas sin que tengas que poner el shortcode cada vez?
PARA QUE ME LLEGUEN LOS CORREOS DE PRUEBA DEBO TENER LA WEB EN UN HOSTING O PUEDO HACERLO DESDE EL LOCALHOST? LO ESTOY PROBANDO DESDE EL LOCALHOST PERO LOS CORREOS ME DAN ERROR Y NO MANDA LOS FORMULARIOS. GRACIAS Y LIKE!
Cuando empiezas en wordpress y piensas en un formulario de contacto o listas de correo piensas que es tan simple como arrastar una cosa en un sitio de la web y ya. Luego te das cuenta que algo tan aparentemente tan simple es…En muchas ocasiones un quebradero de cabeza supremo. Nada tan peleagudo como personalizar un maldito formulario que parece simple en aspecto, pero que para que funcione correctamente no es simple de ninguna de las maneras.
hola buenas tardes, al hacer el formulario no me salen los titulos solo las casillas ¿ sabran el porque?, gracias por el tuto
hola, muy buen video, te consulto, sabrás por que razón no me llegan los formularios enviados a mi correo electrónico?
Excelente video !!!
Como hago para que el mensaje llegue a un email? No quiero tener que entrar a los mensajes del formulario
Gracias Matías, muy bien explicado. Contenido de gran utilidad ¡Excelente video!
Hola, muchas gracias por el video!
Una consulta, que pasa cuando no llega el cuerpo del mensaje al email? Estaba haciendo una prueba y me llega el correo pero no aparece el mensaje 🙁
La verdad, un exelente video, muy bien explicado y facil de entender. Nuevo sub👏
Ya puse los datos del correo pero no me llegan los correos, que problema cress que pueda suceder ?
Para conversar sobre su trabajo . GRACIAS.
Excelente!!!
HOLA EXCELENTE VIDEO!!… tengo una duda!!… cuando una persona esta en mi pagina y llena el formulario para enviar mensaje.. no me llegan al correo configurado… o como accedo a los correos que me envian los clientes? help me!!! =D
Hola matias… Gracias por tus aportes pero tengo una pregunta. Como hago para que salga un popup cuando el usuario vaya adquirir un producto en el cual le pida su dirección al usiario para validar la cobertura? Muchas gracias
Muchas gracias Matias por tus tutoriales, son estupendos. Una cosa solo por si puedes ayudarme, yo da igual el correo que ponga que no me llega, no se si tiene que ver con que estoy trabajando en local y no funciona Contact Form. Muchas gracias.
Gracias Matías! Muy útil y bien explicado. Gracias!
Hola Matías. ¿Se puede probar el envío de un correo estando todavía en localhost? Veo que colocas el mismo correo en los campos PARA y 'DE' …. no me quedó claro. ¿Me comentas por favor? Muchas gracias por tanto material ! !!
hola matias un saludo desde panama , sabes como hacer un formulario de registro y login para un sitio y que queden los 2 en una sola pagina el login y registro
Gracias Matías. Muy útil todo tu contenido.
Matias, estoy creando mi web, enteramente basado en tus tutoriales y cursos… la verdad es que me sorprende la facilidad que tenes para explicar las cosas. Tenes un lenguaje corporal muy amigable a la hora de prestar atencion.
Desde ya muchisimas gracias papá y segui con esto que, al menos a mi, me salvaste las papas. Abrazo