Formulare

Editorul de formulare este un instrument ușor de utilizat care vă permite să creați diferite tipuri de formulare web pentru a interacționa cu vizitatorii site-ului sau pentru a colecta informații despre utilizatori. Cu interfața sa intuitivă, similară cu Editorul de text și imagini, dar cu opțiuni de personalizare adăugate, puteți proiecta și configura formulare precum formulare de feedback, formulare de abonament, sondaje și multe altele.

Adăugarea unui formular pe site-ul dvs.

1. Navigați la fila Construire din meniul din stânga și selectați categoria Formulare.
2. Glisați și fixați elementul de formular în locul dorit al paginii. Substituentul albastru va indica cea mai apropiată locație de lansare disponibilă.

Componentele formularului

1. Elemente: Configurați conținutul, inclusiv câmpurile de formular, casetele de validare, butoanele radio și butonul de apel la acțiune.
2. Setări: Stabiliți ce se întâmplă la trimiterea formularului, cum ar fi trimiterea datelor către un e-mail sau o bază de date.

Elemente de formular

1. Câmp de text

Câmpul de text permite utilizatorilor să introducă în formularul dvs. text scurt, pe o singură linie.

Tipuri de câmp
Setarea de tip determină tipul de date pe care utilizatorii le pot introduce:

- Text – Afișează textul exact așa cum a fost tastat.
- Parolă – Ascunde caracterele tastate afișându-le ca *** (de exemplu, pentru parole).
- Ascuns – Stochează informații legate de sistem (de exemplu, detalii despre referință sau browser) sau date precompletate pe care utilizatorii nu ar trebui să le vadă.
- Fișier* – Permite vizitatorilor să încarce imagini, audio, video sau alte fișiere. Fișierele trimise generează un e-mail cu un link de descărcare pe care se poate face clic.

Opțiuni de personalizare
- Nume – Un identificator unic pentru a face referire la câmp în cadrul editorului de formulare și în e-mailurile sau înscrierile pe blog generate de formular.
- Lățime – Ajustați lățimea câmpului introducând o valoare sau trăgând ghidajele de redimensionare.
- Lungime maximă – Setează numărul maxim de caractere pe care câmpul le poate accepta.
- Validare ca – Definește tipul de conținut necesar (de exemplu, un câmp de e-mail trebuie să conțină o adresă de e-mail formatată corect). Dacă înscrierea este nevalidă, utilizatorii vor vedea o solicitare pentru a o corecta.
- Indiciu – Afișează textul de ajutor atunci când utilizatorii fac clic în câmp, oferind îndrumări sau exemple.
- Valoare implicită – Pre-completează câmpul cu o valoare predefinită pe care utilizatorii o pot modifica.

Încărcări de fișiere*

- Pentru a stoca fișierele încărcate, formularul trebuie să fie legat de o bază de date.
- Fișierele stocate în baza de date vor rămâne accesibile și vor fi luate în considerare pentru limita de stocare a contului.
- Link-urile de fișiere trimise prin e-mail nu folosesc spațiu de stocare, dar vor expira după 30 de zile

2. Zonă de text

Câmpul de formular Zonă de text este similar cu Câmpul de text, dar permite introducerea unui text mai lung, pe mai multe linii.

Opțiuni de personalizare
În plus față de opțiunile identice pentru câmpul de text - Nume, Etichetă, Lățime, Indiciu, Validare ca și Valoare implicită, există următoarele opțiuni pentru zona de text:

- Înălțime – Ajustați înălțimea zonei de text fie modificând numărul din câmpul de înălțime, fie trăgând comenzile de redimensionare ale zonei de text.
- Încadrare – Definește modul în care textul este afișat atunci când este trimis în e-mailuri sau afișat în forumuri/bloguri.

• Implicit – Utilizează setările implicite de încadrare a textului din browser sau client de e-mail.
• Dezactivat – Dezactivează încadrarea textului, astfel încât textul să nu se întrerupă pe linii noi atunci când este tastat.
• Fizic – Afișează textul exact așa cum a fost încadrat în zona de text.
• Virtual – Permite clientului de e-mail să decidă cum va fi încadrat textul.

3. Selectare câmp

Opțiunea Selectare câmp permite utilizatorilor să aleagă dintr-o listă predefinită de opțiuni. Poate fi afișată fie ca meniu derulant, fie ca listă, în funcție de configurația selectată.

Opțiuni de personalizare

- Tip – Definește modul în care sunt afișate opțiunile:
     - Meniu – Afișează un meniu derulant în care utilizatorii pot selecta o opțiune.
     - Listă – Afișează toate opțiunile disponibile într-o listă verticală.
- Opțiuni – Reprezintă opțiunile selectabile din câmp.
    - Nume opțiune – Textul este afișat în meniul derulant sau în listă.
    - Valoare opțiune – Datele reale trimise în e-mailuri atunci când opțiunea este selectată.
