Logare

Înregistrare

Panoul Webmastera

 

Nu ai reușit sa găsești răspunsul dorit ?

Scrie-ne pe sesiunea de Chat sau trimite-ne un email către contact@webwave.ro

Dacă ai nevoie de anumite funcții noi, scrie-ne pe grupul comunității WebWave.

Înapoi

24 mai 2019

Cum adaugi un formular pe site-ul propriu

În programul pentru crearea site-urilor WebWave poți adăuga un formular care îți va simplifica contactul cu utilizatorii site-ului, mai exact ai putea primi răspunsuri la întrebări acordate sau ai putea primi comenzi. Mesajele generate de formular vor veni pe adresa de e-mail indicată în formular. În acel articol vei afla cum poți crea un site web cu un formular de contact.

  1. Adăugarea formularului
  2. Setările formularului de contact
    1. Starea butonului Expediază
    2. Spațierea
    3. Etichete
  3. Editarea formularului
    1. Adăugarea câmpurilor la formularul de contact.
    2. Ștergerea câmpurilor din formular
    3. Modificarea ordinii câmpurilor din formular
    4. Editarea câmpurilor formularului
  4. Editarea mesajului expediat de formular
    1. Setarea Subiectului mesajului
    2. Setarea redirecționării utilizatorul după expedierea mesajului
  5. Modificarea modului în care arată formularul
    1. Modificarea modului în care arată etichetele formularului
    2. Editarea modului în care arată câmpurile
    3. Modificarea modului în care arată butonul ”Expediază”
    4. Stilul textului formularului după expedierea datelor
  6. Informații utile
  7. FAQ
  8. Ce este un Placeholder?

 

Adăugarea formularului

În programul WebWave formularul poate fi adăugat din Panoul de elemente din partea stângă. Este suficient să faci un click pe pictograma corespunzătoare sau să tragi pictograma pe aria de lucru.

Formularul adăugat include elemente inițiale:

  • Câmpul pentru adresa de e-mail a utilizatorului

  • Câmpul pentru mesajul pentru expediere

  • Butonul Expediază expediază mesajul formularului spre adresa de e-mail indicată.

 

Setările formularului de contact

La selectarea formularului, în Panoul de setări din partea dreaptă putem seta următoarele opțiuni.

 

Starea butonului Expediază

Stările butonului Expediază determină modul în care arată butonul în diferite situații când utilizatorul face click pe el. La un click pe buton se modifică modul în care arată butonul pentru câteva secunde, ca mai apoi să revină la starea Normală. Sunt accesibile următoarele stări ale butonului Expediază:

  • Normal - modul în care arată butonul înainte ca utilizatorul să expedieze datele

  • La trecerea cu cursorul peste buton - modul în care arată butonul când utilizatorul trece cu cursorul peste el.

  • După expediere - modul în care arată butonul atunci când utilizatorul face click pe butonul Expediază și datele sunt expediate

  • Eroare - modul în care arată butonul, când utilizatorul face click pe buton, dar în datele introduse de el există erori. De exemplu, când îndeplinirea unui anumit câmp este obligatoriu, dar utilizatorul nu a introdus nimic în acel câmp.

 

Spațierea

Spațierea verticală între câmpurile și etichetele formularului exprimată în pixeli.

 

Etichete

Setează poziția etichetelor față de câmpul acestora

 

Editarea formularului

Pentru a trece la editarea formularului este necesar să selectăm formularul și să facem click pe butonul Editează formularul în Panoul de setări.

Adăugarea câmpurilor la formularul de contact

Pentru a adăuga câmpuri la formularul de contact îndeplinește chenarul Adaugă un câmp nou pentru formular. Mai exact este nevoie de a:

  • Indica eticheta câmpului dat

  • Bifează opțiunea dacă acest câmp este obligatoriu

  • Alege tipul câmpului

  • Facem click pe butonul Adaugă

Ștergerea câmpurilor din formular

Pentru a șterge un câmp din formular deschidem detaliile acestuia cu un click pe săgeata din colțul dreapta sus. Apoi facem click pe butonul Șterge din formular.

Poți la fel să prinzi câmpul și să-l tragi în afara ferestrei deschise.

 

Modificarea ordinii câmpurilor din formular

Pentru modifica ordinea câmpurilor din formular pur și simplu prinde-le cu un click și mută-le în locul în care trebuie să se afle.

 

