Cum să adăugați un formular de abonare Mailrelay folosind WordPress

Dacă doriți să atrageți noi abonați pentru a vă mări lista de corespondență, ar trebui să oferiți formulare de abonare pe site-ul dvs. Dacă lucrați cu WordPress, puteți adăuga cu ușurință aceste formulare pe blogul dvs.

De ce? Practic pentru ca iti permite sa captezi date de la persoane interesate de produsele sau serviciile pe care le oferi, astfel incat sa le poti contacta periodic.

În acest moment, s-ar putea să vă gândiți: sunt interesat, dar ce va trebui să fac pentru a crea un formular de abonare pe site-ul meu WordPress? Nu sunt familiarizat cu codul HTML și am nevoie de ceva simplu și ușor.

Nu vă faceți griji, în acest tutorial; vă vom arăta diferite modalități de a adăuga codul HTML generat de Mailrelay în site-ul dvs. creat folosind WordPress cu și fără pluginuri.

Interesant, nu?

Clarificare importantă: pentru acest tutorial, vom presupune că ați creat deja un formular de înscriere în contul dvs. și că ați copiat deja codul HTML. Prin urmare, ne vom concentra pe explicarea modului de adăugare a acestui cod pe WordPress. Dacă nu ați creat încă formularul, sau nu ați copiat codul HTML, vă sfătuim să citiți mai întâi această altă postare și să urmați pașii indicați: Formulare de abonare Mailrelay V3

· Cum să integrezi un formular de abonare Mailrelay fără a utiliza niciun plugin

Trebuie să începem acest tutorial spunând că nu ne putem înșela; cei mai mulți dintre noi vor încerca să găsească un plugin care să facă toate sarcinile pentru noi pe site-ul nostru, deoarece acestea ne fac viața mult mai simplă.

Cu toate acestea, este important să rețineți că instalarea multor plugin-uri pe site-ul nostru poate supraîncărca pagina.

Asta, de multe ori, implică o creștere a timpului de încărcare a paginilor, afectând direct strategia noastră SEO și experiența utilizatorului.

Pentru toate acestea, dacă doriți să evitați supraîncărcarea site-ului dvs. sau pur și simplu nu doriți să instalați mai multe plugin-uri pe site-ul dvs. WP, puteți integra codul HTML direct pe site-ul dvs. fără niciun plugin.

Cum?

Urmând acești pași:

Pentru a începe, va trebui să vă conectați la WordPress și să faceți clic pe „ Aspect” și pe „Widget”.

În secțiunea Widgeturi, trebuie să găsim un widget numit „ HTML personalizat. ” Odată ce îl găsim, îl putem trage în zona de widget-uri unde dorim să adăugăm formularul nostru de înscriere.

În mod implicit, WordPress are o zonă de widget în bara laterală a paginii.

Îl putem insera acolo sau dacă tema sau șablonul nostru are alte zone de Widgeturi activate, putem schimba locul (de exemplu, în subsol).

În acest caz, îl vom adăuga în cea mai comună zonă a widget-urilor, deoarece toate site-urile WordPress au această opțiune în mod implicit; Să adăugăm codul HTML în bara laterală.

Trebuie doar să glisăm widget-ul în această zonă, să adăugăm un titlu și să lipim codul generat de Mailrelay. Amintiți-vă că ați generat deja codul HTML înainte de a începe să citiți acest tutorial.

După denumirea widget-ului (în secțiunea titlu) și inserarea codului (în secțiunea de conținut), va trebui să faceți clic pe butonul de salvare.

Mai târziu, pentru a verifica dacă totul funcționează bine, îți poți accesa blogul și vei vedea formularul de abonare în bara laterală.

* Este important să rețineți că formularul va avea stilurile (culori și fonturi) configurate în șablonul sau tema dvs.

În acest caz, am văzut cum să integrăm formularul în bara laterală. Dacă site-ul dvs. are orice altă zonă de widget-uri activată, puteți urma aceiași pași pe care i-am explicat anterior, dar ar trebui să trageți widget-ul în acea zonă.

Rezultatul va fi același; singura diferență este că formularul de înscriere va fi afișat în zona specificată și nu în bara laterală.

· Cum să integrezi un formular de abonare Mailrelay în WordPress cu Elementor (versiunea gratuită)

Cum să integrezi un formular de abonare Mailrelay în WordPress cu Elementor (versiunea gratuită)

Elementor este unul dintre cei mai cunoscuți designeri de layout WordPress ai momentului, de fapt, este unul dintre cele mai utilizate plugin-uri pentru editarea formularelor de opt-in.

Printre caracteristicile sale principale putem găsi: o versiune gratuită cu multe funcții, care permite oricărui utilizator să creeze secțiuni atractive și personalizate fără a fi nevoie să investească bani.

Elementor este un plugin care este disponibil în prezent gratuit cu funcții mai limitate și cu o versiune plătită/Premium cu câteva opțiuni suplimentare.

Cu toate acestea, nu contează dacă utilizați versiunea gratuită sau cu plată, veți putea să vă integrați formularul Mailrelay în secțiunea și locația dorite. Veți învăța cum să faceți asta în doar câțiva pași:

Prima cerință este să aveți pluginul Elementor instalat pe site-ul nostru. Dacă nu l-ați instalat încă, ar trebui să accesați fila de pluginuri și să faceți clic pe „ adăugați nou”.

Căutați „Elementor page builder” în depozitul WordPress și faceți clic pe Instalare.

Odată instalat, nu uitați să îl activați și vom fi gata să ne integrăm codul.

Pentru a începe integrarea, ar trebui să deschideți pagina sau secțiunea în care doriți să introduceți formularul de abonare. După accesarea acestei secțiuni, va trebui să căutați modulul de cod HTML.

Odată localizat, adăugați modulul în coloana sau secțiunea paginii în care doriți să fie afișat formularul dvs. După ce îl glisăm în zona în cauză, va trebui să lipim codul HTML pe care l-am salvat mai devreme.

Odată introdus codul HTML, veți vedea cum va fi disponibil formularul în formularul de abonare în secțiunea sau coloana aleasă. Asigurați-vă că totul este corect și publicați modificările. Rezultatul va fi vizibil pe site-ul dvs.:

După cum am menționat anterior, atât în ​​acest caz, cât și în cel anterior, este important să rețineți că formularul va avea stilurile setate în șablonul sau tema dvs.

Pentru a face modificări sau modificări de stil, va trebui să editați HTML-ul sau să utilizați pluginuri specifice care ne permit să personalizăm formularele de abonare (Bloom, de exemplu).

· Cum să integrezi un formular de abonare Mailrelay în WordPress cu Bloom

Bloom este unul dintre cele mai complete plugin-uri pe care le putem găsi pentru crearea formularelor de abonament. Dacă aveți deja acest plugin instalat în WordPress sau vă gândiți să cumpărați o licență, vă vom explica cum îl puteți integra cu contul dvs. Mailrelay.

După accesarea panoului de administrare, primul lucru pe care ar trebui să-l faceți este să faceți clic pe Formulare Bloom / Opt-in. În această filă, puteți găsi toate formularele de abonare pe care le-ați creat deja. În acest caz, vom crea un formular nou de la zero pentru a învăța cum să îl integrăm ușor cu Mailrelay.

Pentru a crea un formular nou, faceți clic pe butonul albastru din partea de sus a ecranului „ noua înscriere. ” sau formă nouă.

Sistemul va deschide o listă derulantă în care va trebui să alegeți tipul de formular pe care doriți să îl creați. Să alegem opțiunea „inline”, deoarece vă va permite să o implementați mai târziu în secțiunea sau pagina dorită.

În fereastra următoare, va trebui să începeți configurarea noului nostru formular. Primul lucru pe care ar trebui să-l faceți este să-l denumiți pentru a-l putea identifica intern (acest nume va fi vizibil doar pentru dvs., nu va fi afișat vizitatorilor.)

După aceea, va trebui să selectăm un furnizor de e-mail. În acest caz, deoarece avem codul HTML de la Mailrelay, putem merge direct în partea de jos a listei derulante și putem selecta opțiunea „Formular HTML personalizat” .

Imediat după alegerea acestei opțiuni, sistemul va afișa o casetă gri în care putem introduce codul fragmentului din formular. În acest caz, ar trebui să inserați codul HTML generat de Mailrelay și să faceți clic pe butonul „Următorul proiectare opt-in-ul”.

Mai jos, vom arunca o privire asupra diferitelor forme, cu diferite culori și stiluri. Ar trebui să selectați cea mai bună opțiune în funcție de aspectul site-ului dvs. pentru a se potrivi cu schema de culori a paginii. Este important de înțeles că, din moment ce am introdus deja codul, stilul nu va fi același cu cel afișat de plugin, dar rezultatul final este de obicei destul de bun.

Următorul pas va fi să personalizăm câmpurile pe care dorim să le folosim în formular. În „titlu de înscriere”, ar trebui să scriem titlul care va fi afișat vizibil în antetul formularului. Dacă nu doriți să introduceți un titlu, puteți lăsa acest câmp necompletat.

După aceea, va trebui să completăm textul formularului. Dacă te gândești să explici de ce vizitatorii tăi ar trebui să se aboneze la newsletter-ul tău sau ce le oferi abonaților tăi în schimbul abonamentului, acesta este câmpul pe care ar trebui să-l folosești pentru a adăuga toate aceste informații.

Deci putem ajusta imaginea. Majoritatea șabloanelor standard ale lui Bloom includ o imagine în partea de sus, dar dacă doriți să o modificați și/sau să o înlocuiți cu logo-ul dvs., de exemplu, va trebui să faceți acest lucru în această secțiune.

Am ajuns la secțiunea de stiluri. Dacă doriți să vă personalizați și mai mult formularul de abonare, schimbând fonturile, culorile, fundalul sau orice alt aspect estetic, acesta este locul. În Opt-in Styling and form styling, puteți alege dintre multe opțiuni și alternative.

După aceea, vom găsi mai multe opțiuni pentru a personaliza formularul. Putem adăuga text în subsol (ideal pentru clarificări sau comentarii rapide) și mesajul de confirmare, care este textul care va fi afișat după ce vizitatorul se va abona cu succes la newsletter.

După setarea tuturor câmpurilor, putem face clic pe „Salvare” pentru a ne salva munca. Când facem clic pe salvare, pluginul ne va scoate de pe ecran și va afișa toate formularele de înscriere active.

Ei bine, am creat și configurat deja formularul Bloom. Următorul pas este să îl integrăm corect în site-ul nostru.

Pentru a face asta, în formularele Bloom / opt-in, vom căuta formularul pe care tocmai l-am creat și, în stânga, vom găsi acest simbol „[]”.

Când facem clic pe el, vom vedea o nouă fereastră cu codul scurt pentru acest formular. Copiați sau salvați acest cod undeva pentru că va trebui să-l utilizați mai târziu.

După ce am copiat shortcode-ul, va trebui să-l adăugăm pe site-ul nostru web unde dorim să afișăm acest formular. Dacă avem un aspect vizual precum Elementor sau Divi, îl putem integra oriunde vrem cu modulul de cod sau shortcode.

Dacă, dimpotrivă, lucrăm deja cu Gutenberg, noul sistem creat de WordPress, putem integra Shortcode-ul nostru folosind widget-ul încorporat special pentru acest scop.

Prin urmare, ar trebui să deschidem pagina sau secțiunea pentru ao edita. După ce îl accesăm, vom face clic pe butonul „+”, iar în widget-uri, vom selecta blocul „Shortcode”. După aceea, trebuie să introducem codul sau codul scurt pe care l-am salvat mai devreme. Aici trebuie doar să lipiți conținutul și să salvați modificările.

După parcurgerea acestor pași, noul formular va fi disponibil pe site-ul dvs. Procesul este mult mai ușor decât credeai, nu?

· Concluzie

După cum am văzut pe parcursul articolului, există multe opțiuni pentru integrarea unui formular HTML Mailrelay folosind WordPress. În această postare, am vrut să ne concentrăm asupra metodelor pe care le considerăm ușoare, astfel încât să vă pierdeți teama de a manipula codul.

După cum am văzut, puteți integra Mailrelay cu WordPress fără pluginuri, prin secțiunea de widget-uri sau chiar folosind Gutenberg, noua funcție oferită de WordPress.

Cu toate acestea, dacă aveți deja editori vizuali precum Divi, Elementor sau orice alt plugin de înscriere, le puteți folosi și pentru a adăuga formularul oriunde doriți. În cazul lui Bloom, principalul avantaj pe care îl avem este că pluginul ne permite să edităm cu ușurință stilurile de formulare, să le oferim o notă mai personală și să adaptăm codul la aspectul site-ului nostru.

Cu toate acestea, dacă sunteți deja familiarizat cu HTML și doriți să faceți câteva modificări codului, să adăugați stiluri sau culori, acest lucru este posibil. Desigur, nu uitați să fiți precaut, deoarece dacă formularul de înscriere nu funcționează corect, acesta vă va afecta strategia de marketing prin e-mail.

Și acum, doriți să integrați formularul dvs. Mailrelay pe site-ul dvs. WordPress?