Chapters
- בונה טפסי הרשמה: עיצוב טפסים
- בנייה ופרסום של דפי נחיתה
- בנייה והטמעה של טפסי הרשמה
- יצירה והצגה של טפסים קופצים
- יצירה ומיקום של טפסי Slide-in
Contents
the email tool that makes email marketing simple
- Guides and Tutorials
- בונה טפסי הרשמה: עיצוב טפסים
בונה טפסי הרשמה: עיצוב טפסים
Published: · Last updated: · By Marcus Biel
In brief
למדו להשתמש בבונה טפסי ההרשמה החזותי של Maildroppa: בחירת תבניות, הוספת תוכן, עיצוב שדות, שיוך תגיות, חיבור תהליכי הרשמה, תצוגה מקדימה ושמירה.
בונה טפסי ההרשמה הוא העורך הוויזואלי לכל טפסי ההרשמה ודפי הנחיתה של Maildroppa.
אפשר להשתמש בו כדי לסדר פריסות, להוסיף טקסט ותמונות, להגדיר שדות מנויים, לשנות צבעים וגופנים, להקצות תגיות ולהחליט מה יקרה לאחר שמישהו ישלח את הטופס. הקנבס מציג את התוצאה בזמן העבודה, כך שאין צורך לכתוב קוד כדי לעצב חוויית הרשמה מלאה.
Maildroppa משתמשת באותו בונה עבור ארבעה סוגי טפסים:
- דפי נחיתה הם דפים עצמאיים מלאים שמפרסמים ומשתפים באמצעות קישור.
- טפסים משובצים ממוקמים ישירות בתוך דף באתר שלכם.
- חלונות קופצים מופיעים מעל האתר שלכם וניתן גם לפתוח אותם מתוך רכיב בדף.
- חלוניות נגללות מופיעות בקצה או במיקום שנבחר בחלון הדפדפן.
המדריך הזה מסביר את כל הפונקציות המשותפות לסוגי הטפסים האלה. המדריכים המקושרים מסבירים רק את ההגדרות והשלבים הייחודיים לכל סוג.
פתיחת בונה טפסי ההרשמה
פתחו את “Signup Forms” ב-Maildroppa. לאחר מכן תוכלו ללחוץ על “Create Form” כדי ליצור דף נחיתה, טופס משובץ, חלון קופץ או חלונית נגללת חדשים.
כדי להמשיך לעבוד על טופס קיים, לחצו על שמו או בחרו “Edit Form” בתפריט הפעולות בעל שלוש הנקודות מתוך סקירת טפסי ההרשמה.
תנו לטופס שם פנימי ברור. שמות כמו “Newsletter Homepage”, “Webinar Popup” או “Summer Lead Magnet” קלים יותר לזיהוי בהמשך משמות כלליים כמו “Form 1”. שם הטופס עוזר לכם לנהל את הטופס ב-Maildroppa ואינו מוצג אוטומטית למבקרים.
היכרות עם הבונה
הבונה מחולק לארבעה אזורים עיקריים.
הסרגל העליון כולל את שם הטופס ואת הפעולות הראשיות. כאן תוכלו לחזור לסקירה, לצפות בתצוגה מקדימה ולשמור. בדפי נחיתה הסרגל כולל גם את פקדי הטיוטה והפרסום.
סרגל הצד השמאלי כולל את “Layout”, “Content” ו-“Layers”. השתמשו בו כדי ליצור את המבנה, להוסיף רכיבים חדשים ולנהל את כל מה שכבר הוצב בקנבס.
הקנבס הוא אזור העבודה המרכזי. הוא מציג את הדף או הטופס הנוכחיים. לחצו על רכיב כדי לבחור בו. תוכלו גם לגרור רכיבים למיקום אחר או להוסיף רכיבים חדשים מסרגל הצד השמאלי.
סרגל הצד הימני כולל את “Settings” ואת “Page settings”. “Settings” משנה את הרכיב שנבחר. “Page settings” משנה את הרקע הכללי ואת ברירות המחדל של העיצוב.
במסכים קטנים יותר, סרגלי הצד נפתחים כחלוניות באמצעות הלחצנים “Content” ו-“Settings”. הפונקציות הזמינות נשארות זהות.
התחלה מתבנית
כשיוצרים טופס, הבונה מציע עיצובי התחלה עבור סוג הטופס שנבחר. אפשר להתחיל מעיצוב ריק, להשתמש בטופס הסטנדרטי או לבחור תבנית מוכנה.
התבניות מספקות פריסת התחלה, צבעים, טיפוגרפיה ותוכן לדוגמה. הן אינן מגבילות את מה שניתן לשנות בהמשך. לאחר בחירת תבנית, עדיין אפשר לערוך, להזיז, לשכפל, לעצב מחדש או להסיר כל רכיב.
לכל סוג טופס יש תבניות המתאימות למטרה שלו. לדוגמה, דפי נחיתה כוללים עיצובי דפים מלאים לניוזלטר, למתנה דיגיטלית, לוובינר ולרשימת המתנה. לטפסים משובצים, לחלונות קופצים ולחלוניות נגללות יש עיצובי התחלה קומפקטיים משלהם.
אם אינכם בטוחים איזו תבנית לבחור, בחרו בזו שהמבנה שלה קרוב ביותר למטרה שלכם. בדרך כלל שינוי הטקסט, הצבעים והתמונות מהיר יותר מבניית אותו מבנה מקנבס ריק.
יצירת הפריסה
פתחו את “Layout” בסרגל הצד השמאלי כדי להוסיף שורה חדשה של תאים. הפריסות הזמינות כוללות:
- תא אחד
- שניים, שלושה או ארבעה תאים שווים
- שני תאים ביחס של 2:1
- שני תאים ביחס של 1:2
לחצו על פריסה כדי להוסיף אותה במיקום ההוספה הנוכחי, או גררו אותה אל הקנבס. לאחר מכן תוכלו למקם תוכן בתוך כל תא.
בחרו תיבה או עמודה כדי להתאים את הגודל, המרווח, היישור, הרקע, המסגרת והריפוד שלה בסרגל הצד הימני. בפריסות מרובות עמודות ניתן גם לשנות את רוחב העמודות היחסי.
השתמשו בפריסות כדי ליצור סדר קריאה ברור. עמודה אחת מתאימה לטפסי הרשמה קומפקטיים. פריסה של שתי עמודות שימושית כאשר תמונה, רשימת יתרונות או מידע על אירוע צריכים להופיע לצד טופס ההרשמה.
הוספת תוכן
פתחו את “Content” בסרגל הצד השמאלי כדי להוסיף בלוקי תוכן נפרדים. תוכלו ללחוץ על בלוק כדי להוסיף אותו או לגרור אותו למיקום הרצוי בקנבס.
הבונה מספק את בלוקי התוכן הבאים:
טופס הרשמה — כולל את שדות המנוי ואת לחצן השליחה. עיצוב חייב לכלול בלוק טופס הרשמה אחד לפני שניתן לשמור אותו כטופס פעיל. לאחר שהבלוק קיים, הוא לא יוצע עוד כבלוק תוכן נוסף.
טקסט — מוסיף כותרות, פסקאות או טקסט מעוצב אחר.
תמונה — מוסיפה תמונה מכתובת URL, מהעלאה או מספריית המדיה של Maildroppa. ניתן לספק טקסט חלופי, להוסיף קישור ולשלוט במידות, ביחס הגובה-רוחב, בחיתוך, בנקודת המוקד, בסיבוב ובהיפוך.
סרטון — מוסיף סרטון YouTube או Vimeo, כתובת URL להטמעה או קובץ וידאו ישיר. ניתן גם להגדיר תמונת תצוגה מקדימה ואת מראה לחצן ההפעלה.
רשימה — מוסיפה רשימה עם תבליטים או מספור. ניתן לערוך את הפריטים ולשלוט בצבע הסמנים, במרווח, בטיפוגרפיה וביישור.
לחצן — מוסיף לחצן קישור עם טקסט, כתובת URL, גודל, רוחב, צבעים, מסגרת, טיפוגרפיה ויישור הניתנים להגדרה.
קישורים חברתיים — מוסיפים סמלים מקושרים לשירותים כמו Facebook, Instagram, LinkedIn, TikTok, YouTube או לאתר שלכם.
מונה מנויים — מציג את המספר הנוכחי של המנויים שאישרו את ההרשמה. ניתן להוסיף היסט, לשנות את התווית ולעצב את המספר והטקסט.
רווח — מוסיף שטח ריק מבוקר. ניתן להגדיר את המרווח למחשב ולנייד בנפרד.
מפריד — מוסיף קו אופקי עם צבע, עובי, רוחב, סגנון, יישור ומרווח הניתנים להגדרה.
דפי נחיתה מספקים גם מקטעים מלאים לשימוש חוזר. אלה מוסברים במדריך דפי הנחיתה.
בחירה וסידור של רכיבים
לחצו על רכיב בקנבס כדי לבחור בו. ההגדרות שלו יופיעו בסרגל הצד הימני.
הפקדים שעל הרכיב שנבחר או בסמוך אליו מאפשרים להזיז, לשכפל או למחוק אותו. ניתן גם לגרור רכיב לתא או למיקום אחר. מחוון מיקום מציג היכן הוא יוכנס.
פתחו את “Layers” כאשר הדף כולל תיבות, עמודות ובלוקי תוכן מקוננים רבים. חלונית השכבות מציגה את המבנה המלא כרשימה. משם תוכלו:
- לבחור רכיב
- לשנות את שמו לזיהוי קל יותר
- להזיז אותו למעלה או למטה
- לגרור אותו למיקום אחר
- לנעול או לבטל את נעילתו
- לשכפל אותו
- למחוק אותו
נעילה שימושית כאשר אין להזיז בטעות רקע, תמונה או מקטע שהושלמו. בטלו את נעילת השכבה כשתרצו לערוך או למקם אותה מחדש.
השתמשו ב-“Undo” וב-“Redo” בסרגל הכלים של הבונה כדי לחזור אחורה או להתקדם דרך שינויי עיצוב אחרונים.
עריכת טקסט
לחצו בתוך רכיב טקסט כדי לערוך את התוכן ישירות בקנבס. סרגל הכלים של הטקסט מספק סגנונות לפסקאות ולכותרות יחד עם אפשרויות עיצוב נפוצות.
בהתאם לטקסט שנבחר, תוכלו להשתמש בהדגשה, נטוי, קו תחתון, קו חוצה, כתב תחתי, כתב עילי, יישור, רשימות עם תבליטים או מספור, קישורים ואימוג'י. הגדרות הטקסט שנבחר מאפשרות גם להתאים את הטיפוגרפיה והצבעים בלי לשנות כל רכיב טקסט אחר.
השתמשו בהגדרות הטיפוגרפיה הכלליות תחת “Page settings” כאשר כל הכותרות, טקסט הגוף, הקישורים או הלחצנים צריכים לשתף סגנון אחיד. השתמשו בהגדרות הרכיב שנבחר כאשר רק בלוק אחד צריך להיראות שונה.
הגדרת טופס ההרשמה
בחרו את בלוק טופס ההרשמה בקנבס כדי לפתוח את ההגדרות שלו. הסעיפים הזמינים כוללים את סרגל ההתקדמות, מונה המנויים, השדות, התגיות הנסתרות, מכל הטופס, שדות הקלט ולחצן השליחה.
שדות מנוי
כתובת האימייל היא השדה המרכזי בטופס הרשמה. ניתן גם להוסיף שדות מנוי הקיימים בחשבון Maildroppa שלכם.
עבור כל שדה תוכלו לשנות את התווית ואת הטקסט המוצג כממלא מקום, להחליט אם הוא חובה ולבחור אם תווית השדה תוצג. ניתן לשנות את סדר השדות באמצעות גרירה או פקדי התנועה.
בקשו רק מידע שאתם באמת צריכים. טפסים קצרים יותר מהירים יותר למילוי, בעוד ששדות נוספים שימושיים כאשר המידע ישמש לפילוח או להתאמה אישית.
תגיות נסתרות
תגיות נסתרות אינן מוצגות למבקרים. כאשר מישהו נרשם דרך הטופס, Maildroppa מקצה אוטומטית את התגיות שנבחרו לאותו מנוי.
הדבר שימושי לזיהוי המקור או העניין שהובילו להרשמה. לדוגמה, טופס לוובינר יכול להחיל תגית “Webinar”, בעוד שטופס למתנה דיגיטלית יכול להחיל תגית עבור הנושא שהורד.
סרגל התקדמות
ניתן להשבית את סרגל ההתקדמות או להציג אותו כאחוז או כמחוון דו-שלבי.
עבור מחוון אחוזים ניתן לשנות את הטקסט, הצבעים, גודל הגופן, המשקל והיישור. עבור מחוון דו-שלבי ניתן לערוך את התוויות של שני השלבים ולבחור צבעים פעילים ולא פעילים.
מחוון התקדמות יכול לעזור להסביר ששליחת הטופס היא השלב הראשון ואישור האימייל של Double Opt-in הוא השלב השני.
מונה מנויים בתוך הטופס
טופס ההרשמה יכול להציג את המספר הנוכחי של המנויים שאישרו את ההרשמה לפני לחצן השליחה או אחריו.
ניתן להוסיף היסט, לכתוב תווית, לבחור את המיקום ולהתאים את הטיפוגרפיה והיישור. ההיסט מתווסף למספר המנויים המאושרים שמוצג על ידי Maildroppa.
מונה הטופס הזה שונה מבלוק התוכן העצמאי “Subscriber counter”. השתמשו בהגדרת הטופס כאשר המספר צריך להיות קשור ישירות לאזור השליחה. השתמשו בבלוק התוכן כאשר המונה צריך להופיע במקום אחר בעיצוב.
עיצוב הטופס, הקלט והלחצן
הגדרות “Signup Form Block” שולטות במכל שמקיף את השדות, כולל הרקע, המסגרת, רדיוס הפינות והמרווח שלו.
הגדרות הקלט שולטות ברקע השדות, בתוויות, בטקסט, בטקסטים המוצגים כממלאי מקום, במסגרות ובמרווחים. ללחצן השליחה יש הגדרות נפרדות עבור הטקסט, הטיפוגרפיה, הצבעים, המסגרת, המידות והיישור.
ניתן ללחוץ ישירות על סרגל ההתקדמות או על לחצן השליחה בקנבס כדי לפתוח מיד את ההגדרות של אותו חלק.
שינוי המראה הכללי
פתחו את “Page settings” בסרגל הצד הימני כדי לשנות את העיצוב הכללי. עבור טפסים משובצים, חלונות קופצים וחלוניות נגללות, הגדרות אלה חלות על קנבס הטופס ולא על דף מתארח מלא.
ניתן להגדיר את הרקע הראשי, תמונת הרקע, הרוחב המרבי והמרווח בנייד. הגדרות המראה מגדירות ברירות מחדל עבור:
- גופן הגוף וצבע הטקסט
- צבע הקישורים, קו תחתון וצבע במעבר עכבר
- גופן הכותרות, צבע, משקל, גודל וגובה שורה
- לחצנים
- תיבות, מסגרות, רדיוסי פינות, מרווחים וריפוד
- ריפוד הדף בנייד והנקודה שבה העמודות נערמות
ברירות המחדל האלה שומרות על עיצוב עקבי. עדיין ניתן לדרוס אותן ברמת הבלוק כשצריך.
חיבור תהליך הרשמה
כל טופס מחובר ל-תהליך הרשמה. תהליך ההרשמה שולט במסע המנוי לאחר שליחת הטופס:
- מה המבקר רואה מיד לאחר שליחת הטופס
- איזה אימייל Double Opt-in נשלח
- מה קורה לאחר שהמנוי מאשר את כתובת האימייל
פתחו את פקד תהליך ההרשמה בכותרת הבונה כדי לראות את התהליך שהוקצה כעת. תוכלו לבחור תהליך קיים אחר, לערוך את התהליך שנבחר או ליצור תהליך חדש.
תהליך הרשמה יכול לשמש כמה טפסים. אם תערכו תהליך משותף, השינוי ישפיע על כל טופס שמשתמש בו. לכן Maildroppa מאפשרת לבחור אם לערוך את התהליך המשותף או ליצור עותק נפרד עבור הטופס הנוכחי.
תצוגה מקדימה ושמירה
לחצו על “Preview” כדי לבדוק את העיצוב המלא ואת חוויית ההרשמה לפני הפיכתם לציבוריים. התצוגה המקדימה שימושית לבדיקת טקסטים ארוכים, פרופורציות תמונות, סדר השדות, תוויות הלחצנים והאיזון הכללי של הטופס.
עבור טפסים משובצים, חלונות קופצים וחלוניות נגללות, לחצו על “Save changes” כשאתם מוכנים לשמור את הגרסה הנוכחית.
דפי נחיתה משתמשים בפקדי טיוטה ופרסום בסרגל העליון. ניתן לשמור אותם בלי לפרסם, ושינויים בדף שכבר פורסם נשארים לא מפורסמים עד שתפרסמו אותם. התהליך המלא מוסבר בבניית דף נחיתה ופרסומו.
לאחר השמירה, חזרו לסקירת טפסי ההרשמה כדי להפעיל ולהטמיע טופס באתר או לנהל דף נחיתה שפורסם.
המשיכו עם סוג הטופס שלכם
עבודת העיצוב המשותפת הושלמה. המשיכו למדריך עבור הטופס שאתם יוצרים:
Ready to Send Better Emails?
Stop juggling bloated tools or overpriced plans. Maildroppa offers personal support, GDPR-level privacy, and powerful email marketing - starting free forever.
No credit card required. No time limit.