למדו איך להתאים את בלוק טופס יצירת הקשר של SupportRetriever לעיצוב חנות ה-Shopify.
אפשרויות התאמה
בלוק טופס יצירת הקשר מציע הגדרות בעורך התבנית של Shopify:
הגדרות בלוק (צד Shopify)
- כתובת טופס: הלינק לטופס SupportRetriever
- טופס Height: גובה מיכל הטופס (400px–1000px)
- הצג מסגרת: הצגה/הסתרה של מסגרת
הגדרות טופס (צד SupportRetriever)
התאמות נוספות ב-dashboard: כותרת ותיאור, צבע רקע, צבע כפתור, צבע טקסט, לוגו/מיתוג, תוויות ו-placeholders לשדות.
התאמה בעורך התבנית של Shopify
- התחברות ל-Shopify admin → Online Store → Themes → Customize
- ניווט לדף עם בלוק טופס יצירת הקשר
- לחיצה על הבלוק – ההגדרות מופיעות בימין
- גובה: 400px (קומפקטי) עד 1000px (מומלץ לתצוגה מלאה)
- הצג מסגרת: מסגרת עדינה או בלי מסגרת
התאמה ב-dashboard של SupportRetriever
- צבעי רקע, כפתור וטקסט
- כתובת לוגו (מומלץ 200×60px)
- כותרת ותיאור הטופס
- תוויות ו-placeholders לשדות
טיפים למיקום ו-Layout
- דף יצירת קשר ייעודי: בלוק ברוחב מלא, גובה 1000px, בלי מסגרת
- טופס ליד תוכן: בלוק בעמודה, גובה מותאם, עם מסגרת
- טקסט מעל הטופס: סקשן טקסט + בלוק טופס
רספונסיביות מובייל
הטופס מותאם אוטומטית: דסקטופ, טאבלט, מובייל (שדות במחסנית, יעדים נוחים למגע). תמיד לבדוק תצוגה מקדימה במובייל.
פתרון בעיות מראה
- טופס נראה חתוך: להגדיל טופס Height
- צבעים לא תואמים: לעדכן צבעים ב-טופס Management ב-SupportRetriever
- מסגרת בולטת מדי: לכבות הצג מסגרת
- לוגו גדול מדי: לשנות גודל התמונה ל-200×60px או פחות