如何在 WordPress 中創建優惠券彈出窗口

已發表: 2023-07-31

您想在 WordPress 中創建優惠券彈出窗口嗎? 當客戶登陸您的頁面時,優惠券彈出窗口是宣傳您的銷售和優惠的絕佳方式。

在這篇文章中,我們將逐步引導您通過最簡單的方法向您的 WordPress 網站添加優惠券彈出窗口。

立即創建您的優惠券代碼

如何在 WordPress 中創建優惠券彈出窗口

在 WordPress 中創建折扣優惠券彈出窗口非常簡單。 您甚至不需要 WooCommerce 或 Shopify 等網站。 只需按照以下步驟操作即可。

在本文中

  • 步驟 1:在 WPForms 中創建優惠券代碼
  • 步驟 2:將優惠券字段添加到您的表單中
  • 步驟 3:在 OptinMonster 中創建彈出
  • 窗口

設置

在開始之前,您需要安裝並激活 2 個插件才能完成本教程。 如果您在該過程中需要幫助,請查看本指南,了解如何安裝 WordPress 插件。

WPForms homepage

首先,您需要 WPForms。 您將使用它來創建訂單表、付款表和優惠券代碼。 請注意,您需要 Pro 或 Elite 許可證才能訪問優惠券插件,您將使用該插件來創建優惠券代碼。

The OptinMonster home page

您還需要 OptinMonster。 您將使用此插件來創建彈出廣告活動。

安裝完這些後,您就可以開始使用了!

第 1 步:在 WPForms 中創建優惠券代碼

首先,我們將使用 Coupons 插件在 WPForms 中創建一個優惠券代碼。

導航至WPForms » 付款

WPForms payments summary

這將帶您進入頂部有 2 個選項卡的頁面:概述和優惠券。

單擊優惠券選項卡。

Coupons tab in WPForms

接下來,您可以單擊“添加優惠券”來創建優惠券代碼。

從那裡,您可以填寫有關您想要創建的優惠券的詳細信息。

Create a coupon code in WPForms

配置優惠券設置後,您將找到網站上所有表單的列表。 選擇您希望允許用戶應用優惠券代碼的表單。 您可以根據您的站點需求單獨啟用所有表單或特定表單。

請記住,如果需要,您可以稍後返回並更新它。 但是,除非您啟用特定表單來接受優惠券代碼,否則優惠券代碼將不起作用。

完成此操作後,記下您的優惠券代碼並保存您的工作。

第 2 步:在表單中添加優惠券字段

如果您還沒有這樣做,請確保將優惠券字段添加到所有接受您剛剛創建的代碼的表單中。

Add a coupon field in WPForms

無論您是創建新表單還是更新現有表單,過程都是相同的。 首先打開表單生成器。 如果您是從頭開始,請先添加表單所需的字段。 如果您使用模板,它們都是可定制的,因此您可以添加您需要的內容。

接下來,向下滾動到付款字段選項。 將優惠券字段拖放到您希望其顯示的位置。 這通常位於總計或付款字段附近。

完成後,您可以保存或發布表單。

第 3 步:在 OptinMonster 中創建彈出窗口

對於下一步,我們將切換到 O​​ptinMonster 插件。 從左側邊欄菜單中,導航至OptinMonster » 營銷活動。

從這裡,您可以單擊“新增”來創建新的營銷活動。

Add a new campaign in OptinMonster

將打開一個模式窗口並為您提供選項。 選擇模板

Select Templates to create your OM popup

選擇模板選項後,您將進入 OptinMonster 構建器中的模板頁面。 您要做的第一件事就是選擇您的營銷活動類型。 這是您要選擇Popup 的位置。

Select the popup option in OptinMonster's campaign builder

您將在廣告系列類型下方看到彈出模板。 您可以搜索特定類型的彈出窗口。 我們搜索了要使用的優惠券模板並選擇了它。 此時,它會提示您為該活動選擇一個名稱。

