كيفية إنشاء صندوق منتج تابع (بدون الحاجة إلى الترميز)

نشرت: 2023-05-17


هل تريد إنشاء صندوق منتج تابع في WordPress؟

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

في هذه المقالة ، سنوضح لك كيفية إنشاء مربع منتج تابع في WordPress بسهولة.

Creating an affiliate product box in WordPress

لماذا تنشئ صندوق منتج تابع في ووردبريس؟

يستخدم المسوقون صندوق المنتجات التابعة على مواقع WordPress الخاصة بهم لعرض منتجات معينة والترويج لها للقراء.

يحتوي هذا المربع عادةً على عنوان منتج وصور ووصف وعبارة تحث المستخدم على اتخاذ إجراء (CTA) للترويج للنقرات والمشتريات.

Affiliate product box preview

إنها استراتيجية تسويق تابعة شائعة يمكن أن تعزز المبيعات وتزيد من ظهور العلامة التجارية وتوفر الوقت والموارد.

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

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

الطريقة الأولى: إنشاء مربع منتج تابع باستخدام روابط جميلة

يمكنك بسهولة إنشاء صندوق تابع للمنتج باستخدام Pretty Links. إنها أفضل أداة تسويق تابعة تجعل من السهل جدًا إنشاء وإدارة الروابط التابعة على موقع WordPress الخاص بك.

أولاً ، تحتاج إلى تثبيت وتفعيل المكون الإضافي Pretty Links. لمزيد من الإرشادات ، يرجى الاطلاع على دليل المبتدئين حول كيفية تثبيت مكون WordPress الإضافي.

ملاحظة: تحتوي Pretty Links أيضًا على نسخة مجانية. ومع ذلك ، سيتعين عليك شراء الإصدار المحترف لاستخدام الوظيفة الإضافية Product Displays.

عند التنشيط ، قم بزيارة Pretty Links »صفحة الوظائف الإضافية من الشريط الجانبي لمسؤول WordPress.

من هنا ، ما عليك سوى تثبيت وتفعيل الملحق "عرض المنتج" بالنقر فوق زر مربع "تثبيت الوظيفة الإضافية".

Install and activate the Product Displays addon

بمجرد تنشيط الوظيفة الإضافية ، ما عليك سوى التوجه إلى Pretty Links » إضافة صفحة جديدة لبدء إنشاء ارتباط تابع.

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

بعد ذلك ، امض قدمًا واكتب عنوان URL التابع في مربع "عنوان URL المستهدف".

بعد ذلك ، اكتب الرابط الثابت في مربع "Pretty Link". سيكون هذا هو الجزء الأخير من عنوان URL التابع.

Create an affiliate link by typing the target URL

بعد ذلك ، ما عليك سوى التبديل إلى علامة التبويب "عرض المنتج" من الشريط الجانبي على اليسار.

بمجرد وصولك إلى هناك ، يمكنك البدء باختيار سمة لمربع الشركة التابعة لمنتجك من القائمة المنسدلة "السمة".

بعد ذلك ، انقر فوق الزر "تحديث الصورة" لتحميل صورة المنتج من مكتبة وسائط WordPress أو جهاز الكمبيوتر الخاص بك.

Choose a theme and upload product image

بعد القيام بذلك ، ما عليك سوى كتابة وصف المنتج في مربع "الوصف".

بعد ذلك ، انطلق وحدد سعرًا للمنتج في مربع "السعر".

Add product description and price

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

لإضافة شارة ، ما عليك سوى كتابة النص الخاص بها في مربع "نص الشارة".

بعد ذلك ، أدخل CTA للمنتج التابع في مربع "نص الزر الأساسي". سيكون هذا هو النص المعروض على الزر داخل مربع الشركة التابعة للمنتج.

سيتم إضافة رابط الإحالة الذي أنشأناه تلقائيًا إلى زر CTA.

Add a badge and CTA text

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

لإضافة CTA لزر المراجعة ، ما عليك سوى كتابة بعض النص في خيار "مراجعة نص الزر".

بمجرد الانتهاء ، انقر فوق الزر "تحديث" أو "نشر" في الأعلى.

أضف صندوق المنتج التابع إلى صفحة أو منشور

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

أولاً ، تحتاج إلى فتح منشور جديد أو موجود من الشريط الجانبي لمسؤول WordPress.

بعد ذلك ، انقر فوق الزر "إضافة كتلة" (+) في الزاوية اليسرى العليا لتحديد وإضافة كتلة PL Product Display إلى محرر الكتلة.

بعد ذلك ، انقر فوق الزر "إضافة عرض".

Add the PL Product Display box

سيؤدي هذا إلى فتح مطالبة "عرض المنتج". من هنا ، ما عليك سوى اختيار خيار "Single Link" من القائمة المنسدلة.

بمجرد القيام بذلك ، سيتعين عليك البحث عن الرابط التابع الذي قمت بإنشائه في مربع البحث.

Add the affiliate product box

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

أخيرًا ، انقر فوق الزر "تحديث" أو "نشر" لحفظ التغييرات.

يمكنك الآن زيارة موقع الويب الخاص بك للتحقق من المربع التابع للمنتج قيد التشغيل.

Product box preview

الطريقة 2: إنشاء مربع منتج تابع في محرر الكتلة (مجانًا)

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

أولاً ، تحتاج إلى فتح منشور موجود أو جديد من الشريط الجانبي لمسؤول WordPress.

بمجرد وصولك إلى هناك ، انقر فوق الزر Add Block "(+)" في الزاوية العلوية اليسرى لفتح قائمة الحظر. بعد ذلك ، ابحث ببساطة عن كتلة الأعمدة وأضفها إلى المنشور.

بمجرد القيام بذلك ، سيتم عرض قائمة بأشكال الأعمدة. ما عليك سوى النقر فوق الاختلاف 50/50 للمتابعة.

Add the Columns block in the block editor

سيضيف هذا كتلتين جنبًا إلى جنب إلى منشورك.

يمكنك البدء بالنقر فوق الزر "+" الموجود على الجانب الأيسر من الشاشة لفتح قائمة الحظر.

من هنا ، ما عليك سوى اختيار كتلة الصورة ثم إضافة صورة المنتج التابع من مكتبة وسائط WordPress.

Add the image block and then add product image from the media library

بعد ذلك ، تحتاج إلى النقر فوق الزر "+" في العمود الأيمن.

بمجرد فتح قائمة الحظر ، أضف كتلة العنوان واكتب عنوان المنتج.

Add the Heading block and type product title

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

من هنا ، حدد موقع كتلة الفقرة وأضفها واكتب وصفًا للمنتج في المربع.

Add the Paragraph block to type product descriptions

الآن ، لإكمال مربع الإحالة الخاص بمنتجك ، سيتعين عليك إضافة CTA مع رابط تابع للمنتج.

للقيام بذلك ، سوف تحتاج إلى الخروج من محرر الكتلة.

لا تنس النقر فوق الزر "حفظ المسودة" لحفظ التغييرات قبل العودة إلى لوحة تحكم مسؤول WordPress.

قم بإنشاء ارتباط تابع

هناك العديد من أدوات التسويق التابعة التي يمكنك استخدامها لإنشاء وإدارة الروابط التابعة على موقع WordPress الخاص بك.

في هذا البرنامج التعليمي ، سنستخدم Pretty Links ، وهو أفضل مكون إضافي للتسويق التابع لـ WordPress.

أولاً ، تحتاج إلى تثبيت وتفعيل المكون الإضافي Pretty Links. لمزيد من الإرشادات ، يرجى الاطلاع على دليل المبتدئين حول كيفية تثبيت مكون WordPress الإضافي.

عند التنشيط ، توجه إلى Pretty Link »إضافة صفحة جديدة من الشريط الجانبي لمسؤول WordPress.

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

بعد ذلك ، ما عليك سوى نسخ عنوان URL للمنتج التابع الخاص بك ولصقه في مربع "عنوان URL المستهدف".

Create pretty link

يمكنك الآن إدخال ارتباط ثابت مخصص لعنوان URL في مربع "Pretty Link". ستستخدم Pretty Links هذا في نهاية عنوان URL التابع الذي تنشئه لك.

بمجرد الانتهاء ، انقر فوق الزر "تحديث" لإنشاء رابط الإحالة الخاص بك.

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

Copy the affiliate link

أضف رابط شركة تابعة إلى صندوق المنتج

بعد ذلك ، تحتاج إلى العودة إلى منشور المدونة حيث كنت تقوم بإنشاء مربع المنتج التابع.

بمجرد وصولك إلى هناك ، ما عليك سوى النقر فوق العمود الأيمن من كتلة الأعمدة لفتح شريط أدوات الكتلة ، متبوعًا بزر "تحديد الأعمدة". سيؤدي هذا إلى فتح قائمة الحظر.

بعد ذلك ، قم ببساطة بإضافة كتلة الأزرار.

Add the buttons block in the right column

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

يمكنك أيضًا البحث عن رابط الإحالة باستخدام شريط البحث في المربع.

Add an affiliate link

أخيرًا ، ستحتاج إلى إضافة بعض النص إلى زر CTA الخاص بك.

تأكد من إضافة عبارة مثيرة مثل CTA لتشجيع العملاء على النقر على الرابط.

Type CTA text

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

من هنا ، يمكنك اختيار لون الخلفية والنص لمربع المنتج التابع الخاص بك باستخدام Color Picker.

