מרכז ההדרכות של סקולילנד

בלוקים לעורך Gutenberg

אנו משחררים את Gutenberg Blocks עבור CartFlows 1.5.20 & CartFlows Pro 1.5.12 גרסת ומעלה. בלוקים אלה יספקו אפשרויות סגנון נוספות לקוד הקצר ויגדילו את הגמישות לעיצוב דפי CartFlows.

בלוקים אלה מוצגים על ידי CartFlows כדי להביא חוויה חדשה לגמרי ליצירת משפכים. עבורם חילקנו אותם לשני חלקים CartFlows free ו-CartFlows Pro בלוקים.

ב-CartFlows, תקבלו בלוקים עבור כל הקודים הקצרים הזמינים בגרסת ה-Free וגם ב-Pro והם כדלקמן

    >
  • לחצן השלב הבא/בלוק קישור
  • Opt Form Block
  • חסימה של טופס קופה
  • מכירות וamp; Downsell Shortcodes כולל וריאציות מוצר וקבלת הצעה & דחה חסימה.
  • חסום סקירת הזמנה (דף תודה).

הערה: בלוקים אלה יוצגו רק בדפים/צעדים שלהם. זה אומר שכאשר אתה פותח/עורך את דף הנחיתה, אתה תראה את גוש ה- Next Step Button/Link. באופן דומה עבור שאר השלבים/דפים.

בואו נראה, כל דף/צעד חסום וכיצד ניתן לנהל אותו.

דף 1: דף נחיתה וזה חסום

לדף זה יש בלוק אחד וזהו לחצן השלב הבא חסימה.

# הגדרות בכרטיסייה כללית: בחלק זה, יהיו לנו את ההגדרות לשנות את היישור של הבלוק והטקסט, כמו גם שתוכל להוסיף את הסמל לבלוק. [ צילום מסך  ]

# הגדרה בכרטיסיית סגנון: כאן תמצא את ההגדרה לשינוי צבע הבלוק וכן את הטקסט והסמלים יחד עם הריפוד & סמלי שוליים.

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

#Setting in Advance Tab: בחלק זה תמצא אפשרויות להוספת מידע נוסף כגון הגדרת קישור והוספת CSS מותאם אישית.

עמוד 2: עמוד הצטרפו וזה חסום #

לדף זה יש בלוק אחד והוא חסימת טופס האופטי

# הגדרות בכרטיסייה כללי: בחלק זה, תמצא את ההגדרות של צבע ראשי וטיפוגרפיה של הבלוק.

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

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

# הגדרה בכרטיסייה נוספת: בחלק זה, תמצא את האפשרות להוסיף CSS מותאם אישית נוסף.

עמוד 3: דף קופה & זה בלוק #

דף זה כולל גם בלוק אחד ואפשרויות עיצוב שונות עבור תכונות שונות. כגון Bump Order, Precheck Offer וכו’

#Setting in Layout Tab: כאן בלשונית זו תקבל את האפשרות לשנות את הפריסה של דף התשלום. כגון שאתה יכול לשנות את הפריסה לדו-שלבי, שני עמודים או עמודה אחת.

# הגדרה בכרטיסייה גלובלית: כאן בסעיף זה, תקבל את הצבע הגלובלי והטיפוגרפיה הגלובלית של טופס התשלום. זה יחול על כל הרכיבים בטופס התשלום בלבד. 

# הגדרה בכרטיסיית הכותרת: בחלק זה תקבלו את כל אפשרויות העיצוב של הכותרת הקיימות בטופס ה-CartFlows Checkout.

# הגדרה בכרטיסייה שדות קלט: בחלק זה, תקבלו את כל אפשרויות העיצוב עבור שדות הקלט הקיימים בטופס ה-CartFlows Checkout.

# הגדרה בכרטיסיית הלחצנים: בחלק זה, תקבלו את כל אפשרויות העיצוב של רכיב הלחצנים הקיים בטופס ה-CartFlows Checkout.

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

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

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

# הגדרה בכרטיסייה Bump Order: בסעיף זה, תקבלו את כל אפשרויות העיצוב של תכונת Bump Order בדף Checkout.. 

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

# הגדרה בכרטיסייה נוספת: בחלק זה תקבלו אפשרויות להוספת CSS מותאם אישית נוסף.

עמוד 4 & 5: מכירת יתר & דפי מכירת ירידה #

    >
  • כפי שכולכם יודעים, דפים אלה תומכים גם במוצרי גרסאות. זה אומר שאתה יכול להציג ולמכור את מוצרי הווריאציה מה-Upsell & דפי מכירת ירידה. 
  • כברירת מחדל ישנם מספר קודים קצרים הזמינים בהגדרת הקצה האחורי של דפים אלה באופן דומה עבור אותו הדבר, הצגנו את Gutenberg Blocks עבורו. 

# הגדרה בכרטיסיית סגנון: יש אפשרויות סגנון נפרדות עבור כל אחד מהבלוקים. בלוקים אלה כוללים

    >
  • לחצן הצעה כן/לא: כדי להציג את לחצן קבל או דחייה של ההצעה.
  • הצע קישור כן/לא: כדי להציג את ההצעה קבל או דחה קישורים.
  • כותרת המוצר של ההצעה: מציג את כותרת המוצר של המבצע ומוצג באופן דינמי.
  • מחיר המוצר המוצע: מציג את מחיר המוצר המוצע ומוצג באופן דינמי.
  • הצע תיאור מוצר: כדי להציג את תיאור המוצר ולהציג אותו באופן דינמי.
  • הצע גרסת מוצר : כדי להציג את הווריאציה של המוצר אם היא זמינה )
  • שדה כמות מוצר הצעה : כדי לתת למשתמש אפשרות לבחור את כמות המוצר המוצע.

עמוד 6: דף תודה & זה בלוק #

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

# הגדרה בכרטיסייה כללית: לכרטיסייה זו יש את האפשרויות להסתיר/להראות את קטעי סקירת ההזמנות. 

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

# הגדרה בכרטיסיית הכותרת: לכרטיסייה הזו יש הגדרות לשינוי הטקסט של הכותרת וצבע הכותרת כולל הטיפוגרפיה.

# הגדרה בכרטיסייה מדור: לכרטיסייה זו יש הגדרות לניהול הטקסט, הצבע והטיפוגרפיה של הקטעים של סקירת ההזמנה.

# הגדרה בכרטיסייה סקירת הזמנה: לכרטיסייה זו יש הגדרות לניהול הטקסט, הצבע והטיפוגרפיה של מדור סקירת ההזמנה.

# הגדרה בכרטיסיית הורדות: לכרטיסייה זו יש הגדרות לניהול הטקסט, הצבע והטיפוגרפיה של מדור ההורדות. מקטע ההורדות יוצג רק כאשר המוצר הניתן להורדה נרכש.< /p>

# הגדרה בכרטיסיית פרטי ההזמנה: לכרטיסייה זו יש הגדרות לניהול הטקסט, הצבע והטיפוגרפיה של מדור ההורדות.

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

# הגדרה בכרטיסייה נוספת: בחלק זה תקבלו אפשרויות להוספת CSS מותאם אישית נוסף.

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

אם אינך משתמש ב-Gutenberg Blocks וברצונך להשתמש בהם כברירת המחדל, כלומר באמצעות ה-shortcode, זה מאמר יעזור לך להבין את המקומות הנכונים של קודי הקיצור.

עיצוב משפך שמח!!

אהבתם? מוזמנים לשתף:

מדריך זה היה שימושי?

  • Happy
  • Normal
  • Sad

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *