أضف نموذج اتصال احترافي إلى متجر Shopify في دقائق باستخدام امتداد تطبيق سمة SupportRetriever.
ما هو امتداد تطبيق السمة؟
امتداد تطبيق السمة يتيح لك إضافة وظائف مخصصة إلى متجر Shopify دون تعديل كود السمة. يمكن وضع بلوك نموذج الاتصال SupportRetriever في أي صفحة، ليعطي العملاء طريقة سهلة للوصول إليك.
المزايا
- بدون كود: اسحب وأفلت البلوك في سمتك
- تثبيت نظيف: لا حاجة لتعديل ملفات السمة
- آمن للسمة: يبقى بعد تحديثات وتغييرات السمة
- متجاوب مع الجوال: يعمل بشكل ممتاز على جميع الأجهزة
- مظهر احترافي: قابل للتخصيص ليتناسب مع علامتك
- واجهة متجر نظيفة: شعار SupportRetriever يُخفى تلقائياً عند تضمين النموذج في متجر Shopify (متوافق مع سياسات العلامة التجارية لتطبيقات Shopify)
المتطلبات المسبقة
قبل البدء:
- تحتاج متجر Shopify (أي خطة تناسب)
- يجب أن تكون مسجلاً الدخول إلى لوحة إدارة Shopify
- تحتاج حساب SupportRetriever مع نموذج مُنشأ
طرق التثبيت
الطريقة 1: رابط الاختراق بنقرة واحدة (موصى به)
أسرع طريقة لتثبيت بلوك نموذج الاتصال هي استخدام رابط الاختراق من لوحة تحكم SupportRetriever.
الخطوة 1: ربط متجر Shopify
- سجّل الدخول إلى حساب SupportRetriever
- انتقل إلى الإعدادات (أيقونة ⚙️ في الشريط الجانبي)
- مرّر إلى قسم "تكامل Shopify"
- أدخل رابط متجرك:
yourstore.myshopify.com - انقر ربط Shopify
- صدّق الاتصال عند الطلب
الخطوة 2: فتح محرر السمات برابط الاختراق
- في قسم تكامل Shopify، سترى زر فتح محرر السمات
- انقر الزر — سيفتح محرر سمات Shopify
- بلوك نموذج الاتصال سيكون جاهزاً للإضافة
This button opens the Shopify محرر السمة with the نموذج الاتصال block ready to add.
الخطوة 3: إضافة البلوك إلى صفحتك
- في محرر السمات، سترى محرر الصفحة
- انقر إضافة بلوك أو إضافة قسم حيث تريد النموذج
- اختر التطبيقات من القائمة
- اختر نموذج الاتصال (SupportRetriever)
- سيُضاف البلوك إلى صفحتك
الخطوة 4: تكوين البلوك
- مع تحديد بلوك نموذج الاتصال، انظر إلى لوحة الإعدادات على اليمين
- رابط النموذج: الصق رابط نموذج SupportRetriever
- احصل عليه من لوحة تحكم SupportRetriever
- التنسيق:
https://supportretriever.com/form/your-form-id
- ارتفاع النموذج: اضبط الارتفاع (يُوصى بـ 1000px للنماذج الكاملة)
- إظهار الحدود: تفعيل/إلغاء إظهار الحدود (اختياري)
الخطوة 5: الحفظ والنشر
- انقر حفظ في أعلى يمين محرر السمات
- انقر نشر لجعل النموذج مباشراً على متجرك
- زر صفحتك لرؤية النموذج يعمل!
الطريقة 2: التثبيت اليدوي
إذا فضّلت إضافة البلوك يدوياً بدون رابط الاختراق:
الخطوة 1: الوصول إلى محرر السمات
- سجّل الدخول إلى لوحة إدارة Shopify
- انتقل إلى المتجر الإلكتروني → السمات
- انقر تخصيص على السمة المباشرة
الخطوة 2: الانتقال إلى صفحتك
- في أعلى محرر السمات، اختر الصفحة التي تريد النموذج فيها
- خيارات شائعة:
- صفحة الاتصال (الأكثر شيوعاً)
- صفحة من نحن
- صفحات مخصصة
- صفحات المنتجات (للاستفسارات الخاصة بمنتج)
الخطوة 3: إضافة قسم أو بلوك جديد
- انقر إضافة قسم (لنموذج بعرض كامل) أو إضافة بلوك (للإضافة داخل قسم موجود)
- مرّر إلى التطبيقات
- اختر نموذج الاتصال (سترى "SupportRetriever" أو اسم الامتداد)
الخطوة 4: تكوين إعدادات البلوك
كما في الطريقة 1، الخطوة 4 أعلاه — أضف رابط النموذج واضبط الإعدادات.
الحصول على رابط النموذج
للعثور على رابط نموذج SupportRetriever:
- سجّل الدخول إلى SupportRetriever
- انتقل إلى لوحة الإدارة
- انقر على إدارة النماذج (أيقونة النموذج في الشريط الجانبي)
- يظهر رابط النموذج في الأعلى:
https://supportretriever.com/form/[your-form-id] - انقر زر نسخ لنسخه إلى الحافظة
انظر أيضاً: الحصول على رابط النموذج للتعليمات التفصيلية.
خيارات الموضع الشائعة
صفحة الاتصال (الأكثر شيوعاً)
- أنشئ أو عدّل صفحة الاتصال
- أزل المحتوى الافتراضي (أو أبقِ محتواك الحالي فوق/تحت النموذج)
- أضف بلوك نموذج الاتصال
- احفظ وانشر
صفحات المنتجات
أضف النموذج إلى منتجات محددة للاستفسارات الخاصة بمنتج:
- افتح محرر السمات
- اختر المنتجات → المنتج الافتراضي
- أضف بلوك نموذج الاتصال إلى قالب المنتج
- اضبط الإعدادات
صفحات متعددة
يمكنك إضافة بلوك نموذج الاتصال إلى صفحات متعددة:
- صفحة الاتصال للاستفسارات العامة
- صفحة "من نحن" لاستفسارات الأعمال
- صفحة "الدعم" المخصصة لخدمة العملاء
- صفحات المنتجات لأسئلة المنتجات
كل نسخة يمكن أن تستخدم نفس رابط النموذج أو روابط مختلفة (إذا كان لديك نماذج متعددة في SupportRetriever).
نصائح التخصيص
إعدادات الارتفاع
إعداد الارتفاع يحدد مقدار المساحة التي يشغلها النموذج:
- 600px: مناسب إذا كان لديك محتوى آخر فوق/تحت
- 800px: توازن جيد لمعظم النماذج
- 1000px: يعرض النموذج كاملاً دون تمرير (موصى به)
النموذج سيتمرر داخل الإطار إذا كان المحتوى أطول من إعداد الارتفاع.
مفتاح الحدود
- إظهار الحدود: يضيف حداً خفيفاً حول النموذج (جيد للفصل)
- بدون حدود: تكامل سلس مع صفحتك (مظهر أكثر أصالة)
الاستجابة للجوال
بلوك نموذج الاتصال يتكيف تلقائياً مع الجوال:
- النموذج يضبط لعرض الشاشة
- الحقول تتراص عمودياً على الجوال
- حقول إدخال مناسبة للمس
- محسّن لـ iPhone و Android
استكشاف الأخطاء وإصلاحها
حقل "رابط النموذج" فارغ أو يعرض عنصراً نائباً
الحل: تحتاج لصق رابط نموذج SupportRetriever في الإعدادات. انسخه من لوحة تحكم SupportRetriever.
النموذج لا يظهر أو يظهر "النموذج غير موجود"
أسباب محتملة:
- رابط النموذج غير صحيح (تحقق من الأخطاء المطبعية)
- النموذج غير موجود أو تم حذفه
- مشكلة صلاحيات RLS (تواصل مع الدعم)
الحل: تحقق مرة أخرى من الرابط، وتأكد أنه يبدأ بـ https://supportretriever.com/form/
النموذج مقطوع (قصير أو طويل جداً)
الحل: اضبط شريط ارتفاع النموذج في إعدادات البلوك. زِد إلى 1000px لعرض النموذج كاملاً.
النموذج يظهر لكن الإرسالات لا تعمل
أسباب محتملة:
- مشكلة تحميل Turnstile (حماية البوتات)
- تجاوز حد البريد
- المتصفح يمنع الإرسال
الحل: تحقق من لوحة تحكم SupportRetriever لمشاكل التسليم. راجع استكشاف امتداد السمة وإصلاحه
النموذج لا يُحمّل أو يظهر أخطاء
أسباب محتملة:
- رابط النموذج غير صحيح
- مشكلة تحميل Turnstile (حماية البوتات)
- مشاكل اتصال الشبكة
الحل: تحقق مرة أخرى من رابط النموذج في إعدادات البلوك وتأكد أنه يطابق تماماً ما يظهر في لوحة تحكم SupportRetriever. راجع استكشاف امتداد السمة وإصلاحه لمزيد من التفاصيل.
أفضل الممارسات
لمالكي المتاجر
- استخدم صفحة اتصال مخصصة: توفر مكاناً واضحاً لاستفسارات العملاء
- اضبط الارتفاع على 1000px: يضمن ظهور النموذج كاملاً دون تمرير
- اختبر على الجوال: اعرض النموذج على الأجهزة المحمولة قبل النشر
- اربط من القائمة: أضف رابط "اتصال" في القائمة الرئيسية يشير إلى الصفحة التي فيها النموذج
لفرق الدعم
- راقب إرسالات النموذج: راجع SupportRetriever بانتظام للرسائل الجديدة
- استخدم الردود المحفوظة: أعد ردوداً شائعة في SupportRetriever للرد الأسرع
- فعّل تكامل Shopify: اربط متجر Shopify لرؤية بيانات طلبات العملاء في المحادثات
لمتاجر متعددة
إذا تدير متاجر Shopify متعددة:
- استخدم حساب SupportRetriever واحداً لجميع المتاجر
- أنشئ نماذج منفصلة لكل متجر (اختياري)
- استخدم بريد مستلم مختلف لكل متجر (اختياري)
- أضف اسم المتجر إلى بيانات النموذج الوصفية لتصفية أسهل
الخطوات التالية
بعد تثبيت نموذج الاتصال:
- اختبره: أرسل رسالة اختبار للتحقق من عمله
- خصص المظهر: اضبط الألوان والهوية في إعدادات SupportRetriever
- أضف أعضاء الفريق: أضف فريق الدعم إلى SupportRetriever
- أنشئ ردوداً محفوظة: أعد ردوداً شائعة لدعم أسرع