עיצוב טופס
בונה הטפסים האוטומטי מעניק לך שליטה מלאה על עיצוב הטפסים. התאימו את צבעי המותג שלכם, השתמשו בגופנים שלכם, התאימו את המרווחים ועצבו טפסים שנראים כחלק טבעי מהאתר שלכם.
למה עיצוב צורה חשוב
לאתר שלך יש מותג. הטפסים שלך צריכים לשקף אותו.
כאשר טפסים נראים שונים משאר האתר שלך, מבקרים מהססים. הם תוהים אם הם עדיין באותו אתר. היסוס זה עולה המרות.
טפסים מעוצבים גם משדרים מקצועיות. טופס מלוטש אומר למבקרים שאכפת לכם מהפרטים - ואם אכפת לכם מעיצוב הטופס, סביר להניח שאכפת לכם גם מהנתונים שלהם.
איך עיצוב צורות עובד
בונה הטפסים האוטומטי כולל עורך סגנונות חזותי המובנה בממשק בונה הטפסים.
- בחר מה לעצבבחר מבין מכלי טופס, תוויות שדות, שדות קלט, לחצנים או הודעות שגיאה.
- התאם הגדרותהשתמשו בבוחרי צבעים, מחוונים ותפריטים נפתחים כדי לשנות ערכים. אין צורך ללמוד או לזכור תחביר CSS.
- תצוגה מקדימה מיידיתכל שינוי מופיע מיד בתצוגה המקדימה החיה. ראה בדיוק כיצד ייראה הטופס שלך לפני הפרסום.
- שמור כברירת מחדלהחל את העיצוב שלך על צורות חדשות באופן אוטומטי. צור פעם אחת, השתמש שוב בכל מקום.
מה אתה יכול להתאים אישית
צבעים
שלוט בכל צבע בטופס שלך. צבעי רקע עבור מכל הטופס ושדות בודדים. צבעי טקסט עבור תוויות, מצייני מיקום וטקסט קלט. צבעי גבול עבור מצבי ברירת מחדל, מיקוד ושגיאה. צבעי כפתורים עבור רקע, טקסט ואפקטים של ריחוף.
טיפוגרפיה
בחר גופנים עבור תוויות ושדות קלט. התאם את גודל הגופן באופן עצמאי - תוויות גדולות יותר להדגשה, טקסט עזר קטן יותר למידע משני. שלוט בעובי הגופן עבור תוויות מודגשות או טקסט קלט בהיר יותר.
מרווחים ופריסה
הגדר מרווח בין שדות כדי ליצור מרחב נשימה. התאם את המילוי בתוך השדות להזנת טקסט נוחה. שלוט בשוליים מסביב לטופס כולו כדי למקם אותו בצורה מושלמת בתוך פריסת העמוד שלך.
גבולות ופינות
הגדירו רוחב, סגנון וצבע של גבולות. עגלו פינות למראה מודרני או שמרו על חדותן לעיצוב מינימליסטי. החלו סגנונות גבול שונים על מצבי צורה שונים - גבולות עדינים כברירת מחדל, גבולות בולטים במוקד.
לחצנים
עיצוב כפתורי שליחה התואמים למותג שלך. צבע רקע, צבע טקסט, רדיוס גבול, ריפוד, גודל גופן ועובי גופן. התאם אישית את מצבי הריחוף והפעילות כך שכפתורים ירגישו רספונסיביים וניתנים ללחיצה.
FormContainer
עצבו את עטיפת הטופס הכוללת. הוסיפו צבע רקע או שמרו על שקיפות. החלו צלליות תיבות לעומק. הגדירו רדיוס גבולות עבור מכלי טפסים מעוגלים. שלטו ברוחב המרבי כדי למנוע מהטפסים להימתח לרוחב יתר.
תרחישים נפוצים של עיצוב טופס
הנחיות למותג התאמה
לחברה שלך יש צבעים ספציפיים - #0F2D5F עבור צבע ראשי, #F59E0B עבור צבעי הדגשה. הזן ערכים אלה בעורך הסגנונות. כפתורי הטופס משתמשים בצבע ההדגשה שלך. תוויות הטופס משתמשות בצבע הראשי שלך. עקביות מותג מושלמת.
צור טפסים בעלי ניגודיות גבוהה
אתר עם רקע כהה? צור טפסים בהירים שבולטים. רקע בהיר? השתמש בטפסים עם גבולות וצללים עדינים כדי להגדיר את אזור הטופס מבלי להתחרות ויזואלית.
עיצוב צורות מינימליסטיות
הסירו גבולות, צמצמו מרווחים, השתמשו ברקעים שקופים. צרו טפסים שמרגישים משולבים בדף במקום לשבת בתוך קופסה.
בנה טפסי קריאה לפעולה מודגשים
כפתורים גדולים, צבעים חזקים, ריפוד נדיב. צרו טפסים שדורשים תשומת לב עבור דפי יצירת הלידים החשובים ביותר שלכם.
טפסים שמתאימים לכל נושא
בונה הטפסים האוטומטי עובד עם כל תבנית וורדפרס. הטפסים המעוצבים שלך מתאימים את עצמם לכל הקשר עיצובי.
משתמשים ב-Woodmart, Astra, GeneratePress, Divi או כל ערכת עיצוב אחרת? הטפסים שלכם ייראו מקוריים. עורך הסגנונות נותן לכם מספיק שליטה כדי להתאים לכל מערכת עיצוב.
אין התנגשויות ערכות נושא. אין בעיות ירושה של סגנונות. רק טפסים שנראים בדיוק איך שאתם רוצים.
אין צורך ב-CSS
אינך צריך לכתוב CSS מותאם אישית כדי לעצב את הטפסים שלך. העורך הוויזואלי מטפל בכל הדברים.
אבל אם אתם רוצים שליטה ב-CSS, Auto Form Builder תומך ב-CSS מותאם אישית לכל טופס. הוסיפו עקיפות עבור מקרי קצה או החלו עיצוב מתקדם שאינו זמין בעורך הוויזואלי. משתמשים מתקדמים מקבלים את הגמישות הדרושה להם.
