لطالما تساءلت عن هذا الأمر، لذا قررت تجربته. لاحظ أن لدي خبرة قليلة جدًا في Shopify، ولكنه شيء طُلب مني كثيرًا عند تقديم دعم العملاء لـ Discourse.
إذا تم تكوين كل من متجر Shopify وموقع Discourse بحيث يمكن للمستخدمين المجهولين (غير المسجلين دخولهم) عرضهما، فيمكن تضمين تعليقات Discourse في صفحة منتج Shopify. للقيام بذلك، أضف نطاق متجرك إلى قسم “Allowed Hosts” في صفحة “Admin / Customize / Embedding” الخاصة بموقع Discourse:
تأكد من إضافة اسم المستخدم الخاص بمستخدم Discourse الذي سيظهر كمؤلف لمواضيع Discourse في إعداد “Username for topic creation”. ثم انقر فوق الزر “Save Embedding Settings” من أسفل الصفحة.
انسخ رمز التضمين المعروض في صفحة “Embedding” إلى قسم “Description” في صفحة منتج Shopify. تأكد من النقر فوق الزر “show html” في المحرر قبل إدراج الرمز:
قم بتحرير رمز التضمين لاستبدال DISCOURSE_USERNAME باسم المستخدم الذي أدخلته كـ “Username for topic creation” في صفحة Discourse Embedding. استبدل أيضًا نص EMBED_URL في رمز التضمين بعنوان URL الخاص بالمنتج. ثم احفظ صفحة المنتج.
لاحظ أنه يمكنك الحصول على مزيد من التفاصيل حول تضمين تعليقات Discourse هنا: Embed Discourse comments on another website via Javascript.
يجب أن ترى الآن قسم “Discourse Comments” (مضمن كـ iframe) في صفحة منتج Shopify. بافتراض عدم وجود أخطاء، قد يعرض النص “Loading discussion” في المرة الأولى التي تزورها فيها. ما يحدث هو أن زيارة الصفحة قد أدت إلى قيام Discourse بإنشاء موضوع لصفحة المنتج. بعد بضع ثوانٍ، يجب أن ترى النص “Start discussion”. إذا نقرت فوق هذا الرابط، فسيتم نقلك إلى موضوع Discourse ذي الصلة.
إذا قمت بزيارة الموضوع والرد عليه، فسيظهر هذا الرد في صفحة منتج Shopify.
المشاكل المحتملة:
يبدو أن قسم الوصف في سمة Shopify الافتراضية ليس عريضًا بما يكفي لعرض قسم تعليقات Discourse:
أفترض أنه يمكن إصلاح ذلك بسهولة باستخدام سمة Shopify مخصصة.
لا يمنحك Discourse الكثير من التحكم في المحتوى الذي يتم سحبه من منتج Shopify إلى موضوع Discourse. إليك ما أراه للمنتج الذي ربطته بـ Discourse:
بعد النقر فوق الزر “Show Full Post”:
ما أود رؤيته هو وصف المنتج والسعر والصورة. بالتأكيد لا أريد عرض النص التالي:
Product variants
Couldn’t load pickup availability Refresh
قد يكون من الممكن إصلاح ذلك عن طريق العبث بإعداد موقع Discourse allowed embed selectors. بعض التفاصيل حول هذا الإعداد هنا: Configure the Allowed Embed Selectors Setting. لدى Discourse أيضًا إعداد موقع مخفي blocked embed selectors قد يكون مفيدًا. لقد قمت مؤخرًا بإعداد مصحح أخطاء عبر الإنترنت للمساعدة في تكوين إعدادات تضمين Discourse. إنه قيد العمل، ولكن أرسل لي رسالة خاصة إذا كنت ترغب في تجربته.
إذا تم تكوين موقع Discourse أو متجر Shopify بحيث لا يمكن للمستخدمين المجهولين عرضهما، فأنا أشك في أنك ستواجه مشاكل مع التعليقات المضمنة.
قد يكون الاضطرار إلى إضافة رمز تضمين Discourse يدويًا إلى عدد كبير من منتجات Shopify المنشورة سابقًا أمرًا مزعجًا. أشك في أنه سيكون من الممكن إنشاء تطبيق Shopify يقوم تلقائيًا بإلحاق رمز تضمين Discourse بجميع أوصاف المنتجات.
شيء آخر قد يحتاج إلى معالجة هو جعل أنماط تعليقات Discourse المضمنة تتطابق مع أنماط صفحة منتج Shopify. يجب أن يكون من الممكن القيام بذلك عن طريق إضافة بعض CSS إلى قسم “Embed CSS” في محرر السمات لسمة Discourse الافتراضية الخاصة بك. على سبيل المثال، هذا يصلح مشكلة لون الخلفية في لقطات الشاشة السابقة الخاصة بي:
