Cómo Crear un FORMULARIO de CO…



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

Visual Studio 2022 | Getting S… Previous post Visual Studio 2022 | Getting S…
Angular 14 Free Ecommerce Webs… Next post Angular 14 Free Ecommerce Webs…

47 thoughts on “Cómo Crear un FORMULARIO de CO…

  1. 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

  2. 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

  3. 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!!!

  4. 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?

  5. 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!!

  6. 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

  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.

  8. 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!

  9. 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.

  10. 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

  11. 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

  12. 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.

  13. 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 ! !!

  14. 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

Leave a Reply

Your email address will not be published. Required fields are marked *


The reCAPTCHA verification period has expired. Please reload the page.

error: Content is protected !!