כיצד ליצור טופס עם אלמנטור בחינם

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

למרות שהווידג'ט של הטופס זמין רק ב-Elementor Pro, אין זה אומר שאינך יכול ליצור טופס בגרסה החינמית של אלמנטור.

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

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

צור טופס עם גרסה חינמית של Elementor באמצעות ווידג'ט HTML

שיטה זו דורשת ממך מיומנות HTML כדי ליצור את הטופס. לחלופין, תוכל להוריד תבנית טופס HTML מהאינטרנט. ל-W3docs יש יותר מ-60 תבניות טופס HTML שתוכל להוריד בחינם.

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

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

פרסם/עדכן את הדף לאחר שתסיים לערוך אותו.

ראה גם: כיצד להשתמש ברכיבי ווידג'טים/תבניות של אלמנטור כבלוקים של גוטנברג

דבר. אם טופס ה-HTML שלך משתמש ב-CSS חיצוני, תמונות או JavaScript לעיצוב, הקפד להעלות את התיקיות המכילות את קוד ה-CSS, התמונות וה-JavaScript לספריית השורש של האתר שלך.

צור טופס ב-Elementor בחינם באמצעות טופס יצירת קשר 7

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

ראשית, התקן את התוסף טופס יצירת קשר 7. לשם כך, עבור אל הרחבות - > הוסף. הקלד "טופס יצירת קשר 7" בתיבת החיפוש ולחץ על הכפתור להתקין עכשיו ברגע שמצאת אותו.

הפעל את התוסף מיד לאחר ההתקנה.

טופס יצירת קשר 7 מגיע עם טופס ברירת מחדל (א טופס יצירת קשר ). אתה יכול להשתמש בו אם אתה רוצה. אם אתה רוצה ליצור טופס חדש במקום זאת, אתה יכול ללכת אל איש קשר – > הוסף. תן לטופס שלך שם כדי שתוכל לזהות אותו בקלות בעתיד.

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

אם ברצונך להוסיף שדה חדש, מקם את המצביע שלך באזור שבו ברצונך להוסיף את השדה החדש (תוכל למקם אותו מתחת או מעל שדה קיים). הוסף תווית עבור שדה טופס חדש בפורמט <label> votre label préféré </label>.

הצב את המצביע מיד אחרי התווית ובחר שדה בלשונית השדה. אתה יכול להוסיף מעבר שורה חדש כדי להפוך את השדה החדש שלך לנקי יותר משדות קיימים אחרים.

מלא את השדות ולחץ על הכנס את התג (אתה יכול להשאיר הכל כברירת מחדל).

טופס יצירת קשר 7 ישלח את ההגשות שנשלחו דרך הטופס שלך למייל. אתה יכול להגדיר את המייל מהכרטיסייה דואר אלקטרוני.

אתה יכול ללכת ללשונית הודעות אם ברצונך לעקוף את הודעות ברירת המחדל. אתה יכול להתאים אישית את ההודעה שמופיעה לאחר שהמבקרים שלך שולחים את הטופס בהצלחה או את הודעת השגיאה כאשר הטופס לא נשלח וכו'.

לחץ על הכפתור Enregistrer לאחר שתסיים לערוך את הטופס ולהעתיק את ה-shortcode.

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

קראו גם: כיצד להשבית חלון קופץ של Elementor בסמארטפונים

הוסף קטע חדש כדי למקם את הטופס ולהוסיף את Shortcode-widget. לאחר הוספת הווידג'ט Shortcode, עבור לחלונית השמאלית והדבק את ה-shortcode שהעתקת בשדה וגלישה תחת הכרטיסייה תוכן.

פרסם/עדכן את הדף שלך לאחר שתסיים לערוך אותו.

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

קבל את Elementor Pro עכשיו!!!

סיכום

כך ! זהו המאמר הזה שמראה לך איך ליצור טופס עם Elementor בחינם. אם יש לך חששות לגבי איך להגיע לשם, הודע להם ב- commentaires.

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

אבל בינתיים, שתף מאמר זה ברשתות החברתיות השונות שלך.

...