אם לרגע תחשבו על זה תגלו כי אחד החלקים הכי חשובים באתר אינטרנט – אם לא החשוב ביותר – זהו הטופס. הטופס הוא הכלי באמצעותו יש לגולש קשר עם נותן השירות או מנהל האתר. זה יכול להיות טופס יצירת קשר או ללכידת לידים, הרשמה למועדון לקוחות או לניוזלטר או אפילו טופס לקבלת שירות, עדיין, בכל אתר אינטרנט יש טופס שאנחנו רוצים שהגולשים יכתבו לנו דרכו, יזמינו שירות או ישאירו לנו פרטים.
מצד שני, עולם האינטרנט התקדם רבות במהלך השנים האחרונות. האתרים נהפכו להיות מעוצבים, מתוחכמים ומתקדמים יותר ויותר. ומעצבי אתרים משכללים כל הזמן את השיטה לתפוס את תשומת הלב של הגולש במקומות שונים באתר. זה יכול להיות בתחתית עמוד הבית, בחלונית פופאפ, בעמוד אודות שמעוצב בשכבות ורקעים שונים או אפילו בעמוד יצירת קשר הוותיק והטוב.
אז למה בכל פעם שאתם צריכים לפתוח טופס חדש, אתם עדיין שוברים את הראש על היצירה והעיצוב של הטופס, וכל הזמן צריכים לכתוב עוד ועוד קוד HTML או CSS כדי שהוא יראה נורמלי? זה עוד לפני שאתם בכלל הגעתם להתאמה למובייל, תאימות בין דפדפנים וכל זה…
במהלך השנה האחרונה גילינו שאנחנו לא לבד והמון לקוחות שלנו נתקלו באותה בעיה. שוב ושוב אנחנו מגלים כל פעם מחדש איך הבעיות שאנחנו נתקלים בהן, חוזרות על עצמן שוב ושוב גם אצל משתמשים אחרים. אז בשביל זה אנחנו כאן ואנחנו כל הזמן לומדים ממכם עוד ועוד ומשפרים ככל הניתן.
החזון שמוביל אותנו מאז שחשבנו על Pojo, זה לא רק להוציא עוד ועוד תבניות מעוצבות, אלא להפוך את תהליך הפיתוח של אתר האינטרנט למהיר ככל הניתן, לא משנה אם זה עיצוב או פונקציונליות. אז אם עד היום נאלצתם ליצור טפסים באמצעות כל מיני תוספים שהכריחו אתכם להתעסק עם קוד, מהיום תשכחו מזה.
תכירו את תוסף הטפסים החדש שלנו: Pojo Forms
תוסף הטפסים יוסיף לאתר שלכם ממשק Drag & Drop פשוט וידידותי שיאפשר לכם לבנות טפסים מעוצבים בקלות ובפשטות שעוד לא הכרתם. עם אין ספור פריסות ואפשרויות תצוגה ייחודיות, תוך שליטה מלאה על העיצוב והסטייל של השדות והכפתורים.
<hr>
HTML5 Fields
לכל טופס ניתן לבחור בין 9 סוגי שדות שונים המותאמים כולם ל HTML5 על מנת לאפשר הנגשה מלאה לכל סוגי המשתמשים והמכשירים: טקסט, אזור טקסט, קישור, אימייל, טלפון, מספר, תפריט בחירה, כפתורי סימון ואפשרויות בחירה.
לכל שדה יש את ההגדרות המתאימות לו וניתן להגדיר מספר פרמטרים: רוחב שדה, שדה חובה, CSS Classes וטקסט בתוך השדה (Placeholder) בנוסף הוספנו לכל שדה שורטקוד מיוחד בו ניתן להשתמש באפשרויות השליחה מתקדמות.
עימוד
לכל שדה או כפתור ניתן להגדיר את רוחב העמודה בטופס לפי אחוזים. כמו כן ניתן למקם את כותרת כל שדה: מעל, בפנים, צדדי מיושר לימין/שמאל. אפשרויות אלו פותחות בפניכם אין ספור אפשרויות עימוד ומבנה של פריסות בלתי מוגבל. בנוסף תוכלו ליישר את הכפתור בתוך העמודה לכל הצדדים או להגדיר אותו כבלוק.
גדלים
כדי לצמצם למינימום את הצורך ביצירת התאמות מיותרות באמצעות קוד CSS, הכנו לכם מראש כבר 5 גדלים לכל שדה או כפתור. זה שימושי במיוחד למקרים בהם אתם רוצים ליצור טופס מינימליסטי לסיידברים או טפסים מפלצתיים לדפי נחיתה ענקיים.
עיצוב וסגנון
כחלק מהחשיבה על מקסימום פשטות, בכל טופס כברירת מחדל ישמור את העיצוב הייחודי של ערכת העיצוב שלכם. אך יחד עם זאת תוכלו להגדיר "עיצוב מותאם אישית" שיפתחו לכם שליטה על כל פיקסל בטופס, החל מהצבע ורקע השדה עד לרוחב וגודל הרדיוס של הבורדר. כך תוכלו לשלב את הטופס על רקעים שונים בכל מקום באתר.
כפתור עריכה בחזית הטופס
במידה ואתם מחוברים למערכת, ברגע שתעברו על הטופס תוכלו לראות כפתור "עריכת טופס" שיאפשר לכם בקליק אחד להגיע לעריכת הטופס בלוח הבקרה, מה שיחסוך לכם עוד כמה קליקים מיותרים כדי לשנות פרט קטן בטופס.
רספונסיב
אם זה לא היה מובן מאליו עד כה, אז כמובן שכל הטפסים מגיעים עם התאמה מלאה לרספונסיב מלא עד רמת הפיקסל והתאמה לכל סוגי המסכים והמכשירים. כל טופס אופקי בדסקטופ יהפך לטופס אנכי במובייל, כל שדה עם כותרת צדדית בדסקטופ יהפך לכותרת עליונה. כל זה מגיע מוכן מהקופסה ללא צורך בהתאמה אישית או בהגדרה מיוחדת.
מובייל
כל השדות של הטפסים מותאמים בצורה מלאה למקלדות של הסמארטפונים, כדי לאפשר מילוי מהיר יותר של הטופס. לדוגמא, במידה והגולש יעבור לשדה שמוגדר כשדה "אימייל", אוטומטית המקלדת תציע לו את ה @ בתחתית המקלדת, אם תבחרו בשדה "טלפון" המקלדת במכשיר תהפך למספרים בלבד.
<hr>
אפשרויות שליחה
אימייל אל: כל טופס ניתן לשלוח לכתובת אימייל שתגדירו לו, כברירת מחדל המערכת תכניס לשדה את האימייל של מנהל האתר, אבל כמובן שתוכלו לשנות את זה ואף להגדיר מספר כתובות אימייל על ידי הפרדה בפסיקים.
כותרת אימייל: לכל טופס ניתן להגדיר כותרת מותאמת אישית, כברירת מחדל תופיע לכם הכותרת: הודעה חדשה מאת "שם האתר", אבל תוכלו לשלב בכותרת גם את השדות שהמשתמש אמור למלא באמצעות שימוש בשורטקוד ID שמתווסף לכל שדה בניהול הטופס.
מאת: ניתן להגדיר כתובת אימייל ושם השולח שיוצג לכם בתיבת האינבוקס, אנחנו ממליצים שלא להשתמש בכתובת של Gmail או שירות דומה, היות ומנועי הספאם מזהים את זה כמ ומתייגים את ההודעה כהודעת ספאם. בדרך כלל הכי טוב לתת כתובת עם שם הדומיין, לדוגמא: <code><לא ניתן לפרסם מיילים באופן פומבי></code>
דואר לתגובה: הוספנו אפשרות של בחירת אימייל לתגובה, שדה זה שימושי מאוד, היות וכך ניתן להגדיר את שדה אימייל של השולח באמצעות שורטקוד ID ובעת שנקבל את האימייל נוכל ללחוץ על "השב" ולשלוח אימייל למשתמש בקליק אחד.
הפניה לעמוד טנקיו: במקרים רבים תרצו לעקוב אחרי כמות הפידבקים שנשלחו אליכם, במקרים אחרים תרצו לייצר Target Goal בכלי האנליזה שאתם משתמשים בהם (Adwords, Facebook Pixel), בשדה זה תוכלו להגדיר עמוד Thank You אליו יגיעו מיד אחרי שילחצו על הכפתור שליחה של הטופס.
מידע טופס: לכל מייל שישלח אליכם תוכלו לקבל מידע נוסף אודות השולח על מנת שתוכלו לעקוב אחרי הדברים בצורה טובה ונוחה יותר: זמן ותאריך שליחה, קישור לעמוד ממנו נשלח הטופס, User Agent (דפדפן, מערכת הפעלה וכדו') ןכתובת IP של השולח
Akismet: על מנת להתמודד עם כמויות הספאם שיש כיום ברשת, הוספנו אפשרות אינטגרציה עם מסנן הספאם של Akismet שמותקן כמעט בכל אתר WordPress על ידי הכנסת השדות הרלוונטים להגדרות, המערכת תעביר כל משוב מהטופס דרך המסנן ספאם.
יומן פעילות: כדי שתוכלו לעקוב אחרי המשובים שנשלחים בטפסים שלכם, הוספנו התממשקות אל התוסף Activity Log כדי שתקבלו אינדיקציה מלאה על כל שלב.
<hr>
אז למה אתם מחכים?
אתם מוזמנים לשדרג את ערכת העיצוב שלנו לגרסה האחרונה ולקבל את תוסף הטפסים שלנו להתקנה ישירות על האתר שלכם. כמו כן אתם פשוט יכולים להוריד את התוסף ממאגר התוספים הרשמי של WordPress פה:
https://wordpress.org/plugins/pojo-forms
כמו כן נשמח לשמוע את דעתכם על התוסף החדש, אתם מוזמנים לשלוח לנו פידבק באמצעות הממשק שיופיע לכם באזור הטפסים באתר או כאן בתגובות
http://pojo.co.il/blog/pojo-forms/
מצד שני, עולם האינטרנט התקדם רבות במהלך השנים האחרונות. האתרים נהפכו להיות מעוצבים, מתוחכמים ומתקדמים יותר ויותר. ומעצבי אתרים משכללים כל הזמן את השיטה לתפוס את תשומת הלב של הגולש במקומות שונים באתר. זה יכול להיות בתחתית עמוד הבית, בחלונית פופאפ, בעמוד אודות שמעוצב בשכבות ורקעים שונים או אפילו בעמוד יצירת קשר הוותיק והטוב.
אז למה בכל פעם שאתם צריכים לפתוח טופס חדש, אתם עדיין שוברים את הראש על היצירה והעיצוב של הטופס, וכל הזמן צריכים לכתוב עוד ועוד קוד HTML או CSS כדי שהוא יראה נורמלי? זה עוד לפני שאתם בכלל הגעתם להתאמה למובייל, תאימות בין דפדפנים וכל זה…
במהלך השנה האחרונה גילינו שאנחנו לא לבד והמון לקוחות שלנו נתקלו באותה בעיה. שוב ושוב אנחנו מגלים כל פעם מחדש איך הבעיות שאנחנו נתקלים בהן, חוזרות על עצמן שוב ושוב גם אצל משתמשים אחרים. אז בשביל זה אנחנו כאן ואנחנו כל הזמן לומדים ממכם עוד ועוד ומשפרים ככל הניתן.
החזון שמוביל אותנו מאז שחשבנו על Pojo, זה לא רק להוציא עוד ועוד תבניות מעוצבות, אלא להפוך את תהליך הפיתוח של אתר האינטרנט למהיר ככל הניתן, לא משנה אם זה עיצוב או פונקציונליות. אז אם עד היום נאלצתם ליצור טפסים באמצעות כל מיני תוספים שהכריחו אתכם להתעסק עם קוד, מהיום תשכחו מזה.
תכירו את תוסף הטפסים החדש שלנו: Pojo Forms
תוסף הטפסים יוסיף לאתר שלכם ממשק Drag & Drop פשוט וידידותי שיאפשר לכם לבנות טפסים מעוצבים בקלות ובפשטות שעוד לא הכרתם. עם אין ספור פריסות ואפשרויות תצוגה ייחודיות, תוך שליטה מלאה על העיצוב והסטייל של השדות והכפתורים.
<hr>
HTML5 Fields
לכל טופס ניתן לבחור בין 9 סוגי שדות שונים המותאמים כולם ל HTML5 על מנת לאפשר הנגשה מלאה לכל סוגי המשתמשים והמכשירים: טקסט, אזור טקסט, קישור, אימייל, טלפון, מספר, תפריט בחירה, כפתורי סימון ואפשרויות בחירה.
לכל שדה יש את ההגדרות המתאימות לו וניתן להגדיר מספר פרמטרים: רוחב שדה, שדה חובה, CSS Classes וטקסט בתוך השדה (Placeholder) בנוסף הוספנו לכל שדה שורטקוד מיוחד בו ניתן להשתמש באפשרויות השליחה מתקדמות.
עימוד
לכל שדה או כפתור ניתן להגדיר את רוחב העמודה בטופס לפי אחוזים. כמו כן ניתן למקם את כותרת כל שדה: מעל, בפנים, צדדי מיושר לימין/שמאל. אפשרויות אלו פותחות בפניכם אין ספור אפשרויות עימוד ומבנה של פריסות בלתי מוגבל. בנוסף תוכלו ליישר את הכפתור בתוך העמודה לכל הצדדים או להגדיר אותו כבלוק.
גדלים
כדי לצמצם למינימום את הצורך ביצירת התאמות מיותרות באמצעות קוד CSS, הכנו לכם מראש כבר 5 גדלים לכל שדה או כפתור. זה שימושי במיוחד למקרים בהם אתם רוצים ליצור טופס מינימליסטי לסיידברים או טפסים מפלצתיים לדפי נחיתה ענקיים.
עיצוב וסגנון
כחלק מהחשיבה על מקסימום פשטות, בכל טופס כברירת מחדל ישמור את העיצוב הייחודי של ערכת העיצוב שלכם. אך יחד עם זאת תוכלו להגדיר "עיצוב מותאם אישית" שיפתחו לכם שליטה על כל פיקסל בטופס, החל מהצבע ורקע השדה עד לרוחב וגודל הרדיוס של הבורדר. כך תוכלו לשלב את הטופס על רקעים שונים בכל מקום באתר.
כפתור עריכה בחזית הטופס
במידה ואתם מחוברים למערכת, ברגע שתעברו על הטופס תוכלו לראות כפתור "עריכת טופס" שיאפשר לכם בקליק אחד להגיע לעריכת הטופס בלוח הבקרה, מה שיחסוך לכם עוד כמה קליקים מיותרים כדי לשנות פרט קטן בטופס.
רספונסיב
אם זה לא היה מובן מאליו עד כה, אז כמובן שכל הטפסים מגיעים עם התאמה מלאה לרספונסיב מלא עד רמת הפיקסל והתאמה לכל סוגי המסכים והמכשירים. כל טופס אופקי בדסקטופ יהפך לטופס אנכי במובייל, כל שדה עם כותרת צדדית בדסקטופ יהפך לכותרת עליונה. כל זה מגיע מוכן מהקופסה ללא צורך בהתאמה אישית או בהגדרה מיוחדת.
מובייל
כל השדות של הטפסים מותאמים בצורה מלאה למקלדות של הסמארטפונים, כדי לאפשר מילוי מהיר יותר של הטופס. לדוגמא, במידה והגולש יעבור לשדה שמוגדר כשדה "אימייל", אוטומטית המקלדת תציע לו את ה @ בתחתית המקלדת, אם תבחרו בשדה "טלפון" המקלדת במכשיר תהפך למספרים בלבד.
<hr>
אפשרויות שליחה
אימייל אל: כל טופס ניתן לשלוח לכתובת אימייל שתגדירו לו, כברירת מחדל המערכת תכניס לשדה את האימייל של מנהל האתר, אבל כמובן שתוכלו לשנות את זה ואף להגדיר מספר כתובות אימייל על ידי הפרדה בפסיקים.
כותרת אימייל: לכל טופס ניתן להגדיר כותרת מותאמת אישית, כברירת מחדל תופיע לכם הכותרת: הודעה חדשה מאת "שם האתר", אבל תוכלו לשלב בכותרת גם את השדות שהמשתמש אמור למלא באמצעות שימוש בשורטקוד ID שמתווסף לכל שדה בניהול הטופס.
מאת: ניתן להגדיר כתובת אימייל ושם השולח שיוצג לכם בתיבת האינבוקס, אנחנו ממליצים שלא להשתמש בכתובת של Gmail או שירות דומה, היות ומנועי הספאם מזהים את זה כמ ומתייגים את ההודעה כהודעת ספאם. בדרך כלל הכי טוב לתת כתובת עם שם הדומיין, לדוגמא: <code><לא ניתן לפרסם מיילים באופן פומבי></code>
דואר לתגובה: הוספנו אפשרות של בחירת אימייל לתגובה, שדה זה שימושי מאוד, היות וכך ניתן להגדיר את שדה אימייל של השולח באמצעות שורטקוד ID ובעת שנקבל את האימייל נוכל ללחוץ על "השב" ולשלוח אימייל למשתמש בקליק אחד.
הפניה לעמוד טנקיו: במקרים רבים תרצו לעקוב אחרי כמות הפידבקים שנשלחו אליכם, במקרים אחרים תרצו לייצר Target Goal בכלי האנליזה שאתם משתמשים בהם (Adwords, Facebook Pixel), בשדה זה תוכלו להגדיר עמוד Thank You אליו יגיעו מיד אחרי שילחצו על הכפתור שליחה של הטופס.
מידע טופס: לכל מייל שישלח אליכם תוכלו לקבל מידע נוסף אודות השולח על מנת שתוכלו לעקוב אחרי הדברים בצורה טובה ונוחה יותר: זמן ותאריך שליחה, קישור לעמוד ממנו נשלח הטופס, User Agent (דפדפן, מערכת הפעלה וכדו') ןכתובת IP של השולח
Akismet: על מנת להתמודד עם כמויות הספאם שיש כיום ברשת, הוספנו אפשרות אינטגרציה עם מסנן הספאם של Akismet שמותקן כמעט בכל אתר WordPress על ידי הכנסת השדות הרלוונטים להגדרות, המערכת תעביר כל משוב מהטופס דרך המסנן ספאם.
יומן פעילות: כדי שתוכלו לעקוב אחרי המשובים שנשלחים בטפסים שלכם, הוספנו התממשקות אל התוסף Activity Log כדי שתקבלו אינדיקציה מלאה על כל שלב.
<hr>
אז למה אתם מחכים?
אתם מוזמנים לשדרג את ערכת העיצוב שלנו לגרסה האחרונה ולקבל את תוסף הטפסים שלנו להתקנה ישירות על האתר שלכם. כמו כן אתם פשוט יכולים להוריד את התוסף ממאגר התוספים הרשמי של WordPress פה:
https://wordpress.org/plugins/pojo-forms
כמו כן נשמח לשמוע את דעתכם על התוסף החדש, אתם מוזמנים לשלוח לנו פידבק באמצעות הממשק שיופיע לכם באזור הטפסים באתר או כאן בתגובות
http://pojo.co.il/blog/pojo-forms/