Capitole
- Editor de formulare de înscriere: creează formulare
- Creează și publică pagini de destinație
- Creează și integrează formulare de înscriere
- Creează și afișează formulare pop-up
- Creează și poziționează formulare glisante
Cuprins
Instrumentul de e-mail cu care marketingul prin e-mail devine simplu
Editor de formulare de înscriere: creează formulare
Publicat: · Ultima actualizare: · De Marcus Biel
Pe scurt
În editorul vizual Maildroppa, alege șabloane, aranjează conținutul, stilizează câmpuri, atribuie etichete, asociază fluxuri, previzualizează și salvează.
Editorul de formulare de înscriere este editorul vizual pentru toate formularele de înscriere și paginile de destinație Maildroppa.
Îl poți folosi pentru a organiza structura, a adăuga texte și imagini, a configura câmpurile pentru abonați, a schimba culorile și fonturile, a atribui etichete și a decide ce se întâmplă după trimiterea formularului. Zona de lucru afișează rezultatul pe măsură ce faci modificări, astfel încât poți crea o experiență completă de înscriere fără să scrii cod.
Maildroppa folosește același editor pentru patru tipuri de formulare:
- Paginile de destinație sunt pagini complete, independente, pe care le publici și le distribui printr-un link.
- Formularele încorporate sunt plasate direct într-o pagină a site-ului.
- Ferestrele pop-up se afișează peste conținutul site-ului și pot fi deschise și printr-un element al paginii.
- Panourile glisante apar la marginea sau în poziția aleasă a ferestrei browserului.
Acest ghid explică toate funcțiile comune acestor tipuri de formulare. Ghidurile accesibile prin linkuri explică doar setările și pașii specifici fiecărui tip.
Deschide editorul de formulare de înscriere
Deschide „Signup Forms” în Maildroppa. Apoi fă clic pe „Create Form” pentru a crea o pagină de destinație, un formular încorporat, o fereastră pop-up sau un panou glisant.
Pentru a continua lucrul la un formular existent, fă clic pe numele acestuia sau alege „Edit Form” din meniul de acțiuni cu trei puncte din lista formularelor de înscriere.
Alege un nume intern clar pentru formular. Nume precum „Newsletter pe pagina principală”, „Pop-up pentru webinar” sau „Resursă de vară pentru atragerea abonaților” sunt mai ușor de recunoscut ulterior decât nume generice precum „Formularul 1”. Numele te ajută să gestionezi formularul în Maildroppa și nu este afișat automat vizitatorilor.
Descoperă interfața editorului
Editorul este împărțit în patru zone principale.
Bara de sus conține numele formularului și acțiunile principale. De aici poți reveni la lista formularelor, poți previzualiza rezultatul și îl poți salva. Pentru paginile de destinație, această bară afișează și comenzile pentru ciorne și publicare.
Bara laterală din stânga conține „Layout”, „Content” și „Layers”. Folosește-o pentru a crea structura, a adăuga elemente noi și a gestiona toate elementele deja plasate în zona de lucru.
Zona de lucru se află în centru și afișează pagina sau formularul curent. Fă clic pe un element pentru a-l selecta. Poți și să tragi elementele în altă poziție sau să adaugi elemente noi din bara laterală din stânga.
Bara laterală din dreapta conține „Settings” și „Page settings”. Din „Settings” modifici elementul selectat. Din „Page settings” modifici fundalul general și setările implicite de design.
Pe ecranele mai mici, barele laterale se deschid ca panouri, folosind butoanele „Content” și „Settings”. Funcțiile disponibile rămân aceleași.
Începe cu un șablon
Când creezi un formular, editorul oferă modele de pornire pentru tipul de formular selectat. Poți începe de la zero, poți folosi formularul standard sau poți alege un șablon gata creat.
Șabloanele oferă o structură inițială, culori, setări tipografice și exemple de conținut. Ele nu limitează modificările pe care le poți face ulterior. După alegerea unui șablon, poți în continuare să editezi, să muți, să duplici, să restilizezi sau să elimini orice element.
Fiecare tip de formular are șabloane potrivite scopului său. De exemplu, paginile de destinație includ modele complete pentru newslettere, resurse pentru atragerea abonaților (lead magnets), webinare și liste de așteptare. Formularele încorporate, ferestrele pop-up și panourile glisante au propriile modele compacte de pornire.
Dacă nu știi ce șablon să alegi, selectează-l pe cel cu structura cea mai apropiată de ceea ce vrei să obții. De obicei, modificarea textelor, culorilor și imaginilor este mai rapidă decât construirea aceleiași structuri de la zero.
Creează structura
Deschide „Layout” în bara laterală din stânga pentru a adăuga un rând nou de celule. Variantele disponibile includ:
- O celulă
- Două, trei sau patru celule egale
- Două celule în raport de 2:1
- Două celule în raport de 1:2
Fă clic pe o variantă de structură pentru a o adăuga la poziția curentă de inserare sau trage-o în zona de lucru. Apoi poți adăuga conținut în fiecare celulă.
Selectează o casetă sau o coloană pentru a-i ajusta dimensiunea, spațierea, alinierea, fundalul, chenarul și spațierea interioară în bara laterală din dreapta. Pentru structurile cu mai multe coloane, poți modifica și lățimile relative ale coloanelor.
Folosește structurile pentru a stabili o ordine clară de citire. O singură coloană este potrivită pentru formularele de înscriere compacte. O structură cu două coloane este utilă când o imagine, o listă de beneficii sau informațiile despre un eveniment trebuie să apară lângă formularul de înscriere.
Adaugă conținut
Deschide „Content” în bara laterală din stânga pentru a adăuga blocuri individuale de conținut. Fă clic pe un bloc pentru a-l insera sau trage-l în poziția dorită din zona de lucru.
Editorul oferă următoarele blocuri de conținut:
Signup form — Conține câmpurile pentru abonați și butonul de trimitere. Designul trebuie să includă un bloc de înscriere înainte de a putea fi salvat ca formular funcțional. După adăugare, acest bloc nu mai este disponibil pentru o nouă inserare.
Text — Adaugă titluri, paragrafe sau alte texte formatate.
Image — Adaugă o imagine de la un URL, prin încărcare sau din biblioteca media Maildroppa. Poți introduce un text alternativ, poți adăuga un link și poți ajusta dimensiunile, raportul de aspect, decuparea, punctul focal, rotirea și inversarea imaginii.
Video — Adaugă un videoclip de pe YouTube sau Vimeo, un URL de încorporare sau un fișier video direct. Poți configura și o imagine de previzualizare, precum și aspectul butonului de redare.
List — Adaugă o listă cu marcatori sau numerotată. Poți edita elementele și ajusta culoarea marcatorilor, spațierea, tipografia și alinierea.
Button — Adaugă un buton cu link, pentru care poți configura textul, URL-ul, dimensiunea, lățimea, culorile, chenarul, tipografia și alinierea.
Social links — Adaugă pictograme cu linkuri către servicii precum Facebook, Instagram, LinkedIn, TikTok, YouTube sau către site-ul tău.
Subscriber counter — Afișează numărul actual de abonați confirmați. Poți adăuga o valoare de ajustare, poți schimba eticheta și poți stiliza numărul și textul.
Spacer — Adaugă spațiu liber cu dimensiuni reglabile. Poți seta separat spațierea pentru desktop și mobil.
Divider — Adaugă o linie orizontală pentru care poți configura culoarea, grosimea, lățimea, stilul, alinierea și spațierea.
Paginile de destinație oferă și secțiuni complete reutilizabile. Acestea sunt explicate în ghidul paginilor de destinație.
Selectează și aranjează elementele
Fă clic pe un element din zona de lucru pentru a-l selecta. Setările sale apar în bara laterală din dreapta.
Comenzile afișate pe elementul selectat sau lângă acesta îți permit să îl muți, să îl duplici sau să îl ștergi. Poți și să tragi un element în altă celulă sau în altă poziție. Un indicator de plasare arată unde va fi inserat.
Deschide „Layers” când pagina conține multe casete, coloane și blocuri de conținut imbricate. Panoul „Layers” afișează întreaga structură sub formă de listă. De aici poți:
- Să selectezi un element
- Să îl redenumești pentru a-l identifica mai ușor
- Să îl muți în sus sau în jos
- Să îl tragi în altă poziție
- Să îl blochezi sau să îl deblochezi
- Să îl duplici
- Să îl ștergi
Blocarea este utilă pentru a evita mutarea accidentală a unui fundal, a unei imagini sau a unei secțiuni finalizate. Deblochează stratul când vrei să îl editezi sau să îl repoziționezi.
Folosește „Undo” și „Redo” din bara de instrumente a editorului pentru a anula sau a reface, pas cu pas, modificările recente de design.
Editează textul
Fă clic în interiorul unui element text pentru a-i edita conținutul direct în zona de lucru. Bara de instrumente pentru text oferă stiluri de paragraf și titlu, alături de opțiunile uzuale de formatare.
În funcție de textul selectat, poți folosi aldin, cursiv, subliniere, tăiere cu o linie, indice, exponent, aliniere, liste cu marcatori sau numerotate, linkuri și emoji. Setările textului selectat îți permit și să ajustezi tipografia și culorile fără a modifica celelalte elemente text.
Folosește setările globale de tipografie din „Page settings” când toate titlurile, textele de bază, linkurile sau butoanele trebuie să aibă un stil unitar. Folosește setările elementului selectat când doar un singur bloc trebuie să arate diferit.
Configurează formularul de înscriere
Selectează blocul formularului de înscriere din zona de lucru pentru a-i deschide setările. Secțiunile disponibile includ bara de progres, contorul de abonați, câmpurile, etichetele ascunse, containerul formularului, câmpurile de introducere a datelor și butonul de trimitere.
Câmpuri pentru abonați
Adresa de e-mail este câmpul principal al unui formular de înscriere. Poți adăuga și câmpuri pentru abonați care există deja în contul Maildroppa.
Pentru fiecare câmp, poți modifica eticheta și textul indicativ, poți decide dacă este obligatoriu și poți alege dacă eticheta este afișată. Poți reordona câmpurile prin tragere sau folosind comenzile de mutare.
Solicită doar informațiile de care ai cu adevărat nevoie. Formularele mai scurte se completează mai rapid, iar câmpurile suplimentare sunt utile când informațiile vor fi folosite pentru segmentare sau personalizare.
Etichete ascunse
Etichetele ascunse nu sunt afișate vizitatorilor. Când cineva se înscrie prin formular, Maildroppa atribuie automat etichetele selectate abonatului respectiv.
Acestea sunt utile pentru a identifica sursa înscrierii sau interesul care a motivat-o. De exemplu, un formular pentru un webinar poate aplica eticheta „Webinar”, iar un formular pentru o resursă de atragere a abonaților poate aplica o etichetă corespunzătoare subiectului materialului descărcat.
Bara de progres
Bara de progres poate fi dezactivată sau afișată ca procent ori ca indicator în doi pași.
Pentru indicatorul procentual, poți modifica textul, culorile, dimensiunea și grosimea fontului, precum și alinierea. Pentru indicatorul în doi pași, poți edita etichetele ambilor pași și poți alege culorile pentru stările activă și inactivă.
Un indicator de progres poate clarifica faptul că primul pas este trimiterea formularului, iar al doilea este confirmarea înscrierii prin e-mail (double opt-in).
Contorul de abonați din formular
Formularul de înscriere poate afișa numărul actual de abonați confirmați înainte sau după butonul de trimitere.
Poți adăuga o valoare de ajustare, poți scrie o etichetă, poți alege poziția și poți ajusta tipografia și alinierea. Valoarea de ajustare se adaugă la numărul de abonați confirmați afișat de Maildroppa.
Acest contor din formular este diferit de blocul de conținut independent „Subscriber counter”. Folosește setarea formularului când numărul trebuie să fie legat direct de zona de trimitere. Folosește blocul de conținut când contorul trebuie să apară în altă parte a designului.
Designul formularului, al câmpurilor și al butonului
Setările „Signup Form Block” controlează containerul din jurul câmpurilor, inclusiv fundalul, chenarul, raza colțurilor și spațierea.
Setările câmpurilor de introducere a datelor controlează fundalurile, etichetele, textul, textele indicative, chenarele și spațierea. Butonul de trimitere are setări separate pentru text, tipografie, culori, chenar, dimensiuni și aliniere.
Poți face clic direct pe bara de progres sau pe butonul de trimitere din zona de lucru pentru a deschide imediat setările componentei respective.
Modifică aspectul general
Deschide „Page settings” în bara laterală din dreapta pentru a modifica designul general. Pentru formularele încorporate, ferestrele pop-up și panourile glisante, aceste setări se aplică zonei de lucru a formularului, nu unei pagini găzduite complete.
Poți configura fundalul principal, imaginea de fundal, lățimea maximă și spațierea pe mobil. Setările de aspect definesc valorile implicite pentru:
- Fontul textului de bază și culoarea textului
- Culoarea linkurilor, sublinierea și culoarea la trecerea cursorului
- Fontul titlurilor, culoarea, grosimea, dimensiunea și înălțimea rândului
- Butoane
- Casete, chenare, razele colțurilor, spațiile dintre elemente și spațierea interioară
- Spațierea interioară a paginii pe mobil și pragul de lățime la care coloanele se așază una sub alta
Aceste valori implicite asigură un design unitar. Le poți înlocui în setările fiecărui bloc, atunci când este necesar.
Asociază un flux de înscriere
Fiecare formular este asociat unui flux de înscriere. Fluxul de înscriere controlează parcursul abonatului după trimiterea formularului:
- Ce vede vizitatorul imediat după trimiterea formularului
- Ce e-mail de confirmare a înscrierii (double opt-in) este trimis
- Ce se întâmplă după ce abonatul confirmă adresa de e-mail
Deschide selectorul fluxului de înscriere din antetul editorului pentru a vedea fluxul atribuit în prezent. Poți selecta alt flux existent, poți edita fluxul selectat sau poți crea unul nou.
Un flux de înscriere poate fi folosit de mai multe formulare. Dacă editezi un flux comun, modificarea afectează toate formularele care îl folosesc. De aceea, Maildroppa îți permite să alegi între editarea fluxului comun și crearea unei copii separate pentru formularul curent.
Previzualizează și salvează
Fă clic pe „Preview” pentru a verifica designul complet și experiența de înscriere înainte de a face formularul public. Previzualizarea este utilă pentru a verifica textele lungi, proporțiile imaginilor, ordinea câmpurilor, textele butoanelor și echilibrul vizual al formularului.
Pentru formularele încorporate, ferestrele pop-up și panourile glisante, fă clic pe „Save changes” când vrei să salvezi versiunea curentă.
Paginile de destinație folosesc comenzile pentru ciorne și publicare din bara de sus. Le poți salva fără să le publici, iar modificările aduse unei pagini deja publicate rămân nepublicate până când le publici. Toți pașii sunt explicați în Crearea și publicarea unei pagini de destinație.
După salvare, revino la lista formularelor de înscriere pentru a activa și a încorpora un formular pe site sau pentru a gestiona o pagină de destinație publicată.
Continuă cu tipul de formular ales
Ai parcurs acum pașii de design comuni tuturor tipurilor de formulare. Continuă cu ghidul pentru formularul pe care îl creezi:
- Creează și publică o pagină de destinație
- Creează și încorporează un formular în pagină
- Configurează și afișează o fereastră pop-up
- Configurează și poziționează un panou glisant
Ești gata să trimiți e-mailuri mai bune?
Renunță la instrumentele încărcate inutil și la planurile prea scumpe. Maildroppa oferă asistență personală, opțiuni care țin cont de confidențialitate și funcții puternice de marketing prin e-mail. Începe cu un plan gratuit pe termen nelimitat.
Nu sunt necesare datele cardului. Fără limită de timp.