Cum se creează formulare AMP în WordPress

Pentru a face site-urile web să se încarce mai rapid pe dispozitivele mobile, Google a realizat un proiect numit Accelerated Mobile Pages sau AMP. Și, deși oferă o experiență excelentă de navigare pe mobil, făcând paginile dvs. web să se încarce mai rapid, dezactivează și multe funcții utile pe site-ul dvs. web. Una dintre acele caracteristici care poate fi considerată o mare pierdere este formularele de contact. Deoarece AMP folosește un set limitat de HTML și JavaScript, nu poate încărca corect formularele WordPress pe paginile AMP. Din fericire, există o soluție ușoară disponibilă. WPForms este un plugin WordPress de formulare destul de prietenos pentru începători, care vă ajută să creați formulare WordPress gata pentru AMP. Deci, în articolul următor, vom explica în detaliu cum să creați formulare AMP în WordPress folosind WPForms .

Aflați cum să creați formulare AMP în WordPress

Deci, AMP este destul de util pentru a face site-ul dvs. prietenos pentru dispozitive mobile. Și, instalarea și activarea pluginului oficial AMP pentru WordPress este o condiție prealabilă pentru utilizarea AMP cu WordPress. După ce l-ați activat, pluginul va adăuga automat suport Google AMP pentru site-ul dvs. WordPress . Cu toate acestea, puteți modifica setările AMP pentru site-ul dvs. accesând AMP > General din tabloul de bord. Când vă aflați pe pagina de setări AMP, puteți activa sau dezactiva AMP pe site-ul dvs. web, dar puteți alege și un mod de site pentru AMP și alegeți șabloanele acceptate. După configurarea AMP, va trebui să creați un formular de contact compatibil AMP pe site-ul dvs. WordPress.

Crearea unui formular WordPress cu WPForms

Pentru a iniția procesul, va trebui să instalați și să activați pluginul WPForms Lite pe site-ul dvs. Aceasta este versiunea simplă a pluginului WPForms Pro. Atât versiunile pro, cât și versiunile lite ale WPForms vă permit să creați un formular de contact de bază pregătit pentru AMP. Aici, vom vorbi despre versiunea gratuită. După ce ați instalat și activat pluginul, va trebui să mergeți la WPForms > Adăugați o pagină nouă pentru a crea un nou formular WordPress. Când vă aflați în ecranul de configurare a formularului, veți putea alege un șablon de formular pentru a începe rapid.

Dacă doriți să începeți de la zero, vă sugerăm să alegeți Formularul Blank. Apoi va deschide pagina de generare a formularelor. De aici, puteți adăuga sau elimina câmpuri de formular. Pentru a adăuga un câmp nou la formularul dvs., faceți clic pe un câmp de formular din panoul din stânga, iar acesta va apărea în panoul generator de formulare din dreapta dumneavoastră. După ce ați terminat, puteți configura opțiunile câmpului. Pentru a face acest lucru, faceți clic pe un câmp, apoi vor apărea Opțiuni câmp. În mod similar, puteți personaliza toate celelalte câmpuri.

După aceea, faceți clic pe fila Setări pentru a configura setările formularului. Prin Setări generale, puteți schimba numele formularului, trimite textul butonului, trimite textul de procesare a butonului, puteți activa Honeypot anti-spam și multe altele. Accesați fila Notificări pentru a configura notificări prin e-mail care vă vor anunța când un utilizator completează formularul. Fila Confirmări vă va ajuta să configurați un mesaj de confirmare care să fie afișat atunci când un utilizator trimite formularul. După finalizarea configurației, asigurați-vă că salvați formularul.

Adăugarea unui formular AMP la o pagină

Având că formularul dvs. WordPress este gata, îl puteți adăuga la o pagină. Mai întâi, va trebui să creați o pagină nouă sau să deschideți una existentă în care doriți să adăugați formularul. Deschideți ecranul de editare a paginii, faceți clic pe pictograma Adăugare bloc nou și continuați cu selectarea blocului WPForms. După ce faceți acest lucru, veți putea vedea widgetul WPForms adăugat la ecranul de editare a paginii. Trebuie doar să selectați formularul pe care l-ați creat mai devreme, iar widgetul îl va încărca imediat în editorul de pagini. De asemenea, vă puteți publica sau actualiza pagina. Și asta este tot. Nu trebuie să configurați nimic altceva. Pluginul WPForms Lite va adăuga acum suport complet AMP la formularul dvs. În cazul în care sunteți interesat de cum arată, puteți deschide pagina de pe telefonul mobil.

Cum să adăugați google reCAPTCHA la formularul dvs. AMP

WPForms include honeypot anti-spam pentru a captura și bloca spam-ul în mod implicit. În plus, puteți utiliza Google reCAPTCHA pentru a reduce trimiterile de spam. Pentru a utiliza Google reCAPTCHA cu formularele AMP, va trebui să vă înregistrați site-ul pentru Google reCAPTCHA v3 și să obțineți cheile API Google. Pentru a face acest lucru, accesați site-ul web Google reCAPTCHA și faceți clic pe butonul „Consola de administrare” din colțul din dreapta sus al paginii. Apoi va trebui să vă conectați cu contul dvs. Google. După ce faceți acest lucru, veți vedea pagina „Înregistrați site-ul nou”. Începeți să îl completați introducând numele site-ului dvs. în câmpul Etichetă. Google AMP acceptă numai reCAPTCHA v3, așa că va trebui să îl alegeți dintre opțiunile de tip reCAPTCHA.

După ce ați terminat, introduceți numele domeniului în secțiunea Domenii. Secțiunea Proprietari va afișa în mod prestabilit adresa dvs. de e-mail. Știți că puteți adăuga și un alt e-mail dacă doriți să faceți acest lucru. În continuare, va trebui să acceptați Termenii și condițiile reCAPTCHA pentru a continua. De asemenea, nu uitați să bifați caseta de selectare „Trimite modificări către proprietari”. Acest lucru va permite Google să vă anunțe despre probleme precum configurarea greșită și traficul suspect de pe site-ul dvs. După ce ați terminat, faceți clic pe butonul Trimiteți. Veți vedea apoi un mesaj de succes împreună cu cheia site-ului și cheia secretă pentru a adăuga reCAPTCHA pe site-ul dvs. Această cheie vă permite să adăugați reCAPTCHA la formularele dvs.

Ajustări suplimentare

Cu toate acestea, mai există o ajustare de care trebuie să aveți grijă. Acesta va asigura compatibilitatea AMP cu reCAPTCHA. Pentru a-l accesa, faceți clic pe linkul „Mergeți la Setări” de acolo. Acest lucru vă va conduce la setările reCAPTCHA cu caseta de selectare „Permiteți ca această cheie să funcționeze cu paginile AMP”. Doar bifați caseta și faceți clic pe butonul Salvați de mai jos.

Acum că aveți chei API Google pentru a adăuga reCAPTCHA pe formularele AMP, accesați WPForms > Setări > pagina reCAPTCHA din tabloul de bord WordPress. Apoi alegeți opțiunea reCAPTCHA v3 și inserați cheia site-ului și cheia secretă. Faceți clic pe butonul Salvare setări. Acum că Google reCAPTCHA este adăugat la WPForms, sunteți liber să îl activați în formularele dvs. acolo unde este necesar. Accesați WPForms > Toate formularele și selectați formularul în care doriți să fie activat reCAPTCHA. Când apare ecranul de configurare a formularului, faceți clic pe fila Setări și selectați secțiunea Setări generale. Veți vedea caseta de selectare „Activați Google v3 reCAPTCHA”. Bifați acea casetă și salvați formularul. După aceea, revedeți pagina de contact și vedeți formularul AMP cu reCAPTCHA în acțiune.

Nu atât de mult

După cum puteți vedea, pentru a crea formulare AMP în WordPress, nu trebuie să treceți prin multe probleme. Mai ales când ai acest ghid lângă tine. Sperăm că v-am ajutat și că veți vedea toate beneficiile formularelor AMP după ce urmați acești câțiva pași simpli.