Formulario de contacto en wordpress
Hola amigos,
Aquí os dejo un tutorial que acabo de hacer es para wordpress y es como crear un formulario de contacto wordpress
También os pego el tutorial, aquí pero si queréis ver las imágenes entrar en el enlace.
Hacía ya un tiempo que tenía bastante abandonado el blog, pero el otro día me llego un correo de un usuario, que me pedía recomendaciones para crear un formulario WordPress, he decidido crear este pequeño tutorial donde explicare como añadir un formulario de contacto wordpress.
Siempre había hecho mi propio formulario de contacto en wordpress, pero no era igual de intuitivo que utilizando un plugin, entonces me decante por probar varios y utilizar uno para un cliente.
Estuve analizando varios plugins pero el que mas me convenció fue este: Formulario de contacto wordpress, se llama contact form 7 y tiene 23 millones de descarga, es compatible con la ultima versión de WordPress y es muy facil de instalar y configurar todo, en unos sencillos pasos.
Instalación formulario de contacto WordPress
Formulario de contacto wordpress
Después de descargarlo, se nos aparecera una nueva pestaña que se llama contacto, en ella podemos insertar todos los formularios que queramos, vamos a utilizar el formulario de contacto que viene por defecto.
Cuando entramos a la edición del formulario de contacto wordpress, observamos como encontramos arriba del todo el shortcode para copiarlo en la página que nosotros necesitemos nuestro formulario wordpress.
Luego podemos observar como el cuerpo del formulario wordpress, aquí como podéis observar he estado añadiendo nuevos divs para poder hacer una estructura y presentar un poco antes otros datos de contacto, como puede ser el mail, teléfono, ciudad, etc. Podríamos haber hecho un shortcode y insertarlo en la página donde añadiremos este shortcode de formulario, pero para no liarme añadiendo otro shortcode lo he puesto aquí, por cierto si queréis un tutorial sobre shortcodes WordPress aquí lo tenéis.
Bueno ahora ya tenemos nuestro formulario de contacto hecho, ahora generaremos un mail donde nos llegara la información de ese formulario de contacto.
Luego hay para configurar un par de mensajes de aviso, donde podremos configurar los textos que queramos y salgan a nuestro gusto, ahora solamente nos faltaría añadir el formulario de contacto en nuestra página.
Copiamos el shortcode de arriba y nos dirigimos a nuestra página de contacto donde queremos el formulario, Guardaríamos la página y ya lo tendríamos
Espero que os haya servido de ayuda y os funcione perfectamente vuestro formulario!
Saludos y muchas gracias.
bdisseny
Buenas! Normalment utilizo este plugin para los formularios de contacto, pero esta vez utilizo la plantilla Divi que lleva uno propio, el problema es que no consigo cambiar el idioma de Name, message, etc… No consigo encontrar el archivo donde modificarlo.
Sabes tu cuál es este archivo?
Muchas grácias por avanzado.
Desarrollador-web-barcelona
A que te refieres con name, message, etc? los campos del formulario de contacto que se rellenan con el registro? si es eso vas al panel de administración ->contacto ->formulario de contacto, coges el formulario que tengas y le pones la estructura que creas en el formulario, te adjunto imagen para que quede mas claro.
Saludos y espero que sea eso.
bdisseny
Correcto! Con cntact form no hay problema, el tema es que divi theme utiliza uno propioy no consigo encontrar como traducirlo.
Grácias por la respuesta.
raul_marin Profesor Plus
Hola @bdisseny ,
entro en la conversación para recomendarte varias soluciones ;)
1. Lo ideal cuando trabajas con plantillas premium de este tipo, y ya que muchas veces no vienen con todas las opciones de traducción de forma visual, es recurrir a plugins de traducción de los archivos .PO. Algo bastante importante como en tu caso para el formulario pero también cuando se usan más funcionalidades y queremos dejarlo todo perfecto y sin palabras colgadas en otros idiomas.
Échale un vistazo a Loco translate o al clásico Codestyling Localization (este último desactualizado hace tiempo pero que sigue funcionando bien con la mayoría de temas)
Su uso es sencillo, así que no te aburro por aquí, simplemente abres el editor PO y localizas la cadena de traducción de tu formulario.
2. La otra solución es tan sencilla como que contactes con el desarrollador del tema y el te indicará el archivo a modificar, cuando compras plantillas premium en el fondo lo que más valor tiene es el soporte de sus creadores. No creo que tengas ningún problema...
Bueno si sigues teniendo cualquier duda al respecto nos sigues contando por aquí.
bdisseny
Muchas grácias! Voy a probar estos plugins! Aunque veo que han actualizado el tema y en la nueva versión ya está la traducción a 32 idiomas más,
A veces lo más sencillo es lo más complicado!!!!
Un saludo!
raul_marin Profesor Plus
Ánimo @bdisseny ! :)
En este caso es sencillo, ya verás, y lo mejor de todo es que lo aprendido te servirá para proyectos futuros
Un abrazo!