Com crear un formulari de contacte a WordPress sense programar
Voleu afegir un formulari de contacte al vostre lloc web de WordPress però no sabeu com programar? Esteu al lloc correcte. En aquesta guia pas a pas, aprendràs com fer-ho. crear un formulari de contacte professional a WordPress sense escriure ni una sola línia de codi—i triga menys de 5 minuts.
Tant si ets un blogger, un propietari d'una petita empresa o estàs creant el teu primer lloc web, tenir un formulari de contacte és essencial. Permet que els visitants es posin en contacte amb tu fàcilment, t'ajuda a captar clients potencials i té un aspecte molt més professional que simplement publicar la teva adreça de correu electrònic.
Per què tot lloc web de WordPress necessita un formulari de contacte
Abans d'endinsar-nos en el tutorial, entenguem per què és important un formulari de contacte:
- Protegeix el teu correu electrònic del correu brossa – Publicar la teva adreça electrònica públicament convida els robots de correu brossa a inundar la teva safata d'entrada
- Sembla professional – Un formulari ben dissenyat genera confiança amb els visitants
- Recull informació estructurada – Obtén les dades que necessites (nom, correu electrònic, missatge) en un format organitzat
- Consultes de pistes – Emmagatzema els enviaments al tauler de control de WordPress en comptes de perdre'ls al correu electrònic
- Experiència compatible amb mòbils – Els formularis funcionen perfectament en telèfons i tauletes
El que necessitareu
Per seguir aquest tutorial, necessitareu:
- Un lloc web de WordPress (WordPress.org autoallotjat)
- Accés d'administrador per instal·lar complements
- 5 minuts del teu temps
Això és tot! No calen coneixements de programació, ni experiència tècnica, ni eines de pagament.
Pas 1: Instal·leu Auto Form Builder (connector gratuït)
Usarem Creador de formularis automàtic (També conegut com FIG)—gratuït, complement lleuger de WordPress amb una interfície visual d'arrossegar i deixar anar. És perfecte per a principiants perquè no hi ha cap corba d'aprenentatge.
Aquí teniu com instal·lar-ho:
- Inicia la sessió al teu tauler d'administració de WordPress
- Anar a Complements → Afegeix-ne de nous
- Buscar "FIG"(nom abreujat de Creador automàtic de formularis)
- Cercar "AFB – Creador automàtic de formularis – Creador de formularis d'arrossegar i deixar anar"
- feu clic install Now, A continuació, Activate
💡 Consell: Cercar "AFB" és la manera més ràpida de trobar el connector al repositori de WordPress.
Un cop activat, veureu el "Creador automàtic de formularis" al menú d'administració de WordPress. Ja està, ja esteu a punt per crear el vostre primer formulari!
Pas 2: Crea un formulari de contacte nou
Ara creem el vostre formulari de contacte:
- feu clic Creador de formularis automàtic al menú d'administració
- feu clic Crea un formulari nou
- Veureu una pantalla de selecció de plantilla: trieu "Formulari de Contacte"
El Creador de formularis automàtic inclou una plantilla de formulari de contacte predefinida que inclou:
- Camp Nom complet
- Camp d'adreça electrònica
- Camp Número de telèfon (Opcional)
- Camp de missatge
La plantilla està llesta per utilitzar immediatament, però la podeu personalitzar com vulgueu.
Pas 3: Personalitza els camps del formulari (opcional)
Voleu afegir o modificar camps? El creador d'arrossegar i deixar anar ho fa senzill:
Afegir camps nous
A la barra lateral esquerra, veureu els tipus de camp disponibles. Simplement arrossega qualsevol camp al llenç del formulari:
- Entrada de text – Per a respostes curtes com ara nom o assumpte
- Correu electrònic – Valida automàticament les adreces de correu electrònic
- Telèfon – Per a números de telèfon amb format opcional
- Àrea de text – Per a missatges més llargs
- Dropdown – Permetre als usuaris seleccionar entre opcions (com ara “Motiu del contacte”)
- Checkbox – Per a quadres de consentiment o seleccions múltiples
Edició de la configuració del camp
Feu clic a qualsevol camp per personalitzar-lo:
- Canvieu el etiqueta (p. ex., «El vostre nom» en comptes de «Nom complet»)
- Afegeix text de marcador de posició per guiar els usuaris
- Crea camps necessari o opcional
- Afegeix text d'ajuda camps inferiors
Reordenació de camps
Simplement arrossegar els camps amunt o avall per canviar el seu ordre. El creador visual mostra exactament com serà el vostre formulari.
Pas 4: Configura els paràmetres del formulari
Feu clic al Configuració pestanya per configurar què passa quan algú envia el vostre formulari:
Missatge d'èxit
Personalitza el missatge que els usuaris veuen després d'enviar-lo. Per exemple:
"Gràcies per contactar amb nosaltres! Ens posarem en contacte amb vostè en un termini de 24 hores."
Notificacions per correu electrònic
Rep notificacions instantànies quan algú ompli el teu formulari:
- Enable Notificacions per correu electrònic
- Introduïu la vostra adreça electrònica (o diverses adreces d'email separades per comes)
- Personalitza la línia d'assumpte del correu electrònic
Cada enviament s'enviarà directament a la teva safata d'entrada i també s'emmagatzemarà de forma segura al teu tauler de control de WordPress.
Pas 5: Dóna estil al formulari (opcional)
Voleu que el formulari coincideixi amb el disseny del vostre lloc web? Feu clic a la pestanya Personalitza per personalitzar-lo:
- Colors – Canviar els colors dels botons, els fons i el text
- Fronteres – Ajustar els límits del camp i el radi de les cantonades
- espaiament – Controla el farciment i els marges
- Botó – Personalitza el text i l'aspecte del botó d'enviament
Els formularis del Creador automàtic de formularis estan dissenyats per tenir un aspecte fantàstic en qualsevol tema, de manera que l'estil és completament opcional.
Pas 6: Desa i obté el teu shortcode
Un cop estiguis satisfet amb el formulari:
- Doneu un nom al formulari (per exemple, "Formulari de contacte")
- feu clic Desa el formulari
- Copieu el abreujat es mostra
Pas 7: Afegiu el formulari de contacte a la vostra pàgina
Ara mostrem el formulari al vostre lloc web:
Opció A: Afegeix a una pàgina existent
- Anar a pàgines i edita la teva pàgina de contacte
- Enganxa el shortcode on vols que aparegui el formulari
- feu clic Actualitzar
Opció B: Crea una nova pàgina de contacte
- Anar a Pàgines → Afegeix nou
- Tituleu-ho "Contacte" o "Contacteu amb nosaltres"
- Afegeix un text introductori si vols
- Enganxa el codi curt
- feu clic Publicar
Visita la teva pàgina per veure el teu nou i preciós formulari de contacte en acció!
Pas 8: Prova el teu formulari de contacte
Abans d'anunciar el teu nou formulari al món, prova'l:
- Visita la teva pàgina de contacte
- Empleneu el formulari amb la informació de la prova
- Feu clic a Enviar
- Comproveu que veieu el missatge d'èxit
- Revisa el teu correu electrònic per veure si hi ha notificació.
- A WordPress, aneu a Creador automàtic de formularis → Enviaments per veure l'entrada emmagatzemada
Si tot funciona, felicitats: el formulari de contacte ja està disponible!
Gestió d'enviaments de formularis de contacte
Una de les millors característiques d'Auto Form Builder és la funció integrada gestió de presentacionsA diferència d'alguns complements de formularis que només envien correus electrònics, cada enviament s'emmagatzema a la base de dades de WordPress.
Anar a Creador automàtic de formularis → Enviaments a:
- Veure totes les propostes en una taula amb capacitat de cerca
- Filtra per data – Avui, aquesta setmana, aquest mes, etc.
- Cerca de propostes – Troba missatges específics a l'instant
- Marca com a llegit/no llegit – Fes un seguiment de les consultes que has gestionat
- Destaca els missatges importants destacats – Marca els contactes d'alta prioritat
- Exporta a CSV – Baixeu les vostres dades per a fulls de càlcul o còpies de seguretat
Això vol dir que mai no perdràs una consulta de client, fins i tot si els correus electrònics no arriben.
Per què el creador de formularis automàtic és perfecte per als formularis de contacte
Hi ha molts complements de formularis de WordPress disponibles, però aquí teniu per què Auto Form Builder destaca per crear formularis de contacte:
| característica | Creador de formularis automàtic |
|---|---|
| preu | ✅ Gratuït |
| Creador d'arrossegar i deixar anar | ✅ Sí |
| Plantilla de formulari de contacte preconstruïda | ✅ Sí |
| Notificacions per correu electrònic | ✅ Sí |
| Emmagatzematge d'enviaments | ✅ Sí (a WordPress) |
| receptiu mòbil | ✅ Sí |
| No cal codificar | ✅ Sí |
| Lleuger i ràpid | ✅ Sí |
| Conforme al RGPD (dades al vostre servidor) | ✅ Sí |
| Exportacions | ✅ CSV, JSON, XML |
| Lògica condicional | ✅ Sí |
Preguntes freqüents
Funcionarà el formulari amb el meu tema de WordPress?
Sí. El Creador automàtic de formularis està dissenyat per funcionar amb qualsevol tema de WordPress.
Puc rebre els enviaments de formularis per correu electrònic?
Absolutament. Activa les notificacions per correu electrònic a la configuració del formulari i rebràs un correu electrònic cada vegada que algú enviï el teu formulari. Els enviaments també s'emmagatzemen al tauler de control de WordPress com a còpia de seguretat.
El formulari de contacte està adaptat per a mòbils?
Sí. Tots els formularis creats amb Auto Form Builder són totalment responsius i tenen un aspecte fantàstic en telèfons, tauletes i ordinadors d'escriptori.
Com puc protegir el meu formulari del correu brossa?
Auto Form Builder ofereix complements de protecció contra correu brossa, com ara Google reCAPTCHA i Cloudflare Turnstile.
Passos següents
Ara que ja teniu un formulari de contacte al vostre lloc web de WordPress, considereu aquestes millores:
- Afegeix el formulari de contacte al peu de pàgina – Feu-ho accessible des de totes les pàgines
- Crea un formulari de comentaris – Recopilar ressenyes i testimonis de clients
- Crea un formulari de subscripció al butlletí informatiu – Augmenta la teva llista de correu electrònic
- Afegeix protecció contra correu brossa – Activa reCAPTCHA per a llocs amb molt trànsit
Conclusió
Crear un formulari de contacte a WordPress no requereix cap habilitat de codificació. Amb Creador de formularis automàtic, pots crear un formulari de contacte professional i adaptable a dispositius mòbils en menys de 5 minuts, completament gratuït.
La interfície d'arrossegar i deixar anar ho facilita per als principiants, mentre que la gestió d'enviaments integrada garanteix que no us perdeu mai cap consulta de client. A més, totes les vostres dades es mantenen de forma segura al vostre propi servidor de WordPress.
A punt per crear el teu formulari de contacte? Descarrega el creador de formularis automàtic des del repositori de complements de WordPress i comença avui mateix.
