كيفية إنشاء نماذج WooCommerce Lucky Wheel Optin باستخدام Divi

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

هذا الأسبوع ، كجزء من مبادرة تصميم Divi المستمرة الخاصة بنا ، سوف نوضح لك كيفية إنشاء نماذج اختيار عجلة الحظ WooCommerce مع Divi والمكون الإضافي WP Optin Wheel. نأمل أن يساعدك هذا البرنامج التعليمي على تعزيز معدلات تحويل نموذج optin. تتيح لك ميزة التحفيز في نموذج Lucky Wheel Optin Form التفاعل مع الزوار ومكافأتهم برمز خصم يمكنهم استخدامه في عمليات الشراء عبر الإنترنت.

دعنا نذهب اليها!

معاينة

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

قم بتثبيت WooCommerce

ابحث عن البرنامج المساعد والتثبيت

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

انتقل إلى الملحقات الخاصة بك وابحث عن WooCommerce. بمجرد العثور عليه ، انقر فوق الزر "التثبيت الآن".

تفعيل

تأكد من تنشيط المكون الإضافي WooCommerce على الفور.

قم بإعداد WooCommerce

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

قم بتثبيت WP Optin Wheel Plugin

ابحث عن البرنامج المساعد والتثبيت

لإنشاء نموذج اختيار عجلة الحظ ، سنستخدم مكونًا إضافيًا مجانيًا يسمى WP Optin Wheel. ارجع إلى المكونات الإضافية وابحث عن المكون الإضافي WP Optin Wheel. ثم انقر فوق الزر "التثبيت الآن".

تفعيل

تابع عن طريق تنشيط البرنامج المساعد.

أضف منتجات إلى WooCommerce

اضافة منتج جديد

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

أضف تفاصيل المنتج

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

كرر لكل منتج

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

أضف كوبونات إلى WooCommerce

انتقل إلى القسائم

حان الوقت الآن لإضافة القسائم. في وقت لاحق من هذا المنشور ، سنستخدم القسائم التي أنشأناها في نموذج اختيار عجلة الحظ. انتقل إلى لوحة معلومات WordPress الخاصة بك > WooCommerce> القسائم . بمجرد وصولك إلى هناك ، انطلق وابدأ في إنشاء أول قسيمة لك.

أضف الكوبون # 1: 5٪ خصم

عام

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

• نوع الخصم: نسبة الخصم
• مبلغ القسيمة: 5
• تاريخ انتهاء القسيمة: أدخل تاريخ الاختيار

قيود الاستخدام

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

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

كرر الخطوات لـ 3 قسائم أخرى

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

قم بإنشاء نموذج Lucky Wheel Optin

انتقل إلى إعدادات البرنامج المساعد

الآن بعد أن انتهينا من جميع الخطوات اللازمة لجعل نموذج اختيار عجلة الحظ يعمل ، يمكننا البدء في إنشاء واحدة! انتقل إلى لوحة معلومات WordPress الخاصة بك > WP Optin Wheel .

أضف مفتاح واجهة برمجة تطبيقات MailChimp

قبل أن تتمكن من البدء في إنشاء عجلة الحظ ، سيتعين عليك إضافة مفتاح واجهة برمجة تطبيقات MailChimp. يوفر الإصدار المجاني من المكون الإضافي WP Wheel Optin فقط التكامل مع MailChimp. إذا كنت ترغب في ربط عجلة الحظ بمزود آخر ، فسيتعين عليك التبديل إلى الإصدار المتميز.

إنشاء عجلة جديدة

اختيار موضوع

لنبدأ في إنشاء العجلة! اختر لوحة ألوان من اختيارك. في هذا البرنامج التعليمي ، نختار اللون البرتقالي لأنه يسير بشكل جيد مع لوحة ألوان حزمة تخطيط متجر الأجهزة.

فرص الإعداد

الخطوة التالية في إنشاء نموذج اختيار عجلة الحظ الخاصة بك هي اختيار نسبة التغيير الفائز. تشير هذه النسبة المئوية إلى عدد المرات التي يفوز فيها الأشخاص بشيء ما عند تدوير العجلة. في هذه الحالة ، كل زائر يدور العجلة لديه فرصة 70٪ للفوز بكود قسيمة.

إعداد الشرائح

استمر بإعداد 12 شريحة مختلفة. يمكنك تخصيص كل شريحة لواحد من ثلاثة خيارات:

• لا جائزة: الزائر لا يفوز بأي شيء
• رمز القسيمة: يفوز الزائر برمز القسيمة
• الرابط: يفوز الزوار بكتاب إلكتروني ، على سبيل المثال

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

إعداد منشئ النموذج

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

إعدادات المحتوى

عند المضي قدمًا ، ستتمكن من إعداد المحتوى المكتوب لنموذج اختيار عجلة الحظ. انطلق وقم بتغيير كل المحتوى لجعله يتطابق مع موقع الويب الخاص بك.

إعدادات التصميم

افتح إعدادات التصميم بعد ذلك واختر "بلا نمط" لخيار نمط الخلفية.

إعدادات السلوك

يمكنك أيضًا اختيار وقت ظهور نموذج اختيار عجلة الحظ في إعدادات السلوك.

اللائحة العامة لحماية البيانات

أخيرًا وليس آخرًا ، يمكنك التأكد من عدم حفظ البيانات التي يشاركها الزائرون إلا إذا قاموا بتحديد المربعات المختلفة في نموذج التقيد الخاص بك وانتهيت من ذلك! احفظ نموذج Lucky Wheel Optin وانتقل إلى موقع الويب الخاص بك لاختباره.

معاينة

الآن بعد أن انتهينا من جميع الخطوات ، دعنا نلقي نظرة أخيرة على النتيجة على أحجام الشاشات المختلفة.

افكار اخيرة

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