✅ Tutorial WPForms Lite en Español | Crear un Formulario y Cambiar el Estilo | FÁCIL

44,056
0
Published 2020-03-21
📢 Cómo crear un sencillo formulario de contacto utilizando el plugin gratuito WPForms Lite.
☑️ wordpress.org/plugins/wpforms-lite/
👇👇 CSS para cambiar el estilo de WPForms👇👇

☑️ Más info sobre WPForms: rebrand.ly/ir-wpforms

/* 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;
}
----------------------------------

❗❗ Para CAMBIAR el EMAIL al que se ENVÍAN LOS CORREOS ❗❗ tienes que:

✅ Edita el formulario que has creado - Ajustes - Avisos - y donde pone "{admin_email}" pon el email al que quieres que lleguen los correos.

Por defecto los manda al email del administrador de WP.

Desde ahí 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.

Esta parte creo que me la salté 😅 Espero que con esto haya quedado claro.

----------------------------------


🤝 SERVICIOS
► Diseño web WordPress personalizado
sergioks.com/diseno-web-wordpress/

► Tu web en 72 horas por 299€
sergioks.com/web-starter-pro/

☑️ HOSTINGS QUE RECOMIENDO
► FastComet: ⇒ bit.ly/2r3R14Y
► Raiola Networks -20%: ⇒sergioks.com/go/raiolanetworks/
► SiteGround: ⇒ bit.ly/2radT2a

☑️ PLUGINS Y PLANTILLAS
► GeneratePress ⇒ bit.ly/ytgeneratepress
► Astra Pro ⇒ bit.ly/2vlh5bc
► Elementor Pro ⇒ sergioks.com/go/elementorpro/
► Ultimate Addon for Elementor ⇒ bit.ly/2EAjgAY
► Convert Pro ⇒ bit.ly/irconverpro


👋 SÍGUEME EN
Web ► sergioks.com/
Twitter ► twitter.com/sergioks_com
Instagram ► www.instagram.com/sergio.ks/

All Comments (21)
  • Muchas gracias por la info Sergio, me gustaría saber si me puedes indiciar sobre como ajustar el tamaño del botón (enviar) en wp forms ya que al ponerlo en función de mi web aparece muy grande?
  • Hola en el minuto 4:28, que dice lo de el texto de política de privacidad, como lo elaboro? Me ayudarían bastante, Gracias!
  • Hola SergioKS, buena la clase, te hago una pregunta como se hace para alargar el boto de enviar, para ponerlo del mismo grande de los espacio que abarque todo el ancho, gracias
  • Hola sergio🙃gracias por el video 😩 podrías poner un enlace (copiar y pegar) a las políticas de privacidad🤦‍♀️no me da el enlace😱x fa ten piedad de mí!!!!
  • @laurasuarez502
    Hola ! gracias sergio por el video .. tengo una duda me podrias decir como hago para enlazar la palabra de politicas de calidad ..
    te agradezco mucho
  • @websmediastudio
    Para los que piden el código del campo política de privacidad con enlace: Acepto la <a href="/politica-de-privacidad/" target="_blank">pol&iacute;tica de privacidad </a>
  • Sergio como estas? se puede cambiar la fuente de la letra con la que se ven los textos? cual seria la modificación a realizar?
  • @romerubio209
    Hola! Excelente video! Cómo puedo hacer para que luego de llenar el formulario, se les descargue un documento?
  • Hola, Muchas gracias por tus tutoriales, como hago para agregar varios correos que les llegue el formulario lleno de los clientes,gracia.
  • @josemata1834
    Hola , muy buen video. He hecho un formulario para situarlo en side bar , justo al lado del contenido. Como puedo hacer para que siga al contenido cuando se haga scroll y que tan solo aparezca en desktop? Gracias
  • Hola: Geniales los videos para quien estamos empezando. Yo mi problema es que encadena los mensajes al tener el mismo asunto. Como puedo arreglarlo. Gracias
  • @Esther-or4mn
    hola! buen vídeo. tengo una duda. con este plugin, se puede hacer un formulario de suscripción a las entradas del blog? es decir que les lleguen (si se suscriben) automáticamente las nuevas entradas a susu correos?
  • @pads9545
    En las configuraciones de la página está https, en ajustes ssl, etc porque aparece como no segura, y si tiene certificado ssl, gracias
  • Gracias por el video! yo cree un formulario en Wp form el cual te pide el correo a cambio de una descarga todo muy bien ahora la duda, donde veo las direcciones de correo recopiladas? no las encuentro por ningun lado.
    GRACIAS
  • @silviovelasquez
    Despues de creado cuando quiera ver las entradas toca pasarse a un plan pagado?
  • @pancholix
    Hola, como modifico el correo electronico donde llega notificando el formulario? Ya que no se donde modificar. Saludos.
  • Hola, gracias por el vídeo, muy completo. Pero, sigo tus pasos para cambiar el color del botón y no me funciona. Utilizo la plantilla OceanWP y maqueto con Elementor. El formulario lo tengo en una sección dentro de una página. He seguido paso a paso tus instrucciones, dentro de la página donde tengo el formulario, y nada. He insertado el css directamente en wpforms , dentro de las opciones "css para botón de envío" y nada...SIGUE SALIENDO AZUL. Los colores de mi web son en tonos grises y blancos. Gracias por ayudar.
  • @lidiaramilo4768
    Con algunos problemas por el camino, pero al final me funcionó. muchas gracias!!!😊
  • @elpupi6543
    Hola amigo, el formulario ya lo tengo listo, pero una persona me esta pidiendo que haya menos espacion entre cada campo, como puedo hacer eso? me dejo explicar?
  • hola sergio espero que te encuentres bien, quería hacerte una pregunta y no tiene que ver con este video, es que llevo mucho tiempo navegando y buscando información y nada que e podido resolver. El problema es que quiero crear un formulario de registro y cuando se registran los usuario solo se le muestra el nombre, correo, apellido. No se le muestra otras informaciones que puse en el formulario como numero de teléfono, país, etc. ¿existe la posibilidad o una forma que esa información se le cargue al usuario en su cuenta una ves que se registra