كيفية تضمين كتاب تفاعلي في متجر Shopify

صور المنتجات الثابتة لا تروي سوى جزء من القصة. إذا كنت تدير متجر Shopify وتريد عرض كتالوجات المنتجات أو مجموعات اللوكبوك أو أدلة المقاسات أو مجلات العلامة التجارية بصيغة أكثر جاذبية، فإن تضمين كتاب تفاعلي يعد من أكثر الطرق فعالية لتحقيق ذلك. يمكن للزوار تقليب الصفحات تمامًا كأنه كتاب حقيقي — داخل متجرك مباشرةً، دون مغادرة الصفحة.

يرشدك هذا الدليل خلال تضمين كتاب FlipLink التفاعلي في Shopify، بدءًا من توليد كود التضمين وحتى وضعه في صفحات المنتجات والصفحات المقصودة المخصصة.

لماذا تستخدم الكتب التفاعلية في Shopify

يمنحك Shopify أدوات قوية لبيع المنتجات، لكن خيارات المحتوى الأصلية فيه محدودة عندما يتعلق الأمر بالمحتوى البصري متعدد الصفحات. هنا يأتي دور الكتب التفاعلية لسد هذه الفجوة:

• كتالوجات المنتجات — دع العملاء يتصفحون كتالوجك الكامل بحركات تقليب الصفحات بدلًا من التمرير عبر شبكات ثابتة
• اللوكبوك — يمكن لعلامات الأزياء والأثاث ونمط الحياة تقديم المجموعات الموسمية ككتب لوكبوك رقمية غامرة
• أدلة المقاسات — استبدل ملفات PDF القابلة للتنزيل بجداول مقاسات تفاعلية مضمّنة يمكن للعملاء تقليبها في صفحة المنتج
• مجلات العلامة التجارية — شارك قصص العلامة والمحتوى من وراء الكواليس والميزات التحريرية مباشرةً في متجرك
• قوائم أسعار الجملة — امنح مشتري B2B طريقة أنيقة لتصفح الأسعار دون الحاجة إلى بوابة منفصلة

تُبقي الكتب التفاعلية الزوار منخرطين لفترة أطول، وتقلل معدلات الارتداد، وتقدم منتجاتك بصيغة تبدو متميزة.

الخطوة ١: أنشئ كتابك التفاعلي

قبل أن تتمكن من تضمين أي شيء، تحتاج إلى كتاب تفاعلي. إذا لم تكن قد أنشأت واحدًا بعد:

١. سجّل في go.fliplink.me ٢. ارفع ملف PDF الخاص بك — كتالوج منتجات أو لوكبوك أو أي مستند متعدد الصفحات ٣. يحوّله FlipLink تلقائيًا إلى كتاب تفاعلي بحركات تقليب صفحات ثلاثية الأبعاد واقعية ٤. خصّص المظهر، وأضف أزرار الحث على الإجراء التي تربط بمنتجات Shopify، واضبط إعدادات المشاركة

بمجرد نشر كتابك التفاعلي، تكون جاهزًا للحصول على كود التضمين.

الخطوة ٢: احصل على كود التضمين

يوفر FlipLink كود تضمين iframe قياسي لكل كتاب تفاعلي منشور:

١. افتح كتابك التفاعلي في لوحة تحكم FlipLink ٢. اضغط زر المشاركة (Share) ٣. حدّد تبويب التضمين (Embed) ٤. انسخ كود iframe

يبدو كود التضمين تقريبًا هكذا:

<iframe
  src="https://go.fliplink.me/view/your-flipbook-id"
  width="100%"
  height="600"
  frameborder="0"
  allowfullscreen
></iframe>

يمكنك ضبط قيمة height بحسب تخطيط قالب Shopify الخاص بك. بالنسبة لمعظم القوالب، يعمل ارتفاع يتراوح بين ٥٠٠ و٧٠٠ بكسل بشكل جيد.

للاطلاع على شرح أعمق لخيارات تضمين iframe، راجع دليلنا حول كيفية تضمين كتاب تفاعلي باستخدام iframe.

الخطوة ٣: التضمين في صفحة منتج Shopify

تُعد إضافة كتاب تفاعلي إلى صفحة منتج محددة طريقة رائعة لاستبدال دليل المقاسات الثابت أو ورقة مواصفات المنتج أو استكمالها.