- Comenzi și gestionare – Utilizați săgețile sus/jos pentru a rearanja opțiunile, a le șterge pe cele nedorite sau pentru a seta o selecție implicită care apare atunci când se încarcă formularul.

4. Casete de validare

Casetele de validare permit utilizatorilor să selecteze mai multe opțiuni dintr-o listă sau să activeze sau să dezactiveze o singură opțiune. Acestea sunt utile pentru prezentarea selecțiilor cu răspunsuri multiple în care pot fi alese mai multe opțiuni.

Opțiuni de personalizare
- Nume – Identificatorul unic pentru caseta de validare, utilizat în Editorul de șabloane de formular, e-mailuri și intrări de blog. Gândiți-vă la ea ca la întrebarea la care răspund utilizatorii bifând sau deselectând casetele de validare.
- Valoare – Reprezintă răspunsul selectat. De exemplu, dacă valoarea casetei de validare este setată la „Da”, bifarea casetei înseamnă că utilizatorul a răspuns afirmativ.
- Selectat în mod implicit – Dacă este activată, caseta de validare va fi bifată în prealabil la încărcarea formularului.
- Obligatoriu – Solicită utilizatorilor să bifeze caseta înainte de a trimite formularul. Acest lucru este util pentru casetele de validare a acordului, cum ar fi solicitarea utilizatorilor să accepte Termenii și condițiile înainte de trimitere.

5. Butoane radio

Butoanele radio sunt utilizate atunci când dintr-o listă predefinită poate fi selectată o singură opțiune. Spre deosebire de casetele de validare, selectarea unui buton radio deselectează automat orice altă opțiune din același grup.

Opțiuni de personalizare
- Nume de grup – Toate butoanele radio care reprezintă opțiuni pentru aceeași întrebare trebuie să aparțină aceluiași grup. Poate fi selectat un singur buton pe grup la un moment dat.
- Valoare – Reprezintă răspunsul ales. De exemplu, dacă întrebarea este „Do you like my site?”/„Îți place site-ul meu?”, numele grupului ar putea fi „LikeMySite”, cu opțiuni de valoare Da, Nu și Necesită mai mult efort. Dacă un utilizator selectează Da, răspunsul trimis va apărea ca: LikeMySite: Da.
- Stare implicită – Permite preselectarea unui buton radio atunci când se încarcă formularul.
- Obligatoriu – Solicită utilizatorului să selecteze o opțiune înainte de a trimite formularul.

6. Formular de feedback
Editorul de formulare include un asistent încorporat pentru a vă ajuta cu formularul de feedback, care poate fi adăugat cu ușurință selectând pictograma F.

Acest formular vine preconfigurat cu toate câmpurile necesare pentru trimiterea feedback-ului, inclusiv un buton de Apel la acțiune. Câmpurile sunt setate cu opțiuni implicite, dar le puteți personaliza după cum este necesar pentru a se potrivi mai bine cerințelor dvs.

7. Mesaje de reușită/eroare
După trimiterea formularului, sistemul afișează fie un mesaj de reușită, fie un mesaj de eroare. Puteți controla plasarea acestor mesaje specificând locația lor în editor.

Utilizați pictograma Informații pentru a selecta unde doriți să apară mesajele. În Proprietățile formularului, când sunt activate Opțiuni avansate, puteți personaliza și Mesajul de reușită. Dacă câmpul este lăsat necompletat, va fi afișat mesajul implicit de reușită. Cu toate acestea, dacă preferați, puteți introduce un mesaj personalizat, în Proprietățile formularului, care va fi afișat vizitatorilor la trimiterea cu succes a formularului.

8. Buton de Apel la acțiune
Butonul de Apel la acțiune (CTA) este un element crucial al formularului, deoarece permite utilizatorilor să-și trimită contribuțiile și să finalizeze acțiunile intenționate ale formularului. Fără ea, trimiterea formularului nu este posibilă.

Pentru a insera un buton CTA, localizați pictograma acestuia sub secțiunea Elemente în linie a barei de instrumente Editor de formulare și faceți clic pe el. Odată adăugat, faceți clic pe buton pentru a-l configura ca buton de trimitere. În meniul derulant Link, selectați {Trimiteți formular} pentru a activa trimiterea formularului.

Dacă aveți nevoie de un buton de resetare, puteți crea unul urmând aceiași pași și selectând {Reset} în schimb. În plus, panoul din dreapta oferă un câmp editabil în care puteți personaliza textul legendei butonului pentru a se potrivi nevoilor formularului dvs.

Proprietățile și personalizarea butonului de Apel la acțiune

