جعل التسوق عبر الإنترنت^(Online) من السهل على المستهلكين البحث عن أفضل الأسعار. للقسائم تأثير كبير على قرارات الشراء وأشكال العمل الأخرى التي يُطلب من مطوري الويب دمجها في تصميم الويب.

يستخدم 90٪ من المستهلكين القسائم ، ومن المتوقع أن يصل استرداد الكوبونات الرقمية إلى 91 مليار دولار بحلول عام 2022 ، ويستخدم أكثر من 25 مليون أمريكي^(Americans) القسائم شهريًا لتوفير المال.

لماذا تقدم قسيمة منبثقة للزوار؟^{(Why Offer Visitors a Coupon Popup?)}

يعرف مالكو المواقع الأذكياء^(Savvy) أن تقديم خصم للعملاء عبر قسيمة هو وسيلة قوية لإغراءهم بإجراء عملية شراء.  

الجميع يحب كثيرا. يساعد تقديم القسائم العلامات التجارية على زيادة نشاط موقع الويب وزيادة تحويلات الموقع واستعادة العربات المهجورة وتحويلها.

نظرًا لأن WordPress (WP) هو أكثر أنظمة إدارة المحتوى شيوعًا ، فستوفر هذه المقالة دليلًا تفصيليًا حول كيفية إنشاء قسيمة منبثقة لـ WP.

استخدم OptinMonster^{(Use OptinMonster)}

ابدأ بإنشاء حساب OptinMonster وتثبيت ثم تنشيط المكون الإضافي OptinMonster لـ WordPress^{(plugin for WordPress)} على موقع WP الخاص بك.

ابحث عن المكون الإضافي في لوحة معلومات مسؤول WP ، وانقر فوقه ، ثم قم بتوصيله بـ OptinMonster .

قم بإنشاء قسيمة منبثقة باستخدام OptinMonster^{(Create a Coupon Popup with OptinMonster)}

• قم^(Log) بتسجيل الدخول إلى لوحة تحكم OptinMonster وانقر فوق إنشاء حملة جديدة^{(Create New Campaign)} .

• من "نوع الحملة" ، حدد نافذة منبثقة^(Popup) . ستظهر لك الشاشة التالية العديد من القوالب المصممة باحتراف بألوان وتخطيطات مختلفة.

• اختر قالب القسيمة^{(Coupon )} لإنشاء نافذة منبثقة وانقر عليها. ثم حدد استخدام^{(Use Template)} النموذج ، وامنح حملتك اسمًا واختر موقع الويب الذي تريد استخدامه فيه.
• نظرًا لأنك قمت بالفعل بتوصيل موقع الويب الخاص بك (أعلاه) ، فسترى عنوان URL^(URL) لموقعك مدرجًا في القائمة المنسدلة. 

• حدده وانقر على بدء البناء^{(Start Building)} .

قسيمة التصميم المنبثقة^{(Design Coupon Popup)}

استخدم أداة السحب والإفلات لتغيير تصميم القسيمة ونصها وألوانها.

لتغيير عنصر في التصميم ، انقر فوقه. قم بإجراء تعديلاتك على الجانب الأيسر ، وستظهر في نافذة المعاينة المنبثقة على اليمين.

أغلق عنصرًا بالنقر فوق زر الصفحة الرئيسية^(Home) أو X.

تراكب الخلفية^{(Background Overlay)}

يُطلق على اللون المحيط بالقسيمة المنبثقة اسم تراكب الخلفية^{(Background Overlay)} . لتحريره ، انتقل إلى Optin Settings > Optin View Styles .

يمكنك تغيير نمط الخلفية^{(Background Style)} إلى لون خالص أو تعبئة متدرجة. يمكنك أيضًا إضافة صورة وتغيير الحدود.

بمجرد أن تشعر بالرضا عن شكل قسيمتك ، انقر فوق حفظ^(Save) .

كيف سيحصل العملاء على قسيمتك؟^{(How Will Customers Receive Your Coupon?)}

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

