ערכי קלט דינמיים בשלבי הטופס #

Fluent Forms מאפשר לך למלא ערכי קלט שהם מאוד שימושיים לטופס רב-שלבי.

• המשתמש הזין את שמו בשלב הראשון של הטופס, ואחרי כן, ברכנו אותו בשלב השני על ידי מילוי דינמי של ערכי קלט.

• ראשית, צור טופס רב-שלבי. למידע נוסף על יצירת טופס רב-שלבי עם Fluent Forms.

• למאמר זה, יצרתי טופס רב-שלבי עם קלט שם בשלב הראשון.

• השלב השני משתמש בשדה קלט HTML מותאם אישית (Custom HTML Input Field) כדי למלא את נתוני קלט השם.

• דוגמת קוד חכמה ניתן למצוא בחלק התחתון הימני של אזורי קלט ה-HTML.

• באמצעות קודים חכמים (Smart Codes), אתה יכול להציג את התוכן של הקלט הקודם.

• וכדי לעשות זאת, השתמש ב-{dynamic.YOUR_INPUT_NAME} כאשר YOUR_INPUT_NAME הוא שם ה-Name Attribute של שדה הקלט שברצונך למלא (קבל קונספט זה מתמונת המסך שלהלן)

• עליך ללחוץ על שדה הקלט (למשל, שדה השם כאן). לאחר לחיצה על השדה בצד ימין של העמוד, תראה אפשרויות מתקדמות (Advanced Options), כאשר תמצא את ה-Name Attribute של שדה הקלט.

• בשדה תוכן ה-HTML, כתוב את SmartCode כדי לברך את המשתמש בשלב הבא.

• כאן “names” הוא ה-Name Attribute של שדה השם.

• אחרי הכל, אנחנו נשמור (Save) את הטופס וב-Preview לטופס.

• הטופס יהיה כמו תמונת המסך שלהלן –

• וזה הכל. ייתכן גם שתשתמש ב-Name Attributes כדי למלא שדות אימייל וקלטים אחרים.