Wix Forms: עיצוב טפסי האתר

אתם יכולים לעצב את הטופס כדי שיתאים למותג ולערכת הצבע. טופס ברור ומזמין מעודד את הגולשים באתר להגיש אותו. אתם יכולים לשנות את המראה והתחושה הכללית של הטופס, או להקליק על שדה בטופס כדי לשנות את העיצוב שלו.

שימו לב:

עיצוב הטופס זמין כרגע רק עבור טפסים של האתר. כדי לערוך טפסים עצמאיים, אתם יכולים לנהל את השדות בטפסים אך לא לשנות את העיצוב שלהם.

למדו איך אפשר:

עיצוב טפסי האתר

בחרו בעיצוב מוכן מראש עם ערכות נושא וצבעים דומים, או התאימו אישית את העיצוב של הטופס כדי להתאים אותו לצרכים שלכם.

איך לעצב את טפסי האתר:

עברו אל ה-Editor והקליקו על טופס.
הקליקו על אייקון העיצוב בסרגל העליון.

בחרו עיצוב מתוך העיצובים המוכנים מראש. הקליקו על אחת האפשרויות כדי לראות את השינוי בטופס שבעמוד. התוכן בטופס נשאר זהה.
(לא חובה) הקליקו על Customize Design (התאמה אישית של עיצוב) כדי להתאים אישית את טופס האתר.
שנו את העיצוב של שדות הקלט בטופס, כפתור השליחה והרקע כדי להתאים אותו אישית.

תראו לי מה עוד אפשר לעשות

קודם כל בחרו איזה חלק בטופס אתם רוצים לעצב:

שדות קלט: עדכנו את העיצוב של כל שדות הטופס.
שימו לב: אפשרות זו משנה את כל השדות בטופס. הקליקו על שדה בודד כדי לעצב רק את השדה שבחרתם.
כפתור שליחה: התאימו אישית את העיצוב של כפתור השליחה בטופס.
רקע הטופס: התאימו אישית את הרקע של הטופס (הרווח שמסביב לשדות הטופס).

לאחר מכן התאימו אישית את האלמנט באמצעות אפשרויות העיצוב הבאות:

Fill Color & Opacity (צבע המילוי ורמת השקיפות): התאימו אישית את צבע הרקע של האלמנט. הקליקו על תיבת הצבע כדי לבחור את צבע הרקע וגררו את פס ההזזה כדי להגדיל או להקטין את רמת השקיפות.
Border (מסגרת): הוסיפו את המסגרת של האלמנט והתאימו אותה אישית. הקליקו על תיבת הצבע כדי לבחור את צבע המסגרת וגררו את פס ההזזה כדי להגדיל או להקטין את רמת השקיפות. בחרו את סגנון המסגרת מתחת ל-Border Style (סגנון המסגרת).
Corners: (פינות) עגלו את הפינות של האלמנט. הכניסו ערך לכל הפינות, או הקליקו על סמל המנעול כדי לשנות את כל הערכים יחד.
Shadow (צל): הוסיפו צל לאלמנט.
1. הקליקו על הכפתור Enable Shadow (להפעיל את הצל) כדי להפעיל אותו.
2. התאימו אישית את הצל באמצעות האפשרויות:
  - Angle: (זווית) בחרו את זווית הצל.
  - Distance: (מרחק) גררו את פס ההזזה כדי להגדיל או להקטין את מרחק הצל.
  - Size: (גודל) גררו את פס ההזזה כדי להגדיל או להקטין את ממדי הצל.
  - Blur: (טשטוש) גררו את פס ההזזה כדי להגדיל או להקטין את טשטוש הצל.
Text (טקסט): אתם יכולים לשנות את צבע הטקסט והפונט של שדות הקלט וכפתור השליחה.
- שדות קלט:
  - Field title (כותרת שדה): שנו את הצבע, השקיפות והטקסט של הכותרת שמעל שדה הטופס.
  - Input text (טקסט קלט): שנו את הצבע, האטימות והפונט של טקסט מציין המיקום בשדה הטופס.
- כפתור שליחה:
  - Regular (רגיל): הקליקו על הטאב Regular כדי לשנות את העיצוב של הכפתור בטופס.
  - Hover (מעבר עם העכבר): הקליקו על הטאב Hover כדי לשנות את עיצוב הכפתור כשגולשים עוברים מעליו.

עיצוב שדות של טפסים בודדים

אם אתם רוצים לבצע שינויים בעיצוב רק בשדות ספציפיים בטופס (לדוגמה, שם ומספר טלפון) אתם יכולים לבחור שדה בודד לעיצוב.

איך לעצב שדות בודדים בטופס:

עברו אל ה-Editor והקליקו על טופס.
הקליקו על השדה בתוך הטופס שאתם רוצים לעצב (לדוגמה, יום הולדת).
הקליקו על אייקון העיצוב שמעל שדה הטופס.
בחרו בעיצוב מוכן מראש עבור שדה הטופס, אפשרויות שונות יופיעו בהתאם לשדה שבחרתם. לדוגמה, שדות הטקסט מאפשרים לכם לעצב את הצבע והרקע של הטקסט, בעוד ששדות בחירת התאריכים (לדוגמה, יום הולדת) מאפשרים לכם לבחור מבין העיצובים השונים של לוח השנה.
(לא חובה) הקליקו על Customize Design כדי להתאים אישית את השדה.
התאימו אישית את שדה הטופס שלכם באמצעות האפשרויות הזמינות: