سنوضح لك في هذا الدليل كيفية تشغيل وإغلاق أداة كوبون X باستخدام رابط أو دالة جافا سكريبت ببضع نقرات بسيطة وسريعة. انقر هنا لمعرفة المزيد حول كيفية استخدام كوبون X مع Shopify أو Wix.
يمكنك استخدام هذه الميزة لتشغيل الأداة أو إغلاقها من أي مكان على موقع الويب الخاص بك، من خلال زر، ومع أي معايير تريد استيفائها، على سبيل المثال، لا يمكنك إظهار الأداة إلا بعد تنشيط أوامر JavaScript الأخرى أو إخفائها بعد JavaScript حرائق الأوامر.
كيفية إطلاق القطعة الخاصة بك
لنأخذ المثال السابق. لتشغيل أداة الخصم باستخدام دالة جافا سكريبت، افتح أولًا صفحة المنتجات في لوحة تحكم Shopify. يمكنك إضافة منتج جديد أو تعديل منتج موجود. اتبع الخطوات لإضافة/تعديل اسم المنتج، وفي خانة الوصف، أضف صورة من اختيارك. ستكون هذه الصورة بمثابة "زر" مخصص ينقر عليه الزوار لتشغيل أداة قسيمة الخصم X. انقر على الصورة التي حمّلتها للتو، ثم انقر على زر " < > " لعرض كود HTML الخاص بالصورة. هنا يجب إضافة دالة جافا سكريبت.
تحتاج إلى إضافة هذا مباشرة قبل علامة الصورة (ستكون علامة الصورة موجودة بالفعل عند تحميل صورة).
هام! : تأكد من إغلاق الوسم بشكل صحيح عن طريق وضع النهاية، كما هو موضح في لقطة الشاشة أدناه:
<a href="javascript:launch_coupon_x();">
يمكنك أيضًا استخدام هذا الرمز مع رقم داخل الأقواس، على سبيل المثال. (1)، (2) إذا كان لديك أكثر من عنصر واجهة مستخدم في تلك الصفحة.
عند الانتهاء، لا تنس الضغط على "حفظ" في أعلى الصفحة. هذا كل شيء! سهل مثل 1,2,3،XNUMX،XNUMX
ستكون الصورة التي قمت بتحميلها بمثابة "زر" مخصص وعندما ينقر عليها زوار موقعك، سيتم تشغيل أداة رمز الخصم لهم. في النهاية، يجب أن يبدو الأمر كما يلي على موقع الويب الخاص بك:
كيفية إغلاق القطعة الخاصة بك
لإغلاق أداة الخصم باستخدام دالة جافا سكريبت، افتح أولاً صفحة المنتجات في لوحة تحكم متجرك على Shopify. يمكنك إضافة منتج جديد أو تعديل منتج موجود. اتبع الخطوات المذكورة أعلاه لإضافة/تعديل اسم المنتج، ثم أضف صورة من اختيارك في خانة الوصف. ستكون هذه الصورة بمثابة زر مخصص ينقر عليه الزوار لإغلاق أداة قسيمة الخصم. انقر على الصورة التي حمّلتها للتو، ثم انقر على زر " < > " لعرض كود HTML الخاص بالصورة. هنا يمكنك إضافة دالة جافا سكريبت.
تحتاج إلى إضافة هذا مباشرة قبل علامة الصورة (ستكون علامة الصورة موجودة بالفعل عند تحميل صورة).
<a href="javascript:close_coupon_x();">يمكنك أيضًا استخدام هذا الرمز مع رقم داخل الأقواس، على سبيل المثال. (1)، (2) إذا كان لديك أكثر من عنصر واجهة مستخدم في تلك الصفحة.
عند الانتهاء، لا تنس الضغط على "حفظ" في أعلى الصفحة. هذا كل شيء! سهل مثل 1,2,3،XNUMX،XNUMX
ستكون الصورة التي قمت بتحميلها بمثابة "زر" مخصص وعندما ينقر عليها زوار موقعك، سيتم إغلاق أداة رمز الخصم أمامهم. في النهاية، يجب أن يبدو الأمر كما يلي على موقع الويب الخاص بك:
