אלמנטור פרו – פעולות מתקדמות עם טופס יצירת קשר

בסרטון זה נלמד כיצד לעבוד עם טפסי יצירת קשר של אלמנטור פרו, עם דגש על פעולות מתקדמות (אבל לא רק). הנושאים הנלמדים בסרטון:
✅ הגדרות טופס בסיסיות: הגדרות שדות, הגדרות שליחת מייל וכו'
✅ יצירת מסננים בג'ימייל, כדי לשייך לידים ממקור מסויים תחת לייבל ועל מנת שלא יגיעו לספאם.
✅ כיצד לייצר אפשרות ראשונה של "בחרו אפשרות" בשדה בחירה (דרופדאון/Select).
✅ הפניית URL לעמוד תודה (בסיסית).
✅ קבלת פרמטרים נוספים כגון שם העמוד/פוסט, תאריך ושעה, באמצעות שדות נסתרים ותגיות דינמיות.
✅ עיצוב גוף המייל באמצעות html ו css
✅ העברת פרמטרים משדות הטופס לעמוד תודה.

אם תרצו ללמוד עוד, אני מזמין אתכם להתרשם ולהרשם לקורס בניית אתרים בוורדפרס באמצעות אלמנטור, בכתובת: https://wp.f2f.co.il/

קישור (אפילייט) לרכישת אלמנטור פרו: https://be.elementor.com/visit/?bta=8704&nci=5383

הקוד בו השתמשתי בסרטון:

על מנת ליישר את גוף ההודעה לימין, עטפו את השורטקוד [all-fields] בקוד הנ"ל

<div style="direction: rtl; text-align: right;">
[all-fields]
</div>

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

<div style="direction: rtl; text-align: right;">
<p style="font-weight: bold; font-size: 18px;">

שם מלא: [field id="name"] /*דוגמא לשימש בשורטקוד של שדה השם*/
</p>
</div>

ניתן גם לעטוף את התווית (בדוגמא הנ"ל, שם מלא), בתגית span ובכך להפריד את עיצוב התווית מעיצוב תוכן השדה.
בדוגמא מטה, התווית "שם מלא", תהיה בצבע כחול:

<div style="direction: rtl; text-align: right;">
<p style="font-weight: bold; font-size: 18px;">

<span style="color: blue;">שם מלא:</span> [field id="name"] /*דוגמא לשימש בשורטקוד של שדה השם*/
</p>
</div>

על מנת להוסיף קווים מפרידים, השתמשו בתגית html שנקראת hr.
בדוגמא מטה הוספתי גם כותרת ברמת H3 כשמתחתיה קו מפריד:

<div style="direction: rtl; text-align: right;">

<h3 style="font-size:22px; font-weight: bold;">פרטי הליד</h3>
<hr/>
<p style="font-weight: bold; font-size: 18px;">

<span style="color: blue;">שם מלא:</span> [field id="name"] /*דוגמא לשימש בשורטקוד של שדה השם*/
</p>
</div>