Hoe om AMP-vorms te skep in WordPress (The Easy Way)

Hoe om AMP-vorms te skep in WordPress (The Easy Way)

Wil u AMP-vriendelike vorms op u WordPress-webwerf skep?

Versnelde mobiele bladsye of AMP is ‘n Google-projek wat webwerwe vinniger op mobiele toestelle laat laai.

Alhoewel AMP wonderlike mobiele blaaigeleenthede bied en webwerwe vinniger laat laai, skakel dit baie nuttige funksies op u webwerf af.

Een daarvan is kontakvorms. Aangesien AMP ‘n beperkte reeks HTML en JavaScript gebruik, kan dit nie WordPress-vorms op AMP-bladsye behoorlik laai nie.

Maar gelukkig is daar nou ‘n maklike oplossing beskikbaar. WPForms, die mees beginnersvriendelike plug-in vir WordPress-vorms help u nou om WordPress-vorms op te stel wat deur AMP voorberei is. Hul span het onlangs saam met Google gewerk om AMP-vorms vir WordPress te vergemaklik.

In hierdie artikel wys ons hoe u AMP-vorms in WordPress kan skep met behulp van WPForms (op ‘n eenvoudige manier).

Skep AMP-vorms in WordPress (stap vir stap)

U moet installeer en aktiveer om AMP met WordPress te gebruik amptelike AMP-inprop vir WordPress. Raadpleeg ons stap-vir-stap handleiding oor die installering van die WordPress-inprop vir meer inligting.

Sodra dit geaktiveer is, sal die plugin outomaties Google AMP-ondersteuning vir u WordPress-webwerf byvoeg.

U kan egter die AMP-instellings vir u webwerf verander deur na AMP »Algemeen vanaf die paneelbord.

AMP vir WordPress-instellings

Op die AMP-instellingsbladsy kan u AMP op u webwerf inskakel of deaktiveer, die webwerf-modus vir AMP kies en ondersteunde sjablone kies.

Na die opstel van AMP, is die volgende stap om ‘n AMP-vereiste kontakvorm op WordPress te skep.

Stap 1. Skep ‘n WordPress-vorm uit WPForms

Installeer en aktiveer om aan die gang te kom WPForms Lite plugin op u webwerf. Dit is die lite weergawe WPForms Pro Connect.

Beide WPForms lite- en pro-weergawes stel u in staat om ‘n basiese kontakvorm te skep wat gereed is vir AMP. In ons artikel gebruik ons ​​die gratis weergawe vir skermkiekies.

Sodra die inprop geïnstalleer en geaktiveer is, moet u na WPForms »Voeg nuut by bladsy om ‘n nuwe WordPress-vorm te skep.

Op die vormkonfigurasieskerm kan u ‘n vormsjabloon kies om vinnig aan die gang te kom. U kan ‘n leë vorm kies as u van voor af wil begin.

WPForms vorm sjablone

Dan sal die bladsy met die vormassistent oopmaak.

Sleep en gooi WPForms-vormbouer

Van hier af kan u vormvelde byvoeg of verwyder. Om ‘n nuwe veld aan die vorm toe te voeg, klik op die vormveld van die linkerpaneel en dit sal in die vormpaneel aan die regterkant verskyn.

Dan kan u die veldopsies opstel. Klik net op die veld en dan verskyn die veldopsies.

Opstel van veldopsies in die WPForms-inprop

Net so kan u alle ander velde aanpas.

Dan kan u op die Instellings-oortjie klik om die vorminstellings op te stel.

WPForms algemene instellings

Met algemene instellings kan u die naam van die vorm verander, die teks van die knoppie stuur, die knoppie stuur, die teks verwerk, anti-spam Honeypot en ander inskakel.

Dan kan u op die blad Kennisgewings klik om e-poskennisgewings op te stel om u in kennis te stel wanneer die gebruiker die vorm invul.

WPForms-kennisgewinginstellings

Dan kan u op die tabblad Bevestiging klik om ‘n bevestigingsboodskap op te stel wat vertoon sal word wanneer die gebruiker die vorm indien.

WPForms-bevestigingsboodskapinstellings

Nadat u die konfigurasie voltooi het, kan u u vorm stoor.

Stap 2. Voeg die AMP-vorm op die bladsy

Noudat u WordPress-vorm gereed is, kan u dit op u bladsy voeg.

U moet eers ‘n nuwe bladsy skep of ‘n bestaande bladsy oopmaak waar u die vorm wil byvoeg.

Klik op die ikoon Voeg ‘n nuwe blok by en klik op die WPForms-blok op die bladsybewerkingsskerm.