Choose a name for your campaign.

為營銷活動命名後,單擊“開始構建”按鈕,模板將在構建器中打開。

The coupon template opens in the campaign builder for customization

在構建器內,您可以單擊彈出窗口中的不同塊來自定義它們。 將不同的塊拖放到彈出窗口中以創建您想要的內容。 我們決定在示例中保留倒數計時器塊。

不要忘記添加您在 WPForms 中創建的優惠券代碼! 如果您提供優惠券,則必須確保宣傳的優惠券與您創建的優惠券相符。 正如您在步驟 1 中看到的,我們的代碼是 BLOOM15,因此我們將更新文本以顯示該代碼。

當您對優惠券彈出窗口的外觀感到滿意時,請繼續並單擊“發布”。

Publish options for your campaign

這將帶您進入一個屏幕,其中包含一些用於發布彈出窗口的選項。 在這些選項中,您可以決定是要立即發布還是保存為草稿,並確定彈出窗口運行的時間表。

Publishing options in OptinMonster

另一個巧妙的功能是,您可以在網站上輸入 URL 並查看活動的外觀。

只要您的 OptinMonster 帳戶連接到您的 WordPress,當您啟用彈出窗口時,您的營銷活動就會立即開始展示。

A live campaign popup

活動上線後,您可以在 OptinMonster 插件中查看和監控分析。

View your published campaign

這就是它的全部內容! 當人們看到彈出窗口時,他們會知道結帳時使用什麼優惠券代碼。 因為您在 WPForms 中設置了付款表單,所以它會接受該優惠券代碼,所以您就很幸運了。

根據您的營銷活動,您可以在短短 5 分鐘內設置優惠券代碼彈出窗口。 雖然在插件之間切換似乎令人畏懼,但該過程非常簡單明了。 這兩個插件都是用戶友好的。

接下來,使用更多 WordPress 插件增強網站的功能

查看這些帖子中的插件以增強您的 WordPress 網站的功能。

  • WordPress 的最佳電子商務插件
  • WordPress 最佳視頻插件
  • 最適合您網站的免費 WordPress 插件

常見問題解答

為什麼我應該在我的網站上使用優惠券彈出窗口?

顯示優惠券彈出窗口,讓您的網站訪問者了解您正在進行的銷售或交易。 這是一種簡單的格式,只給他們折扣代碼,但它對提高銷量和轉化率產生了奇蹟。

我可以只在某些頁面顯示優惠券彈窗嗎?

是的,您可以在彈出窗口插件中設置規則和條件,以確定在何處以及何時顯示彈出窗口。 這將幫助您向網站上最相關的受眾展示彈出窗口。

優惠券彈出窗口可以在移動設備上使用嗎?

是的,大多數優惠券彈出插件都可以跨設備使用,包括手機和平板電腦。 在使用優惠券插件之前對其進行研究並在安裝之前檢查插件文檔以確保始終是一個好主意。

彈出窗口會影響我的網站速度嗎?

如果您有太多彈出窗口並且它們加載大文件,那麼它肯定會減慢您的網站速度。 為了避免這個問題,請研究插件選項以確保它們是輕量級的。 您還可以限制彈出窗口的使用,使其僅顯示在您網站上最重要的頁面上。

是什麼讓優惠券彈出窗口有效?

要創建有效的彈出窗口,請保持副本簡短而甜美,並使用易於閱讀的字體。 使用引人注目的對比色,同時仍與您網站的外觀相匹配。 最重要的是,確保您的目標受眾和 A/B 測試彈出窗口正確,以便您知道如何吸引他們。

立即創建您的優惠券代碼

準備好構建您的表單了嗎? 立即開始使用最簡單的 WordPress 表單生成器插件。 WPForms Pro 包含大量免費模板,並提供 14 天退款保證。

如果本文對您有所幫助,請在 Facebook 和 Twitter 上關注我們,獲取更多免費的 WordPress 教程和指南。