การช็อปปิ้ง ออนไลน์^(Online)ทำให้ผู้บริโภคสามารถค้นหาราคาที่ดีที่สุดได้อย่างสะดวก คูปองมีผลกระทบอย่างมากต่อการตัดสินใจซื้อและรูปแบบการดำเนินการอื่นๆ ที่นักพัฒนาเว็บถูกขอให้รวมเข้ากับการออกแบบเว็บ

90% ของผู้บริโภคใช้คูปอง การแลกใช้คูปองดิจิทัลคาดว่าจะสูงถึง 91 พันล้านดอลลาร์ภายในปี 2565 และชาวอเมริกัน^(Americans) กว่า 25 ล้านคน ใช้คูปองทุกเดือนเพื่อประหยัดเงิน

เหตุใดจึงเสนอให้ผู้เข้าชมคูปองป๊อปอัป?^{(Why Offer Visitors a Coupon Popup?)}

เจ้าของ^(Savvy)ไซต์ที่เชี่ยวชาญรู้ดีว่าการเสนอส่วนลดให้กับลูกค้าผ่านคูปองเป็นวิธีที่มีประสิทธิภาพในการจูงใจให้พวกเขาทำการซื้อ  

ทุกคนรักมาก การเสนอคูปองช่วยให้แบรนด์เพิ่มกิจกรรมบนเว็บไซต์ เพิ่มการแปลงไซต์ และกู้คืนและแปลงรถเข็นที่ถูกละทิ้ง

เนื่องจากWordPress (WP) เป็นระบบจัดการเนื้อหาที่ได้รับความนิยมมากที่สุด บทความนี้จะให้คำแนะนำทีละขั้นตอนเกี่ยวกับวิธีการสร้างป๊อปอัปคูปอง WP

ใช้ OptinMonster^{(Use OptinMonster)}

เริ่มต้นด้วยการสร้าง บัญชี Jared Ritchey^{(OptinMonster)}ติดตั้งแล้วเปิดใช้งานปลั๊กอิน OptinMonster สำหรับ WordPress^{(plugin for WordPress)}บนไซต์ WP ของคุณ

ค้นหาปลั๊กอินในแดชบอร์ดผู้ดูแลระบบ WP ของคุณ คลิกที่ปลั๊กอิน จากนั้นเชื่อมต่อกับJared Ritchey^{(OptinMonster)}

สร้างป๊อปอัปคูปองด้วย OptinMonster^{(Create a Coupon Popup with OptinMonster)}

• ลงชื่อ^(Log)เข้าใช้ แดชบอร์ด OptinMonsterแล้วคลิกสร้างแคมเปญ^{(Create New Campaign)}ใหม่

• จากประเภทแคมเปญ เลือกป๊อป^(Popup)อัป หน้าจอถัดไปจะแสดงเทมเพลตที่ออกแบบอย่างมืออาชีพหลายแบบให้คุณเห็นในสีและเลย์เอาต์ต่างๆ

• เลือก เทมเพลต คูปอง^{(Coupon )}เพื่อสร้างป๊อปอัปและคลิกที่มัน จากนั้นเลือกใช้เทมเพลต^{(Use Template)}ตั้งชื่อแคมเปญของคุณ และเลือกเว็บไซต์ที่คุณต้องการใช้
• เนื่องจากคุณเชื่อมต่อเว็บไซต์ของคุณแล้ว (ด้านบน) คุณจะเห็นURL เว็บไซต์ของคุณ แสดงอยู่ในเมนูแบบเลื่อนลง 

• เลือกและคลิกที่เริ่ม^{(Start Building)}สร้าง

ออกแบบคูปองป๊อปอัป^{(Design Coupon Popup)}

ใช้ตัวสร้างการลากและวางเพื่อเปลี่ยนการออกแบบ ข้อความ และสีของคูปองของคุณ

หากต้องการเปลี่ยนองค์ประกอบในการออกแบบ ให้คลิกที่องค์ประกอบนั้น ทำการแก้ไขทางด้านซ้าย แล้วการแก้ไขจะแสดงในป๊อปอัปแสดงตัวอย่างทางด้านขวา

ปิดองค์ประกอบโดยคลิกปุ่มโฮม^(Home)หรือX

ซ้อนทับพื้นหลัง^{(Background Overlay)}

สีรอบๆ ป๊อปอัปคูปองของคุณเรียกว่า การวางซ้อนพื้น^{(Background Overlay)}หลัง หากต้องการแก้ไข ให้ไปที่การตั้งค่า^{(Optin Settings)} Optin > Optin View Styles

คุณสามารถเปลี่ยนสไตล์พื้นหลัง^{(Background Style)}เป็นสีทึบหรือเติมไล่ระดับสีได้ คุณยังสามารถเพิ่มรูปภาพและเปลี่ยนเส้นขอบได้

