إنشاء زر الشراء
بعد إضافة قناة مبيعات زر الشراء في مسؤول Shopify، يمكنك إنشاء زر الشراء لمنتج أو لمجموعة.
بعد إنشاء زر الشراء، يمكنك نسخ الكود الذي تم إنشاؤه تلقائياً ثم إضافة الكود إلى صفحة الويب أو منشور المدونة الذي تريد أن يُعرض الزر فيه. على سبيل المثال، قد ترغب في إضافة زر الشراء إلى مدونة Wordpress الخاصة بك أو موقعك الإلكتروني على Squarespace.
لا يمكن تغيير مظهر زر الشراء بعد تضمينه في موقعك الإلكتروني. إذا كنت ترغب في تغييره، فيجب عليك إنشاء زر جديد في القناة واستبدال الكود الأصلي بالكود الجديد.
تخصيص أزرار الشراء
يمكنك تخصيص مظهر زر الشراء وسلوكه:
- لونه
- حجمه
- خطه
- الإجراء الذي يحدث عند النقر على الزر
- فتح صفحة الدفع في نافذة متصفح جديدة من عدمه
أثناء قيامك بتخصيص الزر، يمكنك معاينة تغييراتك. كما يمكنك اختبار سلوك زر الشراء من خلال النقر على المعاينة.
نمط التخطيط
يمكنك اختيار تخطيط زر الشراء.
| الأساسي | حدد هذا التخطيط لإضافة زر الشراء دون أي صورة للمنتج. قد ترغب في القيام بذلك إذا كنت تعرض منتجاتك بالفعل في مكان آخر عبر الإنترنت ولكنك ترغب فقط في إضافة زر لإتمام عملية الشراء. |
| الكلاسيكي | حدد هذا التخطيط لعرض صورة المنتج وسعره بجانب زر الشراء. هذا التخطيط مفيد لمعاينة سريعة للمنتج، كما هو الحال في منشور المدونة. |
| العرض الكامل | حدد هذا التخطيط لعرض صورة المنتج وسعره ووصفه بجانب زر الشراء. يحاكي هذا التخطيط صفحة تفاصيل المنتج في متجرك الإلكتروني. |
إجراءات زر الشراء
عند إنشاء زر الشراء، يمكنك تحديد الإجراء الذي يحدث عند النقر على الزر.
إذا كان زر الشراء مخصصاً لمجموعة، فإن الإجراء ينطبق على كل منتج في المجموعة.
- إضافة المنتج إلى سلة التسوق يؤدي إلى إضافة المنتج إلى سلة التسوق. يمكن للعملاء مواصلة التسوق وإضافة منتجات إضافية إلى سلة التسوق.
- التوجيه إلى صفحة الدفع ينقل العميل مباشرةً إلى صفحة الدفع، حيث يمكنه شراء المنتج. لا يتمكن العملاء من إضافة منتجات إضافية إلى طلباتهم.
- فتح تفاصيل المنتج يعرض زر عرض المنتج . عندما ينقر العميل على الزر، يمكنه رؤية وصف المنتج، وتحديد أي متغيرات متاحة للمنتج، وإضافة المنتج إلى سلة التسوق. وإذا كان للمنتج عدة صور، فسيتم عرضها أيضاً.
- هذا الخيار غير متاح عند اختيار تخطيط العرض الكامل لأن تخطيط العرض الكامل يعرض بالفعل جميع تفاصيل المنتج.
يمكنك أيضاً اختيار ما إذا كانت صفحة الدفع ستُفتح في نافذة متصفح جديدة أم في نفس علامة التبويب الخاصة بموقعك الإلكتروني. السلوك الافتراضي هو فتح صفحة الدفع في نافذة جديدة.
مظهر زر الشراء
- يشمل نمط الزر الشكل، واللون، والخط الخاص بالجزء المتعلق بالزر في زر الشراء.
- التخطيط بناءً على نمط التخطيط الذي تختاره، يمكنك تخصيص إعدادات مثل محاذاة الزر، وحجم الصورة، ونص الزر، والخط، واللون، والحجم.
- سلة التسوق تتضمن خيارات النص واللون لسلة التسوق المُضمنة. كما يمكنك تفعيل وتخصيص تسمية حقل ملاحظة الطلب . يمكنك استخدام ملاحظات الطلب لجمع تعليمات خاصة من العملاء حول كيفية تجهيز الطلب وتسليمه. كما يتيح لك حقل معلومات إضافية توصيل رسالة إلى عملائك.
- لا يمكنك تعديل إعدادات عربة التسوق إلا إذا اخترت إضافة منتج إلى عربة التسوق أو فتح تفاصيل المنتج كـ إجراء للزر.
- تتضمن النافذة المنبثقة التفصيلية إعدادات النافذة المنبثقة لتفاصيل المنتج. يمكنك تخصيص نص الزر، وتحديد ما إذا كنت تريد تضمين حقل الكمية أم لا، والألوان المستخدمة للخلفية والتسميات، بالإضافة إلى نوع الخط وحجمه للتسميات. لا يمكنك تعديل هذه الإعدادات إلا إذا اخترت فتح تفاصيل المنتج كـ إجراء للزر.
إنشاء زر شراء لمنتج واحد
يمكنك إنشاء زر شراء لمنتج واحد. يمكن أن يتضمن زر الشراء متغيراً واحداً أو جميع متغيرات المنتج. عند إنشاء زر الشراء، يمكنك اختيار نمط تخطيط وتخصيص لون الزر ونصه ومظهره، بالإضافة إلى الإجراء الذي يحدث عند نقر العميل عليه. تعرّف على المزيد حول تخصيص أزرار الشراء.
قبل إنشاء زر شراء لمنتج، يجب أن تكون قد أضفت المنتج في مسؤول Shopify وجعلته متاحاً لقناة مبيعات زر الشراء.
الخطوات:
سطح المكتب
من مسؤول Shopify، انتقل إلى قنوات المبيعات > زر الشراء.
انقر على إنشاء زر شراء.
انقر على زر شراء المنتج.
حدد المنتج من الكتالوج الخاص بك أو استخدم البحث للعثور على منتج. انقر على تحديد.
اختياري: تخصيص زر الشراء.
- إذا كان منتجك يحتوي على متغيرات، فحدد جميع المتغيرات أو حدد المتغير الذي تريد تضمينه.
- اختر نمط تخطيط والإجراء الذي يحدث عندما ينقر العميل على الزر. يمكنك أيضاً تخصيص مظهر الزر.
- حسب الإعداد الافتراضي، يؤدي سلوك الدفع إلى فتح نافذة جديدة، ولكن يمكنك اختيار فتح صفحة الدفع في نفس علامة تبويب المتصفح الخاصة بموقعك الإلكتروني. انقر على إعدادات متقدمة > إعادة التوجيه في نفس علامة التبويب.
انقر على التالي.
انقر على نسخ الكود.
افتح محرر HTML لصفحة الويب التي تريد عرض زر الشراء فيها. راجع إضافة كود زر الشراء إلى HTML.
ألصق الكود داخل HTML في المكان الذي تريد أن يظهر فيه زر الشراء، ثم احفظ تغييراتك.
الهاتف المحمول
من تطبيق Shopify، اضغط على أيقونة
.في قسم قنوات المبيعات، اضغط على زر الشراء.
اضغط على إنشاء زر شراء.
اضغط على زر شراء المنتج.
حدد المنتج من الكتالوج الخاص بك أو استخدم البحث للعثور على منتج، ثم اضغط على تحديد.
اختياري: اضغط على تخصيص.
- إذا كان منتجك يحتوي على متغيرات متعددة، فحدد جميع المتغيرات أو حدد متغيراً من القائمة المنسدلة.
- اختر نمط تخطيط والإجراء الذي يحدث عندما ينقر العميل على الزر. يمكنك أيضاً تخصيص مظهر الزر.
- حسب الإعداد الافتراضي، يؤدي سلوك الدفع إلى فتح نافذة جديدة، ولكن يمكنك اختيار فتح صفحة الدفع في نفس علامة تبويب المتصفح الخاصة بموقعك الإلكتروني. اضغط على إعدادات متقدمة > إعادة التوجيه في نفس علامة التبويب.
اضغط على تم.
اضغط على نسخ الكود.
افتح محرر HTML لصفحة الويب التي تريد عرض زر الشراء فيها. راجع إضافة كود زر الشراء إلى HTML.
ألصق الكود داخل HTML في المكان الذي تريد أن يظهر فيه زر الشراء، ثم احفظ تغييراتك.
إنشاء زر شراء لمجموعة
عندما تقوم بإنشاء زر شراء لمجموعة، فأنت في الواقع تنشئ زراً لكل منتج في المجموعة.
عند إنشاء زر الشراء، يمكنك اختيار نمط تخطيط وتخصيص لون الزر ونصه ومظهره، بالإضافة إلى الإجراء الذي يحدث عند نقر العميل عليه. تعرّف على المزيد حول تخصيص أزرار الشراء.
قبل إنشاء زر شراء لمجموعة، يجب أن تكون قد:
الخطوات:
سطح المكتب
من مسؤول Shopify، انتقل إلى قنوات المبيعات > زر الشراء.
انقر على إنشاء زر شراء.
انقر على زر شراء المجموعة.
حدد المجموعة أو استخدم البحث للعثور على المجموعة. انقر على تحديد.
اختياري: تخصيص زر الشراء.
- اختر الإجراء الذي يحدث عندما ينقر العميل على الزر. يمكنك أيضاً تخصيص مظهر الزر.
- حسب الإعداد الافتراضي، يؤدي سلوك الدفع إلى فتح نافذة جديدة، ولكن يمكنك اختيار فتح صفحة الدفع في نفس علامة تبويب المتصفح الخاصة بموقعك الإلكتروني. انقر على إعدادات متقدمة > إعادة التوجيه في نفس علامة التبويب.
انقر على التالي.
انقر على نسخ الكود.
افتح محرر HTML لصفحة الويب التي تريد عرض زر الشراء فيها. راجع إضافة كود زر الشراء إلى HTML.
ألصق الكود داخل HTML في المكان الذي تريد أن يظهر فيه زر الشراء، ثم احفظ تغييراتك.
الهاتف المحمول
من تطبيق Shopify، اضغط على أيقونة
.في قسم قنوات المبيعات، اضغط على زر الشراء.
اضغط على إنشاء زر شراء.
اضغط على زر شراء المجموعة.
حدد المجموعة أو استخدم البحث للعثور على المجموعة، ثم اضغط على تحديد.
اختياري: اضغط على تخصيص.
- اختر الإجراء الذي يحدث عندما ينقر العميل على الزر. يمكنك أيضاً تخصيص مظهر الزر.
- حسب الإعداد الافتراضي، يؤدي سلوك الدفع إلى فتح نافذة جديدة، ولكن يمكنك اختيار فتح صفحة الدفع في نفس علامة تبويب المتصفح الخاصة بموقعك الإلكتروني. اضغط على إعدادات متقدمة > إعادة التوجيه في نفس علامة التبويب.
اضغط على تم.
اضغط على نسخ الكود.
افتح محرر HTML لصفحة الويب التي تريد عرض زر الشراء فيها. راجع إضافة كود زر الشراء إلى HTML.
ألصق الكود داخل HTML في المكان الذي تريد أن يظهر فيه زر الشراء، ثم احفظ تغييراتك.