توصي OptinMonster^{(OptinMonster)} بتسليمها على الفور باستخدام طريقة عرض النجاح^(Success) وكذلك عبر البريد الإلكتروني. لاستخدام البريد الإلكتروني ، يجب عليك تمكين تكامل مزود خدمة البريد الإلكتروني الخاص بك.

في عرض النجاح^{(Success )} ، يمكنك أيضًا:

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

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

• قم بتحرير نص الزر.
• انقر فوق إجراء.^(Action.)

• ضمن Form Success Action ، انقر فوق القائمة المنسدلة لرؤية الخيارات المتاحة. إذا كنت تريد إعادة التوجيه إلى عنوان URL^(URL) ، فاكتبه في الحقل.

اختر عرض القواعد^{(Choose Display Rules)}

لتحديد المكان والوقت الذي سيرى فيه الزوار قسيمتك ، انتقل إلى علامة التبويب قواعد العرض .^{(Display Rules)}

يمكنك استخدام أنواع مختلفة من المحتوى والحملات والعروض الحصرية في كل صفحة. 

لمعرفة المزيد حول كيفية استخدام قواعد العرض^{(Display Rules)} ، اقرأ: كيفية استخدام قواعد العرض لتخصيص وقت ظهور الحملة^{(How to Use Display Rules to Customize When a Campaign Will Appear)} .

إضافات WordPress الأخرى لبناء حملات تسويق قسيمة منبثقة^{(Other WordPress Plugins For Building Coupon Popup Marketing Campaigns)}

قد تقدم عروض WP مكونات إضافية أخرى لمساعدتك في إنشاء قسيمة منبثقة خاصة بك. فيما يلي^(Below) عدد قليل منهم.

ايسجرام^{(Icegram)(Icegram)}

قم بتنزيل Icegram^(Icegram) المكون الإضافي WP وتثبيته لإنشاء اختيارات مخصصة جذابة بصريًا وعبارات تحث المستخدم على اتخاذ إجراء باستخدام الخطوات أدناه:

• قم بتسجيل الدخول إلى لوحة معلومات WP الخاصة بك.
• انقر فوق إضافة حملة جديدة^{(Add New Campaign)} من خيار Icegram في الشريط الجانبي الأيسر.
• حدد أحد^{(Select one)} القوالب المعدة مسبقًا وانقر فوق معاينة^(Preview) .

• إذا أعجبك الشكل الذي يبدو عليه في وضع المعاينة ، فانقر فوق استخدام هذا^{(Use This)} لبدء تخصيص القالب.
• عند فتح الحملة ، انقر فوق الرسائل^(Messages) وقم بإضافة محتوى رسالتك أو تحريره.

• قم بتكوين^(Configure) كيف ومتى ستظهر قسيمتك المنبثقة من خلال النقر على عرض القواعد^{(Display Rules)} .

خيارات العرض المنبثقة هي:

المكان:^{(Where: )} اختر المكان الذي تريد أن تظهر فيه نافذة الكوبون المنبثقة.

• على مستوى الموقع
• الصفحة الرئيسية
• صفحات مختارة
• عناوين URL محددة على موقعك

متى^(When) : هل تريد أن تظهر النافذة المنبثقة طوال الوقت أم فقط كما هو مقرر؟

الجهاز^(Device) : اختر الأجهزة التي ستظهر النافذة المنبثقة.

من^(Who) تريد أن ترى النافذة المنبثقة؟

• جميع المستخدمين
• فقط المستخدمين المسجلين
• ليس المستخدمون الذين قاموا بتسجيل الدخول

إعادة الاستهداف^{(Retargeting)} : هل تريد أن تظهر قسيمتك المنبثقة مرة واحدة فقط لكل جلسة؟

بعد أن ينقر الزائر على CTA ، هل تريد أن تظهر له النافذة المنبثقة مرة أخرى أم لا؟

• قم بمعاينة النموذج والإعدادات الخاصة بك وانقر فوق " نشر^(Publish) " عندما تبدو جيدة.

منشئ الكوبون^{(Coupon Creator)(Coupon Creator)}

