Modal/Popup/Lightbox – Fluent Forms #

פופאפים (Popups) טובים להגברת הרישומים לניוזלטר באתר שלך. אם אתה רוצה להציג את הטופס שלך בתוך פופאפ, עקוב אחר התיעוד הזה והוא יראה לך כיצד להציג את הטפסים שלך בטופס modal, pop-up, או lightbox.

Fluent Forms מגיע עם תכונות פופאפ מובנות. כרגע הוא מציע טריגר פופאפ מבוסס כפתור.

• כדי להציג טפסי פופאפ, עליך להשתמש בקוד מקוצר (Shortcode) שונה קצת מהקוד הרגיל.

אל תשכח להחליף את מזהה הטופס בזה שלך.

• העתק (Copy) את קוד המקוצר והדבק (Paste) אותו לדף או פוסט שלך שבו אתה רוצה להציג את הפופאפ. זכור להחליף את מזהה הטופס.

• כדי למצוא את מזהה הטופס, עבור אל (Go to) Fluent Forms ולחץ על (Click) על כל הטפסים, כפי שמוצג בצילום המסך לעיל.

• בואו נתאים את קוד המקוצר של הפופאפ כדי לשנות את טקסט כפתור ההפעלה, עיצוב הכפתור, צבע רקע וכו’.

• כדי לשנות את טקסט הכפתור, פשוט הוסף (Add) חלק קוד זה (btn_text=”Click Me”) לקוד המקוצר של הפופאפ שלך. אז קוד המקוצר של הפופאפ הסופי יהיה

• אתה יכול גם לשנות את צבע הרקע של טופס הפופאפ על ידי הוספת חלק קוד זה (bg_color=”blue”) בתוך קוד המקוצר. כעת קוד המקוצר של הפופאפ יהיה:

• האם אתה רוצה להוסיף (Add) מחלקת CSS מותאמת לכפתור כך שתוכל ליצור סטיילינג לפי רצונך? בואו והקצה מחלקות CSS (css_class=”myClass myClassAgain”) בתוך קוד המקוצר של הכפתור. עליך להשתמש ב-“css_class” כמפתח להקצאת המחלקות לכפתורים.

• אז קוד המקוצר לאחר הקצאת מחלקות CSS מותאמות יהיה:

• אלה יוסיפו (Add) את מחלקת CSS לכפתור, כפי שמוצג בצילום המסך למטה, כדי שתוכל להתאים את הכפתור שלך בסגנון שלך

מזל טוב על יצירת הפופאפ שלך עם Fluent Forms.

שים לב שאתה יכול להשתמש בכל בונה פופאפ כמו Popup Maker או Elementor Popup. אתה רק צריך להוסיף (Add) את קוד המקוצר של Fluent Forms בתוך בונה הפופאפ.