- Legenda și subtitlul butonului: Setați textul principal și subtextul opțional afișat pe buton.
- Dimensiune: Alegeți dintre dimensiunile mic, mediu sau mare ale butoanelor.
- Lățime minimă: Definiți o lățime minimă a butonului pentru consecvență în aspect.
- Legenda și subtitlul afișate la deplasarea cu mouse-ul: Specificați textul alternativ care apare atunci când utilizatorii trec cu mouse-ul peste buton.
- Tranziție text: Dacă este setată o legendă la deplasarea cu mouse-ul, selectați un efect de tranziție pentru o modificare vizuală lină.
- Efect de evidențiere: Adăugați un efect de animație care se activează la 3 secunde după încărcarea paginii și se repetă la fiecare 30 de secunde.
- Culoare: Selectați dintre trei culori predefinite de butoane.
- Aliniere: Aliniați butonul în conținut (stânga, centru sau dreapta).
- Margine: Ajustați marginea butonului în pixeli pentru o spațiere optimă.
- Pictogramă buton: Alegeți o pictogramă din biblioteca de imagini de stoc sau încărcați o imagine personalizată.
- Pictogramă afișată la deplasarea cu mouse-ul: Opțional, adăugați o altă pictogramă care apare la deplasarea cu mouse-ul.
- Locație pictogramă: Poziționați pictograma înainte sau după legenda butonului.

Setări formular

1. Pagina următoare
Specificați pagina care ar trebui să se deschidă după trimiterea cu succes a formularului. Aceasta poate fi o pagină dedicată de „mulțumire” sau orice altă pagină relevantă de pe site-ul dvs. În mod implicit, formularul este setat să mențină utilizatorii pe aceeași pagină, după trimiterea cu succes. Pentru a schimba acest lucru, prin Tipul de Link, alegeți pagina dorită.

2. Trimitere către e-mail
Activați Trimitere către e-mail pentru a primi trimiteri de formulare prin e-mail de la vizitatorii site-ului dvs. Acest lucru va extinde opțiunile suplimentare:

- Către e-mail – Introduceți adresa de e-mail la care ar trebui livrate trimiterile de formulare, de exemplu, [e-mail].
- Din e-mail – Pentru a asigura livrabilitatea trimiterilor de formulare, am dezactivat opțiunea de a specifica adresa de e-mail a expeditorului.
- Subiectul e-mailului – Definiți linia de subiect a e-mailului (de exemplu, „Solicitare nouă de informații”). De asemenea, puteți utiliza wildcarduri $xxxxx$ pentru a personaliza subiectul în funcție de textul introdus al utilizatorului.

3. Editor de formate de e-mail și șabloane
Alegeți formatul e-mailului:

- Simplu – Trimite e-mailuri în format text, eliminând orice formatare.
- HTML – Trimite e-mailuri formatate, cu condiția ca clientul de e-mail să accepte HTML.

Pentru aspectele de e-mail personalizate, selectați Utilizare șablon, care deschide Editorul de șabloane:

- Editorul de șabloane funcționează ca un editor simplificat de text și imagini.
- Utilizați meniul derulant Valoare pentru a insera substituenți corespunzători câmpurilor de formular.
- Odată salvat, fiecare formular trimis va genera un e-mail bazat pe structura șablonului.

4. Trimitere e-mail de confirmare
Această funcție trimite un răspuns automat vizitatorilor care confirmă trimiterea lor.

- Către e-mail – Introduceți adresa de e-mail la care ar trebui livrate trimiterile de formulare, de exemplu, [e-mail].
- Din e-mail – Pentru a asigura livrabilitatea trimiterilor de formulare, am dezactivat opțiunea de a specifica adresa de e-mail a expeditorului.
- Subiectul e-mailului – Definiți linia de subiect a e-mailului (de exemplu, „Solicitare nouă de informații”).
- Conținutul mesajului – Activați prin Utilizați șablonul > Editare pentru a deschide Editorul de șabloane de text, unde puteți personaliza mesajul de confirmare. Utilizați îmbinare de etichete pentru a insera date de câmp de formular (de exemplu, $Email$).

5. Trimitere în baza de date
Activați Trimitere în bază de date pentru a stoca datele de formular trimise într-o bază de date găzduită de site. Formularul creează automat o bază de date dedicată cu coloanele necesare care se potrivesc cu numele câmpurilor de formular și tipurile de date. De asemenea, puteți utiliza o bază de date importată, dar asigurați-vă că are nume și tipuri de coloane potrivite.

Setări suplimentare:
- Necesită confirmare – Trimite un e-mail cu un link de confirmare pe care utilizatorii trebuie să facă clic pentru a-și valida trimiterea.
- Necesită aprobare – Notifică un moderator prin e-mail, cerându-i să aprobe sau să respingă trimiterea înainte de a fi stocată. Acest lucru ajută la prevenirea spamului sau a trimiterilor accidentale.

Pentru detalii suplimentare, consultați tutorialul aplicației Editor de baze de date.