เมื่อคุณพอใจกับรูปลักษณ์ของคูปองแล้ว ให้คลิกบันทึก^(Save)

ลูกค้าจะได้รับคูปองของคุณอย่างไร?^{(How Will Customers Receive Your Coupon?)}

หลังจากที่คุณออกแบบป๊อปอัปคูปองเสร็จแล้ว คุณต้องตัดสินใจว่าจะรับคูปองให้กับลูกค้าได้อย่างไร

Jared Ritchey^{(OptinMonster)}แนะนำให้ส่งทันทีโดยใช้ มุมมอง ความสำเร็จ^(Success)และทางอีเมล หากต้องการใช้อีเมล คุณต้องเปิดใช้งานการรวมผู้ให้บริการอีเมลของคุณ

ใน มุมมอง ความสำเร็จ^{(Success )}คุณยังสามารถ:

• ใส่รหัสคูปองตามภาพหน้าจอด้านบน
• เปลี่ยนเส้นทางผู้เยี่ยมชมไปยังหน้าอื่นเพื่อแลกคูปอง

โปรดทราบว่า มุมมอง ความสำเร็จ^(Success)คือการกระทำของปุ่มเริ่มต้น หากคุณต้องการใช้ตัวเลือกอื่น ให้เปลี่ยนการทำงานของปุ่มโดยทำตามขั้นตอนด้านล่าง:

• แก้ไขข้อความปุ่ม
• คลิกที่การกระทำ^(Action.)

• ภายใต้Form Success Actionคลิกดรอปดาวน์เพื่อดูตัวเลือกที่มี หากคุณต้องการเปลี่ยนเส้นทางไปยัง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)}

ดาวน์โหลดและติดตั้งปลั๊กอิน WP Icegramเพื่อสร้างตัวเลือกที่กำหนดเองที่น่าดึงดูดใจและคำกระตุ้นการตัดสินใจโดยใช้ขั้นตอนด้านล่าง:

• เข้าสู่แดชบอร์ด 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ใช้ประเภทโพสต์ที่กำหนดเองและต้องการการกำหนดค่าบางอย่างเท่านั้น เวอร์ชันฟรีทำให้ผู้ใช้สามารถแสดงและพิมพ์คูปองให้กับลูกค้าได้

หนึ่งในเทมเพลตฟรีจะแสดงรูปภาพที่ขอบด้านในของคูปอง เทมเพลตฟรีที่เป็นค่าเริ่มต้นจะมีช่องว่างบนคูปองสำหรับดีล เงื่อนไข และวันหมดอายุของข้อเสนอ

หากคุณกำลังมองหาคุณสมบัติเพิ่มเติม ก็ยังมีรุ่นโปร

• ในการสร้างคูปอง ให้ดาวน์โหลดและติดตั้งปลั๊กอิน แก้ไขคูปองมาตรฐาน^{(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 consumers to search for the best prices. Coupons have a significant impаct on purchasing decisions and othеr forms оf action that web developers are aѕked to incorрorate 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 จากโฮสต์หนึ่งไปยังอีก

• วิธีการติดตั้งและการตั้งค่าบน WordPress Microsoft Azure

• วิธีการรันอย่างรวดเร็ว WordPress บน Microsoft Azure

• วิธีการกำหนดค่า Privacy ใน WordPress และทำไมจึงเป็นสิ่งสำคัญ

• วิธีการติดตั้ง WordPress บน Google Cloud Platform

• Protect และปลอดภัย WordPress website จากแฮกเกอร์

• WordPress Jetpack: มันคืออะไรและมันคุ้มค่าที่จะติดตั้งไหม?

• รีวิวหนังสือ: สร้างเว็บไซต์ของคุณเอง: คู่มือการ์ตูนสำหรับ HTML, CSS และ Wordpress

• วิธีลบมัลแวร์ออกจากไซต์ WordPress ของคุณ

• แสดงให้เห็นว่า WordPress HTTP Error เมื่ออัปโหลดรูปภาพ

• วิธีสร้างบล็อก Wix ที่ดีพอๆ กับ WordPress

• วิธีทำซ้ำหน้าใน WordPress

• วิธีใช้ WP Super Cache บนบล็อก WordPress

• วิธีเพิ่มความเร็วไซต์ WordPress ใน 11 ขั้นตอน

• AMP สำหรับ WordPress คืออะไรและจะติดตั้งได้อย่างไร

• การสร้าง Child Theme ใน WordPress

• รูปแบบการเขียนบล็อกที่ดีที่สุดเพื่อให้ได้คะแนนของคุณ

• วิธีลบร่องรอยของปลั๊กอิน WordPress ทั้งหมด

• วิธีตั้งค่า WordPress บนโดเมนด้วยตนเอง

• วิธีสำรองข้อมูลไซต์ WordPress ของคุณ