Site-ul Wix de la Scratch - Strip de contact

• Aprilie 30, 2024

În acest tutorial vom adăuga un formular de contact pe site-ul nostru Wix pe care l-am creat de la zero. A începe de la zero este cel mai bun mod de a învăța elementele de bază.

Am adăugat deja câteva benzi pe site-ul nostru web. Acesta funcționează practic la fel, cu excepția cazului în care trebuie să configuram contul de e-mail care va primi mesajele din formularul de contact.

1. Din meniul din stânga, faceți clic pe pictograma Plus și alegeți Strip din listă.
   
   
2. Găsiți secțiunea Contact și alegeți una dintre benzi.
   
   
3. Dacă banda are elemente pe care nu le doriți, selectați-le și ștergeți-le.
   
   Am eliminat textul care afișează locația și numărul de telefon pentru afacere. Am eliminat și cele trei pictograme sociale, așa cum le avem în subsol.
   
   
4. Dacă doriți să schimbați designul formularului de contact, selectați formularul și faceți clic pe pictograma Design (perie de vopsea). Alegeți un nou design de formular de contact din listă în fereastra Proiectare formular formular de contact.
   
   
5. Pentru a personaliza culoarea și textul pentru formularul de contact, selectați formularul și faceți clic pe pictograma Design. În fereastra Proiectare formular formular de contact, faceți clic pe butonul Personalizare design.
   
   
6. Pentru culoarea de umplere și opacitate, setați culoarea la alegere pentru fundalul câmpului. Deoarece site-ul nostru are un fundal alb, vom păstra culoarea albă implicită.
   
   
7. Pentru fundalul butonilor, să setăm culoarea pe aurul nostru personalizat. Faceți clic pe caseta de culori și alegeți culoarea noastră aurie din Culorile mele din Selectorul de culori.
   
   
8. Mergând în jos, putem seta stilul și culoarea Borderului. Faceți clic pe caseta de culoare și schimbați culoarea în aurul nostru personalizat. Setați lățimea chenarului la 1 px.
   
   
9. În continuare avem setarea Corner Radius. Să păstrăm implicit 10 px. Dar dacă doriți să schimbați setarea, schimbați cantitatea de pixeli pentru colțul din stânga sus. După cum arată pictograma de blocare, celelalte trei colțuri se vor actualiza pentru a se potrivi.
   
   
10. Pentru setările Shadow, să păstrăm opțiunea Enable Shadow.
    
    
11. În cele din urmă, avem setarea Text. Pentru culoarea etichetei și a informațiilor de introducere a utilizatorului, setați culoarea pentru a se potrivi cu tema textului nostru (# 4141414).
    
    
12. Trebuie să schimbăm fontul implicit în propria noastră temă. Faceți clic pe săgeata dreaptă din secțiunea Tema și alegeți Paragraful 2.
    
    
13. Să facem același lucru pentru textul butonului. În secțiunea Text Text, schimbați Tema la Paragraful 1. Apoi, setați culoarea la alb în Color Picker.
    
    
14. Dacă doriți să schimbați culoarea textului mesajului, faceți acest lucru în secțiunea Culoare mesaj.
    
    

Continua

Imagini de ecran utilizate cu permisiunea Wix.com, Inc.

Instrucțiuni Video,: Create a Wix Website Art Portfolio Gallery: Circle Line Art School (Aprilie 2024).