Editarea câmpurilor formularului

Pentru a edita câmpul, mai întâi este nevoie să deschidem detaliile acestuia.

Putem edita următoarele date:

Etichetă - descrierea care apare lângă câmpul formularului

Placeholder - inscripție, care apare în mod inițial în câmpul formularului când acesta nu este îndeplinit. Înscrierea cel puțin a unui caracter în câmp va face ca Placeholder-ul să dispară

Obligatoriu - opțiune care setează dacă îndeplinirea acestui câmp este obligatorie sau nu

Etichetele și Palceholder-ele pot fi la fel editate cu un click dublu pe formular și apoi introducând datele corespunzătoare

Editarea mesajului expediat de formular

Pentru a trece la editarea mesajului expediat de formularul de contact este nevoie să selectăm formularul și să facem un click pe butonul Editează conținut în Panoul de setări din dreapta

Setarea Subiectului mesajului

Subiectul mesajului poate fi setat în chenarul din dreapta jos a ferestrei de editarea formularului.

 

Setarea destinatarului mesajelor expediate de formular

În câmpul După expedierea mesajului redirecționează utilizatorul spre poți seta ca după expedierea mesajului utilizatorul sa fie redirecționat pe o subpagină, spre un articol, spre un element de pe o subpagină, să acceseze o adresă web, să apeleze un număr de telefon, să expedieze un mesaj e-mail sau să acceseze un fișier.

Modificarea modului în care arată formularul

 

Modificarea modului în care arată etichetele formularului

Pentru a seta modul în care etichetele trebuie să arate, trebuie să facem un click dublu pe una dintre etichete. Imediat toate etichetele vor fi indicate cu o linie de contur albastră. Aceasta înseamnă că editând o singură etichetă, setăm modul în care arată toate etichetele. Poți seta modul în care arată etichetele, poziția lor, alinierea textului și multe altele.

 

Editarea modului în care arată câmpurile

Pentru a edita modul în care arată câmpurile este nevoie să faci click dublu pe unul dintre câmpuri. Toate câmpurile vor fi indicate cu o linie de contur albastră - aceasta înseamnă că toate modificările ale unui câmp vor duce la modificarea tuturor câmpurilor. Poți seta culoarea fundalului, umplutura și linia de contur.

 

Modificarea modului în care arată butonul Expediază

Pentru a seta stilul butonului Expediază, facem click dublu pe buton. Îndată ce va apărea linia de contur albastră - vom putea edita stilul butonului: putem modifica textul acestuia, culoarea, linia de contur etc.

 

Stilul textului formularului după expedierea datelor

Pentru a seta textul afișat după expedierea datelor formularului, în Panoul de setări din dreapta selectăm mai întâi pentru categoria Editează opțiunea Butonul expediază, iar pentru categoria Stare opțiunea După expediere. Îndată în locul butonului Expediază, va apărea mesajul afișat la expedierea datelor. Acum putem modifica acel text și edita stilul acestuia.

La alegerea opțiunii Eroare la categoria Stare putem edita în același mod mesajul afișat la eșuarea expedierii datelor formularelor.

Informații utile

Atunci când formularul de contact include un câmp pentru adresă de contact, atunci răspunzând la mesajul acelui formular adresa destinatarului va fi setată cu ajutorul adresei indicate în formular.

 

FAQ

Ce este un Placeholder?

Placeholder-ul reprezintă un text care este prezent în câmpurile formularului atunci când acestea sunt goale. Este suficient să scriem cel puțin un caracter în câmp și placeholder-ul va dispărea. Dacă vei șterge tot textul din câmpuri Placeholderul va apărea.

Nu ai reușit să găsești soluția?

Îți lipsesc funcții în WebWave?

Întreabă pe Facebook

Trimite-ne un Mesaj

Companie.

Materiale. 

Prețuri. 

Programul WebWave.

Urmărește-ne pe:

Creează Site-uri Web si Magazine Online cu ajutorul platformei WebWave ! Alege unul dintre șabloanele deja optimizate pentru dispozitivele mobile și modifică-l după propriile necesități sau începe cu o pagina curată.

contact@webwave.ro


Scrie-ne pe chat
De luni până vineri, de la 9:00 până la 17:00

Acest site a fost creat în cu ajutorul platformei WebWave