Choose a background color for the product affiliate box

أخيرًا ، انقر فوق الزر "نشر" أو "تحديث" لحفظ التغييرات.

هذه هي الطريقة التي بدا بها صندوق المنتج التابع على موقعنا التجريبي.

Product affiliate box preview

الطريقة الثالثة: إنشاء مربع منتج للصفحات المقصودة التابعة باستخدام SeedProd

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

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

أولاً ، تحتاج إلى تثبيت وتفعيل المكون الإضافي SeedProd. لمزيد من التفاصيل ، راجع دليلنا خطوة بخطوة حول كيفية تثبيت مكون WordPress الإضافي.

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

عند التنشيط ، يجب عليك زيارة SeedProd »صفحة الإعدادات لإدخال مفتاح ترخيص المكون الإضافي.

يمكنك العثور على هذه المعلومات في حسابك على موقع SeedProd.

Paste license key in the field

بعد ذلك ، ما عليك سوى التوجه إلى SeedProd »قسم الصفحات المقصودة من لوحة تحكم مسؤول WordPress والنقر فوق الزر" إضافة صفحة مقصودة جديدة ".

في هذا البرنامج التعليمي ، سنضيف مربع منتج تابع إلى صفحة مقصودة.

Click the Add New Landing Page button

سيتم نقلك الآن إلى شاشة "اختيار قالب صفحة جديد".

من هنا ، يمكنك اختيار أي من القوالب المعدة مسبقًا التي تقدمها SeedProd.

بعد أن تحدد اختيارك ، سيُطلب منك إدخال اسم الصفحة واختيار عنوان URL. انطلق وانقر على زر "حفظ وابدأ تحرير الصفحة" بعد إدخال التفاصيل.

Enter your page details

سيؤدي هذا إلى تشغيل أداة إنشاء صفحات السحب والإفلات الخاصة بـ SeedProd.

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

عند إضافة الكتلة ، سيُطلب منك اختيار تخطيط العمود. تحتاج ببساطة إلى النقر فوق التباين 50/50 لإضافة كتلتين جنبًا إلى جنب.

Add the Column Block in SeedProd

يمكنك الآن البدء بسحب وإسقاط كتلة الصورة في العمود الأيسر.

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

Choose an affiliate product image from the media library

بعد ذلك ، ما عليك سوى سحب وإفلات كتلة العنوان في العمود الأيمن وإضافة عنوان المنتج التابع.

يمكنك ضبط المحاذاة وحجم الخط باستخدام الإعدادات الموجودة في الشريط الجانبي الأيسر.

Add the heading block and type product title

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

بعد ذلك ، ما عليك سوى النقر فوق الزر "حفظ" لتخزين تغييراتك.

Add product description and click Save button

حان الوقت الآن لإنشاء رابط تابع.

قم بإنشاء ارتباط تابع

أولاً ، تحتاج إلى تثبيت وتفعيل المكون الإضافي Pretty Links. للحصول على إرشادات أكثر تفصيلاً ، يرجى الاطلاع على دليل المبتدئين الخاص بنا حول كيفية تثبيت مكون WordPress الإضافي.

عند التنشيط ، انتقل إلى Pretty Link »إضافة صفحة جديدة من الشريط الجانبي للمسؤول.

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

بعد ذلك ، أضف رابط الإحالة بجوار خيار "عنوان URL المستهدف".

بعد ذلك ، اكتب slug في مربع "Pretty Link". سيظهر هذا الرابط في نهاية رابط الإحالة الخاص بك.

Create an affiliate link

أخيرًا ، تابع وانقر على الزر "تحديث" لإنشاء الرابط.

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

Copy the affiliate link

أضف ارتباط الشركة التابعة إلى مربع منتج SeedProd

بعد نسخ الارتباط التابع ، تحتاج إلى فتح صفحة SeedProd المقصودة حيث تقوم بتصميم مربع المنتج التابع.

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

Drag and drop the Button block in the product box

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

بعد ذلك ، فقط أدخل بعض النص للحث على اتخاذ إجراء في مربع "نص الزر".

Add the affiliate link and CTA text

لتصميم مربع المنتج التابع ، تحتاج إلى تحديد كتلة الأعمدة لفتح إعداداتها في الشريط الجانبي الأيسر.

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

Change the affiliate product box background color in SeedProd

بمجرد الانتهاء ، انقر فوق الزر "حفظ" لتخزين إعداداتك.

هذه هي الطريقة التي بدا بها صندوق المنتج التابع على موقعنا التجريبي.

SeedProd preview of the affiliate product box

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

إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على YouTube لدروس فيديو WordPress. يمكنك أيضًا أن تجدنا على Twitter و Facebook.