Wix web od začiatku - kontaktný pás

• Smieť 13, 2024

V tomto tutoriále pridáme kontaktný formulár na našu webovú stránku Wix, ktorú sme stavali od nuly. Najlepší spôsob, ako sa naučiť základy, je začať od nuly.

Na naše webové stránky sme už pridali niekoľko prúžkov. Toto funguje v podstate rovnako, okrem toho, že musíme nastaviť e-mailový účet, ktorý bude prijímať správy z kontaktného formulára.

1. V ľavej ponuke kliknite na ikonu Plus a v zozname vyberte možnosť Strip.
   
   
2. Nájdite časť Kontakty a vyberte jeden z prúžkov.
   
   
3. Ak pás obsahuje prvky, ktoré nechcete, vyberte ich a odstráňte.
   
   Odstránil som text, ktorý zobrazuje miesto a telefónne číslo firmy. Odstránil som tiež tri sociálne ikony, pretože ich máme v päte.
   
   
4. Ak chcete zmeniť vzhľad kontaktného formulára, vyberte formulár a kliknite na ikonu Dizajn (štetec). Vyberte nový dizajn kontaktného formulára zo zoznamu v okne Návrh kontaktného formulára.
   
   
5. Ak chcete prispôsobiť farbu a text kontaktného formulára, vyberte formulár a kliknite na ikonu Dizajn. V okne Návrh kontaktného formulára kliknite na tlačidlo Prispôsobiť dizajn.
   
   
6. Pre farbu výplne a krytie nastavte farbu podľa vášho výberu pre pozadie poľa. Keďže náš web má biele pozadie, ponecháme predvolenú bielu farbu.
   
   
7. Na pozadí tlačidla nastavme farbu na naše vlastné zlato. Kliknite na farebné pole a vyberte si našu zlatú farbu z ponuky Moje farby v nástroji na výber farieb.
   
   
8. Keď sa posunieme nadol, môžeme nastaviť štýl a farbu orámovania. Kliknite na farebné pole a zmeňte farbu na naše vlastné zlato. Nastavte šírku okraja na 1 px.
   
   
9. Ďalej máme nastavenie polomeru rohu. Zachovajme predvolených 10 px. Ak však chcete zmeniť nastavenie, zmeňte veľkosť pixlov v ľavom hornom rohu. Ako sa zobrazuje ikona zámku, ostatné tri rohy sa aktualizujú, aby sa zhodovali.
   
   
10. Pokiaľ ide o nastavenia tieňa, nechajte vypnutý Enable Shadow.
    
    
11. Nakoniec máme nastavenie Text. Pre farbu štítka a informácie o vstupe používateľa nastavte farbu tak, aby sa zhodovala s našou textovou témou (# 4141414).
    
    
12. Musíme zmeniť predvolené písmo na našu vlastnú tému. Kliknite na šípku doprava v časti Téma a vyberte odsek 2.
    
    
13. Urobíme to isté pre text tlačidla. V časti Text tlačidla zmeňte tému na odsek 1. Ďalej nastavte farbu na bielu v Color Picker.
    
    
14. Ak chcete zmeniť farbu textu správy, urobte to v časti Farba správy.
    
    

ďalej

Screenshoty použité so súhlasom Wix.com, Inc.