Voeg WPForms-blok by WordPress Page Editor

Dan kan u die WPForms-widget aan die bladsybewerkingsskerm voeg. Kies net die vorm wat u vroeër gemaak het en die widget sal dit onmiddellik in die bladsyredakteur gelaai word.

Voeg kontakvorm by WPForms op die WordPress-bladsy

Dan kan u u bladsy publiseer of bywerk.

Dit is al! U hoef niks op te stel nie. Die WPForms Lite-inprop sal nou volledige AMP-ondersteuning by u vorm voeg.

As u wil sien hoe dit lyk, kan u die bladsy op u selfoon oopmaak.

U kan ook die bladsy in u tafelblaaier oopmaak deur / amp / of /? Versterk aan die einde van die URL. Byvoorbeeld, https://www.example.com/contact/?amp.

Voeg Google reCAPTCHA by die AMP-vorm

WPForms bevat standaard ‘n anti-spam honeypot om spam op te vang en te blokkeer. Boonop kan u Google reCAPTCHA gebruik om die hoeveelheid spam te verminder.

Om Google reCAPTCHA met behulp van AMP-vorms te gebruik, moet u u Google reCAPTCHA v3-webwerf registreer en Google API-sleutels kry.

Gaan na Google reCAPTCHA-werf en klik op die “Admin Console” -knoppie in die regter boonste hoek van die bladsy.

Besoek Google reCAPTCHA

Dan moet u by u Google-rekening aanmeld. As u klaar is, sien u die bladsy ‘Registreer ‘n nuwe webwerf’.

Registreer 'n nuwe bladsy vir Google reCAPTCHA

U moet u werfnaam eers in die Etiket-veld invoer. Google AMP ondersteun slegs reCAPTCHA v3, dus u moet dit uit die reCAPTCHA-tipe opsies kies.

Voer dan u domeinnaam in die afdeling Domeine in.

Voeg domeinnaam en eienaar by vir Google reCAPTCHA

Die Eienaar-afdeling toon u e-posadres standaard. U kan ook ‘n ander e-pos byvoeg as u wil.

U moet dan die reCAPTCHA Diensbepalings aanvaar om voort te gaan. Kies ook die ‘Stuur waarskuwings aan eienaars’, wat Google in staat stel om u in kennis te stel van probleme soos verkeerde konfigurasie en verdagte verkeer op u webwerf.

Aanvaar die Google reCAPTCHA Diensbepalings

As u klaar is, klik op Stuur.

Dan sien u die suksesboodskap saam met die werf- en geheime sleutel om reCAPTCHA by u webwerf te voeg.

reCAPTCHA sleutels

U het nou Google API-sleutels om reCAPTCHA by u vorms te voeg. Daar is egter nog een regulasie om die AMP-nakoming van reCATCHA te verseker. Klik daar ‘Gaan na instellings’.

Dan sal u weer die reCAPTCHA-instellings sien met “Laat hierdie sleutel met AMP-bladsye werk”. Merk die kassie en klik Stoor hieronder.

Laat reCAPTCHA op AMP-webwerwe werk

Noudat u Google API-sleutels het om reCAPTCHA op AMP-vorms by te voeg, moet u dit oopmaak WPForms »Instellings» reCAPTCHA bladsy op die WordPress-dashboard.

WPForms reCAPTCHA WordPress-instellings

Op hierdie skerm moet u die reCAPTCHA v3-opsie kies en die terreinsleutel en geheime sleutel plak. Klik dan op Stoor instellings.

Nadat u Google reCAPTCHA by WPForms gevoeg het, kan u dit in u vorms indien moontlik inskakel. Gaan na WPForms »Alle vorms en kies die vorm waarin u reCAPTCHA wil aktiveer.

Wysig vorm Geskep met WPForms

As die vormkonfigurasie-skerm verskyn, klik op die blad Instellings en kies die afdeling Algemene instellings. Aan die onderkant kan u die merkblokkie “Aktiveer Google v3 reCAPTCHA” sien.

Aktiveer Google v3 reCAPTCHA in WPForms

Merk die kassie en stoor dan u vorm deur op die Stoor-knoppie in die regter boonste hoek te klik.

Dan kan u weer u kontakbladsy besoek en die AMP-vorm met reCAPTCHA in aksie sien.

Ons hoop dat hierdie artikel u maklik gehelp het om AMP-vorms in WordPress te skep. U kan ook ons ​​gids lees oor hoe om BBP-vorme in WordPress te skep.

Teken in op ons s’n as u van hierdie artikel hou YouTube-kanaal vir WordPress-video-tutoriale. U kan ons ook vind Twitter en Facebook