استخدام محرر قوالب Shopify

١. انتقل إلى Online Store → Themes في إدارة Shopify ٢. اضغط تخصيص (Customize) على القالب النشط ٣. تنقّل إلى قالب صفحة المنتج ٤. أضف قسمًا جديدًا — اختر Custom Liquid (أو Custom HTML بحسب القالب) ٥. الصق كود تضمين iframe في حقل الكود ٦. ضع القسم في المكان الذي تريد أن يظهر فيه الكتاب التفاعلي (أسفل وصف المنتج خيار شائع) ٧. اضغط حفظ (Save)

استخدام Metafields للتضمين الديناميكي

إذا كنت تريد كتبًا تفاعلية مختلفة في صفحات منتجات مختلفة، فاستخدم Metafields في Shopify:

١. أنشئ metafield للمنتج باسم flipbook_url (النوع: URL) ٢. لكل منتج، الصق رابط تضمين الكتاب التفاعلي في حقل metafield ٣. في قسم Custom Liquid، استخدم:

{% if product.metafields.custom.flipbook_url %}
<div class="flipbook-embed">
  <iframe
    src="{{ product.metafields.custom.flipbook_url }}"
    width="100%"
    height="600"
    frameborder="0"
    allowfullscreen
  ></iframe>
</div>
{% endif %}

تُبقي هذه الطريقة قالبك نظيفًا وتتيح لك إدارة الكتب التفاعلية لكل منتج دون تعديل كود القالب في كل مرة.

الخطوة ٤: التضمين في صفحة Shopify مخصصة

للصفحات المستقلة مثل صفحة كتالوج مقصودة أو قسم مجلة العلامة التجارية:

١. انتقل إلى Online Store → Pages في إدارة Shopify ٢. أنشئ صفحة جديدة أو حرّر صفحة موجودة ٣. في محرر الصفحة، اضغط زر إظهار HTML (Show HTML) (أيقونة <>) ٤. الصق كود تضمين iframe مباشرة في HTML ٥. عُد إلى المحرر المرئي للتأكد من ظهوره بشكل صحيح ٦. احفظ الصفحة

يمكنك أيضًا استخدام محرر القوالب لإضافة قسم Custom Liquid إلى أي قالب صفحة، مما يمنحك مزيدًا من التحكم في الموضع والتنسيق.

الخطوة ٥: اجعله متجاوبًا

تتباين قوالب Shopify بشكل كبير، وتريد أن يبدو كتابك التفاعلي رائعًا على كلٍ من سطح المكتب والجوال. غلّف iframe في حاوية متجاوبة:

<div style="position: relative; width: 100%; padding-bottom: 75%; height: 0; overflow: hidden;">
  <iframe
    src="https://go.fliplink.me/view/your-flipbook-id"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
    frameborder="0"
    allowfullscreen
  ></iframe>
</div>

تُنشئ padding-bottom: 75% نسبة عرض إلى ارتفاع ٤:٣. اضبط هذه القيمة لتطابق أبعاد صفحات كتابك التفاعلي:

• نسبة ٤:٣ (أفقي): padding-bottom: 75%
• نسبة ١٦:٩ (عريض): padding-bottom: 56.25%
• نسبة ٣:٤ (عمودي): padding-bottom: 133%

يضمن ذلك تكييف الكتاب التفاعلي بشكل صحيح عبر جميع أحجام الشاشات دون أشرطة تمرير غريبة أو محتوى مقصوص.

الخطوة ٦: أضف أزرار الحث على الإجراء المرتبطة بالمنتجات

إحدى أقوى الميزات لمتاجر Shopify هي إضافة أزرار الحث على الإجراء داخل كتابك التفاعلي ترتبط مباشرة بصفحات المنتجات. يحوّل ذلك كتالوجك من تجربة عرض سلبية إلى أداة تسوق نشطة.

في محرر FlipLink:

١. افتح كتابك التفاعلي للتحرير ٢. حدّد صفحة تريد إضافة دعوة لاتخاذ إجراء فيها ٣. أضف زر حث على الإجراء بنص مثل "تسوّق الآن" أو "عرض المنتج" ٤. اضبط الرابط على عنوان منتج Shopify الخاص بك (مثل https://yourstore.myshopify.com/products/product-handle) ٥. كرّر ذلك لكل منتج معروض في الكتالوج

عندما يتصفح العملاء كتابك التفاعلي المضمّن ويرون شيئًا يعجبهم، تأخذهم نقرة واحدة مباشرة إلى صفحة المنتج لإضافته إلى سلتهم. يقصّر هذا بشكل كبير المسار من الاكتشاف إلى الشراء.

الخطوة ٧: إعداد قائمة النطاقات المسموح بها

إذا كنت تريد تقييد الأماكن التي يمكن فيها تضمين كتابك التفاعلي — على سبيل المثال، فقط في متجر Shopify الخاص بك ولا مكان آخر — فاستخدم القائمة البيضاء للنطاقات.

١. في لوحة تحكم FlipLink، افتح إعدادات الكتاب التفاعلي ٢. تنقّل إلى قسم القائمة البيضاء للنطاقات ٣. أضف نطاق Shopify الخاص بك (مثل yourstore.com وyourstore.myshopify.com) ٤. احفظ الإعدادات

يمنع ذلك المنافسين أو المواقع غير المصرح لها من تضمين محتوى كتابك التفاعلي. وهذا مهم بشكل خاص لكتالوجات الجملة أو مجموعات اللوكبوك الحصرية التي لا تريدها متاحة للعموم خارج متجرك.

نصائح لنجاح الكتب التفاعلية في Shopify

حسّن ملف PDF قبل الرفع. اضغط الصور في ملف PDF المصدر لإبقاء أحجام الملفات قابلة للإدارة. الكتب التفاعلية الأخف تُحمَّل أسرع، وهو ما يهم لمتسوقي الجوال ذوي الاتصالات الأبطأ.

استخدم عناوين صفحات وصفية. يسحب جدول محتويات FlipLink من بنية ملف PDF الخاص بك. تساعد الفصول المنظمة جيدًا العملاء في الانتقال إلى فئات منتجات محددة بسرعة.

اختبر عبر الأجهزة. عاين كتابك التفاعلي المضمّن على سطح المكتب والجهاز اللوحي والجوال قبل النشر. تتعامل قوالب Shopify المتجاوبة مع معظم الحالات، لكن تحقق من أن الغلاف المتجاوب يعمل مع قالبك المحدد.

تتبّع التفاعل. تُظهر لك تحليلات FlipLink الصفحات التي تحصل على أكبر عدد من المشاهدات ومدة بقاء الزوار على كل تخطيط مزدوج. استخدم هذه البيانات لفهم أي المنتجات أو الأقسام تلقى صدى لدى جمهورك وعدّل تخطيط كتالوجك بناءً على ذلك.

حافظ على المحتوى محدّثًا. حدّث كتابك التفاعلي عند إضافة منتجات جديدة أو تشغيل عروض ترويجية موسمية. يبقى كود التضمين كما هو — فقط حدّث الكتاب التفاعلي في لوحة تحكم FlipLink وتظهر التغييرات فورًا في متجر Shopify. لا حاجة للعودة إلى كود القالب مرة أخرى.

اربط الكتب التفاعلية من حملات البريد الإلكتروني. إلى جانب التضمين في متجرك، شارك روابط مباشرة لكتالوجات كتبك التفاعلية في رسائل التسويق ومنشورات وسائل التواصل الاجتماعي. تُسهّل خيارات المشاركة والتوزيع من FlipLink قيادة الزيارات من قنوات متعددة عودةً إلى متجر Shopify.

لمزيد من المعلومات حول تضمين ملفات PDF والكتب التفاعلية على المواقع بشكل عام، راجع دليلنا حول كيفية تضمين PDF على موقع ويب. وإذا كنت تبني كتالوج منتجات من الصفر، فاطّلع على كيفية إنشاء كتالوج منتجات رقمي.

ابدأ بتضمين الكتب التفاعلية في متجر Shopify

يستغرق تضمين كتاب تفاعلي في Shopify بضع دقائق فقط ويحوّل طريقة تفاعل العملاء مع محتوى منتجك. سواء كان لوكبوك موسميًا أو كتالوج منتجات شاملًا أو دليل مقاسات بسيطًا، تخلق الكتب التفاعلية تجربة تسوق لا يمكن للصور الثابتة وملفات PDF أن تضاهيها.

أنشئ كتابك التفاعلي المجاني وضمّنه في متجر Shopify اليوم. اطّلع على الأسعار لترى كيف يناسب FlipLink أعمالك.