قم بإنشاء قسيمة منبثقة خاصة بك باستخدام المكون الإضافي Coupon Creator WP .

يستخدم Coupon Creator^{(Coupon Creator)} نوع منشور مخصص ولا يتطلب سوى تكوين بعض الإعدادات. يتيح الإصدار المجاني للمستخدمين عرض وطباعة القسائم للعملاء.

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

إذا كنت تبحث عن المزيد من الميزات ، فهناك أيضًا إصدار احترافي.

• لإنشاء قسيمة ، قم بتنزيل البرنامج المساعد وتثبيته. قم بتحرير الكوبون القياسي^{(Standard Coupon)} أو أضف قسيمة جديدة.
• قم بإنشاء رمز قصير للكوبون من أداة إدخال الرمز المختصر لمحرر WP.

• أدخل العرض الخاص بك تحت الصفقة. ^{(Deal. )}أدخل^(Enter) شروط صفقة القسيمة بموجب الشروط.^(Terms.)
• لاستخدام القسيمة ، أدخل الرمز القصير في أي صفحة أو منشور في المكان الذي تريده أن يظهر فيه. إذا قمت بتعيين تاريخ انتهاء الصلاحية ، فلن تكون القسيمة مرئية بعد تاريخ انتهاء الصلاحية الذي حددته.

للحصول على قائمة كاملة بالمكونات الإضافية لقسيمة WP ، قم بزيارة WordPress.org^{(visit WordPress.org)} . قم بتنمية قائمة البريد الإلكتروني الخاصة بك ، وزيادة متابعيك على وسائل التواصل الاجتماعي ، وزيادة المبيعات عن طريق إنشاء قسيمة منبثقة على موقع WP الخاص بك.

How To Create Your Own Coupon Popup in WordPress

Online shopping has made it convenient for consumerѕ to seаrch for the best priсes. Coupons have a significant impact on purchasing decisions and other forms of action that web developers are asked to incorporatе into web design.

90% of consumers use coupons, digital coupon redemption is expected to reach $91 billion by 2022, and over 25 million Americans use coupons monthly to save money.

Why Offer Visitors a Coupon Popup?

Savvy site owners know that offering customers a discount via a coupon is a powerful way to entice them to make a purchase.  

Everyone loves a great deal. Offering coupons helps brands increase website activity, increase site conversions, and recover and convert abandoned carts.

As WordPress (WP) is the most popular content management system, this article will provide a step-by-step guide on how to create a WP coupon popup.

Use OptinMonster

Start by creating an OptinMonster account, installing, and then activating the OptinMonster plugin for WordPress on your WP site.

Find the plugin in your WP admin dashboard, click on it, and then connect it with OptinMonster.

Create a Coupon Popup with OptinMonster

• Log into the OptinMonster dashboard and click Create New Campaign.

• From the Campaign Type, select Popup. The next screen will show you several professionally designed templates in various colors and layouts.

• Choose the Coupon template to create a pop up and click on it.  Then select Use Template, give your campaign a name and choose the website where you want to use it.
• Since you already connected your website (above), you will see your site URL listed in the drop-down menu. 

• Select it and click on Start Building.

Design Coupon Popup

Use the drag and drop builder to change the design, text, and colors of your coupon.

To change an element in the design, click on it. Make your edits on the left-hand side, and they will show on the preview popup on the right.

Close an element by clicking the Home button or the X.

Background Overlay

The color surrounding your coupon popup is called the Background Overlay. To edit it, go to Optin Settings > Optin View Styles.

You can change the Background Style to a solid color or gradient fill. You can also add an image and change the border.

Once you are happy with how your coupon looks, click Save.

How Will Customers Receive Your Coupon?

After you have finished designing your coupon popup, you must decide how to get the coupon to your customers.

OptinMonster recommends delivering it immediately using their Success view as well as by email. To use email, you must enable your email service provider integration.

In the Success view, you can also:

• Include the coupon code as in the screenshot above.
• Redirect visitors to a different page to redeem the coupon.

Note that the Success view is the default button action. If you want to use a different option, change the button action by following the steps below:

• Edit the button text.
• Click on Action.

• Under Form Success Action, click the dropdown to see available options. If you want to redirect to a URL, type it into the field.

Choose Display Rules

To select where and when your visitors will see your coupon, go to the Display Rules tab.

You can use different types of content, campaigns and exclusive offers on each page. 

To learn more about how to use Display Rules, read: How to Use Display Rules to Customize When a Campaign Will Appear.

Other WordPress Plugins For Building Coupon Popup Marketing Campaigns

WP offers may other plugins to help you create your own coupon popup. Below are a few of them.

Icegram

Download and install the WP plugin Icegram to create visually appealing custom opt-ins and calls to action using the steps below:

• Log into your WP dashboard.
• Click on Add New Campaign from the Icegram option in the left-hand sidebar.
• Select one of the pre-made templates and click on Preview.

• If you like what it looks like in preview mode, click Use This to start customizing the template.
• When the campaign opens, click on Messages and add or edit your message content.

• Configure how and when your coupon popup will appear by clicking on Display Rules.

The popup display options are:

Where: Choose where you want the coupon popup to show.

• Sitewide
• Homepage
• Selected pages
• Specific URLs on your site

When: Do you want the pop up to show all the time or only as scheduled?

Device: Choose which devices will show the popup.

Who do you want to see the popup?

• All users
• Only logged in users
• Not users who are logged in

Retargeting: Do you want your coupon popup to show only once for each session?

After a visitor clicks on a CTA, do you want to show them your popup again or not?

• Preview your form and settings and click Publish when it looks good.

Coupon Creator

Create your own coupon popup with the Coupon Creator WP plugin.

Coupon Creator uses a custom post type and only requires configuring a few settings.  The free version enables users to display and print coupons for customers.

One of the free templates shows an image on the inside border of the coupon. The default free template has a space on the coupon for the deal, terms, and expiration date of the offer.

If you are looking for more features, there is also a pro version.

• To create a coupon, download and install the plugin. Edit the Standard Coupon or add a new one.
• Generate a coupon shortcode from the WP editor shortcode inserter.

• Insert your offer under Deal. Enter your terms for the coupon deal under Terms.
• To use the coupon, insert the shortcode on any page or post where you want it to show. If you assign an expiration date, the coupon will no longer be visible beyond the expiration date you set.

For a full list of WP coupon popup plugins visit WordPress.org. Grow your email list, increase your social media followers, and increase sales by creating your own coupon popup on your WP site.

Related posts

• كيفية نقل WordPress site من مجموعة واحدة إلى أخرى

• كيفية تثبيت و Setup WordPress على Microsoft Azure

• كيفية تشغيل سريع سريع WordPress على Microsoft Azure

• كيفية تكوين Privacy في WordPress ولماذا من المهم

• كيفية تثبيت WordPress على Google Cloud Platform

• 10 إضافات WordPress أساسية لموقع الأعمال الصغيرة

• كيفية العثور على تسجيل دخول مسؤول WordPress الخاص بك

• برنامج WordPress Gutenberg التعليمي: كيفية استخدام المحرر الجديد

• 11 من أفضل ملحقات WordPress Podcast

• كيفية إنشاء مدونة Wix جيدة مثل WordPress

• كيفية إزالة جميع آثار البرنامج المساعد WordPress

• كيفية إجراء اختبارات تقسيم فعالة في ووردبريس

• كيفية استخدام WP Super Cache على مدونة WordPress

• كيفية تكرار صفحة في ووردبريس

• كيفية تثبيت ثيم على ووردبريس

• كيفية استخدام Lumen5 لتحويل منشور المدونة الخاص بك إلى فيديو

• كيفية الانتقال من محرر WordPress الكلاسيكي إلى Gutenberg

• WordPress Jetpack: ما هو وهل يستحق التثبيت؟

• كيفية تعزيز الأداء في ووردبريس من خلال تنظيف قاعدة البيانات

• المستخدمين إعادة توجيه من 404 صفحة في WordPress