Do you want to create a WooCommerce popup to boost sales?

您是否要創(chuàng)建WooCommerce彈出窗口來提高銷售量？

Lightbox popups allow you to easily grab customer attention and nudge them into making a purchase. You can use WooCommerce popups to offer coupons, promote sales, get visitors onto your email list, and more.

燈箱彈出式窗口可讓您輕松吸引客戶的注意力，并吸引他們進行購買。 您可以使用WooCommerce彈出窗口提供優(yōu)惠券，促進銷售，將訪問者吸引到您的電子郵件列表等。

In this article, we’ll show you how to easily create a WooCommerce popup to increase sales. We will show you different types of popups and how to apply them to your store.

在本文中，我們將向您展示如何輕松創(chuàng)建WooCommerce彈出窗口以增加銷售額。 我們將向您展示不同類型的彈出窗口以及如何將其應用于您的商店。

為什么需要創(chuàng)建WooCommerce彈出窗口 (Why You Need to Create a WooCommerce Popup)

Have you ever wondered why you keep seeing popups on all major eCommerce websites?

您是否曾經(jīng)想過為什么您會在所有主要的電子商務網(wǎng)站上不斷看到彈出窗口？

It’s because popups do a great job of converting website visitors into paying customers. They help online stores to quickly grab customer attention by showing them targeted messages at just the right time.

這是因為彈出窗口在將網(wǎng)站訪問者轉(zhuǎn)換為付費客戶方面做得很好。 它們通過在適當?shù)臅r間向目標商店顯示有針對性的消息來幫助在線商店Swift吸引客戶的注意力。

If you run a WooCommerce store, you can use popups to help you:

如果您經(jīng)營WooCommerce商店 ，則可以使用彈出窗口來幫助您：

Increase sales by delivering timely messages to your customers. For instance, you could make the popup appear when users are about to leave your store.

通過及時向客戶發(fā)送消息來提高銷售量。 例如，您可以使彈出窗口在用戶即將離開您的商店時出現(xiàn)。

Recover abandoned cart sales by offering a coupon or free shipping.

通過提供優(yōu)惠券或免費送貨來恢復廢棄的購物車銷售。

Sell more products through cross-sells (promoting related products) and upsells (promoting a better featured product).

通過交叉銷售(促銷相關產(chǎn)品)和追加銷售(促銷功能更好的產(chǎn)品)銷售更多產(chǎn)品。

Build your email list, social following, or remind your customers of ongoing sales and promotions.

建立您的電子郵件列表，社交關注或提醒客戶正在進行的銷售和促銷。

That being said, let’s take a look at how to use WooCommerce popups to boost sales and conversions on your store.

話雖如此，讓我們看一下如何使用WooCommerce彈出式窗口來促進商店的銷售和轉(zhuǎn)化。

We’ll be using OptinMonster for this tutorial. OptinMonster is a powerful conversion optimization tool that lets you turn abandoning website visitors’ into subscribers and customers.

在本教程中，我們將使用OptinMonster 。 OptinMonster是功能強大的轉(zhuǎn)化優(yōu)化工具，可讓您將放棄網(wǎng)站訪問者的行為變成訂閱者和客戶。

It seamlessly integrates with WooCommerce and have powerful personalization options built specifically for WooCommerce stores.

它與WooCommerce無縫集成，并具有專門為WooCommerce商店構建的強大個性化選項。

Tip: To create coupons for your offers, we recommend using Advanced Coupons. It allows you to create lots of different smart coupons for your WooCommerce site.

提示：要為您的優(yōu)惠創(chuàng)建優(yōu)惠券，我們建議您使用高級優(yōu)惠券 。 它使您可以為WooCommerce網(wǎng)站創(chuàng)建許多不同的智能優(yōu)惠券 。

OptinMonster入門 (Getting Started with OptinMonster)

Before you begin creating a WooCommerce popup, you need an OptinMonster account that’s connected to your WordPress site.

在開始創(chuàng)建WooCommerce彈出窗口之前，您需要一個連接到WordPress網(wǎng)站的OptinMonster帳戶。

First, go to the OptinMonster website and sign up for an account.

首先，轉(zhuǎn)到OptinMonster網(wǎng)站并注冊一個帳戶。

Tip: OptinMonster’s Pro plan lets you use most of the features we’ll be covering. If you want to create a ‘spin to win’ campaign, you need the Growth plan.

提示： OptinMonster的Pro計劃可讓您使用我們將介紹的大多數(shù)功能。 如果您想制作一個“旋轉(zhuǎn)取勝”廣告系列，則需要增長計劃。

Once you’ve signed up for OptinMonster, you need to connect your OptinMonster account to your WordPress site. To do this, you first need to install and activate the OptinMonster plugin on your WordPress site. For more details, see our step by step guide on how to install a WordPress plugin.

注冊OptinMonster后，您需要將OptinMonster帳戶連接到WordPress網(wǎng)站。 為此，您首先需要在WordPress網(wǎng)站上安裝并激活OptinMonster插件 。 有關更多詳細信息，請參閱有關如何安裝WordPress插件的分步指南。

Upon activation, you should see the OptinMonster welcome screen in your WordPress admin. Simply click the ‘Connect Your Account’ button.

激活后，您應該在WordPress管理員中看到OptinMonster歡迎屏幕。 只需單擊“連接您的帳戶”按鈕。

Now, follow the on-screen instructions to connect your OptinMonster account with your WordPress site.

現(xiàn)在，按照屏幕上的說明將OptinMonster帳戶與WordPress網(wǎng)站連接。

Once you’ve done this, you will see the Campaigns page. Here, you need to click on the ‘Create New Campaign’ button:

完成此操作后，您將看到“廣告系列”頁面。 在這里，您需要點擊“創(chuàng)建新的廣告系列”按鈕：

In the rest of this tutorial, we’ll cover several different types of WooCommerce popups. You can use these quick links to jump straight to the instructions for each one.

在本教程的其余部分中，我們將介紹幾種不同類型的WooCommerce彈出窗口。 您可以使用這些快速鏈接直接跳轉(zhuǎn)到每個說明。

• How to Create a WooCommerce Coupon Popup如何創(chuàng)建WooCommerce優(yōu)惠券彈出窗口
• How to Create a WooCommerce Cart Abandonment Popup如何創(chuàng)建WooCommerce購物車放棄彈出窗口
• How to Create a WooCommerce Cross-Sell Popup to Promote Related Products如何創(chuàng)建WooCommerce交叉銷售彈出窗口以推廣相關產(chǎn)品
• How to Create a WooCommerce Upsell Popup to Get Customers to Spend More如何創(chuàng)建WooCommerce加售彈出窗口以使客戶花費更多
• How to Create a Gamified WooCommerce ‘Spin to Win’ Popup如何創(chuàng)建游戲化的WooCommerce'Spin to Win'彈出窗口
• How to Create a Fullscreen Popup for WooCommerce如何為WooCommerce創(chuàng)建全屏彈出窗口

如何創(chuàng)建WooCommerce優(yōu)惠券彈出窗口 (How to Create a WooCommerce Coupon Popup)

Coupons are a great way to increase sales. You can use a popup to ensure that customers know about your coupon and encourage them to use it.

優(yōu)惠券是增加銷量的好方法。 您可以使用彈出窗口來確保客戶了解您的優(yōu)惠券并鼓勵他們使用它。

To create a coupon popup, simply select the ‘Popup’ campaign type. Then, select your template by bringing your mouse over it and clicking the ‘Use Template’ button. We’re going to use the ‘Coupon’ template:

要創(chuàng)建優(yōu)惠券彈出式窗口，只需選擇“彈出式”廣告系列類型。 然后，通過將鼠標懸停在模板上并單擊“使用模板”按鈕來選擇模板。 我們將使用“優(yōu)惠券”模板：

OptinMonster will prompt you to name your campaign and choose which site you want it to load on.

OptinMonster會提示您命名廣告系列，并選擇您要加載的網(wǎng)站。

Now, it’s time to design your coupon. Simply click on any part of the coupon to edit it. You can change the text, font, colors, and more. Here, we’re editing the header text for the coupon:

現(xiàn)在，是時候設計您的優(yōu)惠券了。 只需單擊優(yōu)惠券的任何部分即可對其進行編輯。 您可以更改文本，字體，顏色等。 在這里，我們正在編輯優(yōu)惠券的標題文本：

You can also remove parts of the coupon. For instance, you might decide that you don’t want to have an email sign up box. You could simply display a coupon code within the popup to encourage the customer to use it instantly.

您也可以刪除優(yōu)惠券的一部分。 例如，您可能決定不希望使用電子郵件注冊框。 您可以簡單地在彈出窗口中顯示優(yōu)惠券代碼，以鼓勵客戶立即使用它。

Tip: The default coupon code is SAVE25. This is displayed on the screen after the customer enters their email address. It’s easy to change or remove this under the ‘Success’ view for your popup.

提示：默認優(yōu)惠券代碼為SAVE25。 客戶輸入他們的電子郵件地址后，它會顯示在屏幕上。 在彈出式窗口的“成功”視圖下很容易更改或刪除此選項。

Don’t forget to click the ‘Save’ button once you’re finished with making changes to the coupon design:

完成對優(yōu)惠券設計的更改后，不要忘記單擊“保存”按鈕：

For more help, take a look at our step by step instructions on creating a coupon popup. That tutorial also explains how to integrate OptinMonster with your email list.

如需更多幫助，請查看有關創(chuàng)建優(yōu)惠券彈出窗口的分步說明。 該教程還介紹了如何將OptinMonster與您的電子郵件列表集成。

Once you’ve created your coupon popup, you need to set the display rules. Click the ‘Display Rules’ tab in the top bar. By default, the coupon will appear after 5 seconds have expired, on all pages of your site.

創(chuàng)建優(yōu)惠券彈出窗口后，您需要設置顯示規(guī)則。 點擊頂部欄中的“顯示規(guī)則”標簽。 默認情況下，優(yōu)惠券將在5秒鐘后顯示在您網(wǎng)站的所有頁面上。

You might want to change this to a longer or shorter duration, or base it on how long the visitor has been on your site as a whole. You might also want to only show the coupon on certain pages of your site.

您可能希望將其更改為更長或更短的持續(xù)時間，或者根據(jù)訪問者作為一個整體在您的網(wǎng)站上停留了多長時間而改變。 您可能還希望僅在網(wǎng)站的某些頁面上顯示優(yōu)惠券。

We’re going to get our coupon popup to appear after our potential customer has been on our site for at least 15 seconds. This means they’ll see the coupon even if they move between several different product pages rapidly:

在潛在客戶進入我們的網(wǎng)站至少15秒鐘后，我們將彈出優(yōu)惠券彈出窗口。 這意味著即使他們在幾個不同的產(chǎn)品頁面之間快速移動，他們也會看到優(yōu)惠券：

The final step is to publish your coupon popup and make it live on your site. Follow our instructions at the end of the article for help with this.

最后一步是發(fā)布優(yōu)惠券彈出窗口，并使其在您的網(wǎng)站上生效。 請按照本文末尾的說明進行操作以獲取幫助。

如何創(chuàng)建WooCommerce購物車放棄彈出窗口 (How to Create a WooCommerce Cart Abandonment Popup)

You may be losing a huge amount of money to cart abandonment.

您可能會因為放棄購物車而損失大量金錢。

A popup is a great way to prompt visitors to finish checking out. You can create a special WooCommerce popup to appear when a user is on the shopping cart page and moves to leave your site.

彈出窗口是提示訪客完成退房的好方法。 您可以創(chuàng)建一個特殊的WooCommerce彈出窗口，當用戶在購物車頁面上并移動離開您的網(wǎng)站時顯示。

First, create a new campaign in OptinMonster. You need to select ‘Popup’ for the campaign type. Then, go ahead and choose a template for your popup. We’re going to use the ‘Abandoning Checkout’ template:

首先，在OptinMonster中創(chuàng)建一個新的廣告系列。 您需要為廣告系列類型選擇“彈出式”。 然后，繼續(xù)并為您的彈出窗口選擇一個模板。 我們將使用“放棄結(jié)帳”模板：

Now, give your popup campaign a name and click the ‘Start Building’ button:

現(xiàn)在，為您的彈出廣告系列命名，然后點擊“開始構建”按鈕：

Your chosen template will open up in the campaign builder. You can change the text, colors, fonts, and more. Simply click on the element you want to change:

您選擇的模板將在廣告系列構建器中打開。 您可以更改文本，顏色，字體等。 只需單擊要更改的元素：

Once you’ve finished making changes, don’t forget to click the Save button on the top right.

完成更改后，請不要忘記單擊右上方的“保存”按鈕。

Now, it’s time to set your popup so that it displays on your WooCommmerce shopping cart page. First, click the ‘Display Rules’ tab at the top of the screen.

現(xiàn)在，是時候設置彈出窗口，使其顯示在WooCommmerce購物車頁面上。 首先，點擊屏幕頂部的“顯示規(guī)則”標簽。

Click the ‘time on page’ dropdown here if it’s not already selected, then click on ‘Exit Intent’. OptinMonster’s exit intent technology allows you to show your message at the precise moment user shows the intent to leave your website.

如果尚未選中，請單擊此處的“頁面停留時間”下拉菜單，然后單擊“退出意圖”。 OptinMonster的退出意圖技術可讓您在用戶顯示離開網(wǎng)站的意圖的確切時間顯示消息。

Next, scroll down the page. Leave the first dropdown here as ‘current URL path’ and set the second dropdown to ‘exactly matches’. In the box that appears, enter the URL of your shopping cart page.

接下來，向下滾動頁面。 在此處將第一個下拉菜單保留為“當前URL路徑”，并將第二個下拉菜單設置為“完全匹配”。 在顯示的框中，輸入購物車頁面的URL。

Don’t forget to save your changes. Then, go to the Publish tab to put your coupon live on your online store. You can find instructions on this later in our tutorial.

不要忘記保存您的更改。 然后，轉(zhuǎn)到“發(fā)布”標簽，將優(yōu)惠券實時發(fā)布到您的在線商店中 。 您可以在稍后的教程中找到有關此操作的說明。

如何創(chuàng)建WooCommerce交叉銷售彈出窗口以推廣相關產(chǎn)品 (How to Create a WooCommerce Cross-Sell Popup to Promote Related Products)

Another great way to boost sales is to cross-sell your products. Cross-selling is when you promote a product that goes with something the customer is already buying.

促進銷售的另一種好方法是交叉銷售您的產(chǎn)品。 交叉銷售是指您推銷與客戶已經(jīng)購買的產(chǎn)品搭配的產(chǎn)品。

For instance, if your customer buys a summer shirt, then they might also be interested in buying a sun hat. Or if they buy greetings cards, then they may also want wrapping paper.

例如，如果您的客戶購買了夏季襯衫，那么他們可能也有興趣購買遮陽帽。 或者，如果他們購買賀卡，那么他們可能還需要包裝紙。

To create a cross-sell popup in OptinMonster, you first need to create a new campaign. Make sure you select ‘Popup’ for the campaign type, then choose any template you want.

要在OptinMonster中創(chuàng)建交叉銷售彈出式窗口，您首先需要創(chuàng)建一個新的廣告系列。 確保為廣告系列類型選擇“彈出式”，然后選擇所需的任何模板。

We’re going to use the ‘Shopping’ template for our popup.

我們將使用“購物”模板作為彈出窗口。

Next, OptinMonster will prompt you to name the campaign and choose which website you want to load it on. Once you’ve done this, simply click the ‘Start Building’ button.

接下來，OptinMonster將提示您命名廣告系列，并選擇您要加載到哪個網(wǎng)站。 完成此操作后，只需單擊“開始構建”按鈕。

You will be taken into the campaign editor. Here, you can change any aspect of your template by clicking on it. We’ve uploaded a different image for our campaign:

您將被帶入活動編輯器。 在這里，您可以通過單擊模板來更改模板的任何方面。 我們?yōu)閺V告系列上傳了另一張圖片：

It’s easy to change the text, buttons, and more. You can even include the coupon straight away like we have, by deleting the email newsletter signup field. We added extra text blocks to our popup to give the coupon code:

更改文本，按鈕等很容易。 通過刪除電子郵件通訊注冊字段，您甚至可以像我們一樣直接包含優(yōu)惠券。 我們在彈出窗口中添加了額外的文本塊以提供優(yōu)惠券代碼：

If you keep the email sign up, make sure you edit the ‘Success’ view of the popup to display your chosen coupon code.

如果您保持電子郵件注冊狀態(tài)，請確保編輯彈出窗口的“成功”視圖以顯示您選擇的優(yōu)惠券代碼。

Tip: If you do use the email sign up, you also need to link OptinMonster to your email provider under the ‘Integrations’ tab. There are instructions on this in our step by step guide on creating a coupon popup.

提示：如果您確實使用了電子郵件注冊，則還需要在“集成”選項卡下將OptinMonster鏈接到您的電子郵件提供商。 在創(chuàng)建優(yōu)惠券彈出窗口的分步指南中有對此的說明。

Once you’ve finished creating your campaign, don’t forget to click the ‘Save’ button on the top right.

創(chuàng)建完廣告系列后，請不要忘記單擊右上方的“保存”按鈕。

In order to show your campaign to customers with specific products in their carts, you need to connect OptinMonster with WooCommerce.

為了向帶有購物車中特定產(chǎn)品的客戶展示廣告系列，您需要將OptinMonster與WooCommerce連接起來。

To do this, click on the OptinMonster tab in your WordPress dashboard and then click on the ‘WooCommerce’ tab.

為此，請在WordPress儀表板中單擊OptinMonster選項卡，然后單擊“ WooCommerce”選項卡。

You should see a message letting you know that WooCommerce is connected with OptinMonster:

您應該看到一條消息，通知您WooCommerce已與OptinMonster連接：

Now, go back to the OptinMonster app and edit your chosen campaign. Click on the ‘Display Rules’ tab, then select ‘the WooCommerce cart contains’ and your chosen product for your rule:

現(xiàn)在，返回OptinMonster應用并修改您選擇的廣告系列。 單擊“顯示規(guī)則”選項卡，然后選擇“ WooCommerce購物車包含”并為規(guī)則選擇您選擇的產(chǎn)品：

You need to set up a separate rule for each product that you want the cross-sell to apply to. Simply click to add a new ‘OR’ Rule:

您需要為要應用交叉銷售的每個產(chǎn)品設置單獨的規(guī)則。 只需單擊以添加新的“或”規(guī)則：

Then, add your rule as before:

然后，像以前一樣添加規(guī)則：

Don’t forget to click the ‘Save’ button on the top right of the screen. Now, you just need to follow the instructions at the end of this tutorial to put your popup live on your site.

不要忘記單擊屏幕右上角的“保存”按鈕。 現(xiàn)在，您只需要按照本教程末尾的說明操作，即可將彈出式窗口實時顯示在您的網(wǎng)站上。

如何創(chuàng)建WooCommerce加售彈出窗口以使客戶花費更多 (How to Create a WooCommerce Upsell Popup to Get Customers to Spend More)

An upsell popup lets you encourage customers to buy a product that’s more expensive than the one they were considering.

加售彈出窗口可讓您鼓勵客戶購買比他們考慮的產(chǎn)品更昂貴的產(chǎn)品。

For instance, if you sell a software package, you might offer a special deal on a higher-priced plan.

例如，如果您出售軟件包，則可能會針對高價計劃提供特殊優(yōu)惠。

To create your upsell popup, you first need to create a new OptinMonster campaign. Select ‘Popup’ for the campaign type and choose any template that you want to use. We’ll be using the ‘Flash’ template:

要創(chuàng)建加售彈出窗口，您首先需要創(chuàng)建一個新的OptinMonster廣告系列。 為廣告系列類型選擇“彈出式”，然后選擇要使用的任何模板。 我們將使用“ Flash”模板：

Once you’ve selected your template, OptinMonster will prompt you to name your campaign and select the site you want to run it on. Once you’ve done this, simply click the Start Building button:

選擇模板后，OptinMonster將提示您命名廣告系列并選擇要在其上運行的網(wǎng)站。 完成此操作后，只需單擊“開始構建”按鈕：

You can now change anything you like about the campaign by clicking on the item. We’re going to switch the timer to become a dynamic (evergreen) timer. This means it will be set individually for each customer:

現(xiàn)在，您可以通過單擊該項目來更改有關廣告系列的任何內(nèi)容。 我們將把計時器切換為動態(tài)(常綠)計時器 。 這意味著將為每個客戶分別設置：

If you want to give customers the coupon straight away, simply remove the email field. It’s easy to use the ‘Add Blocks’ feature to add a text field with a coupon code here instead.

如果您想立即為客戶提供優(yōu)惠券，只需刪除電子郵件字段。 使用“添加塊”功能可以在此處輕松地添加帶有優(yōu)惠券代碼的文本字段。

Once you’re happy with your coupon, click the ‘Save’ button on the top right. Then, click the ‘Display Rules’ tab.

對優(yōu)惠券滿意后，請點擊右上角的“保存”按鈕。 然后，點擊“顯示規(guī)則”標簽。

Simply follow the instructions above for cross-sell coupons to connect OptinMonster and WooCommerce. Then, set a display rule to show the popup when the user is looking at a specific product:

只需按照上面的說明進行交叉銷售優(yōu)惠券，即可連接OptinMonster和WooCommerce。 然后，設置顯示規(guī)則以在用戶查看特定產(chǎn)品時顯示彈出窗口：

Tip: Don’t want to go through the steps of connecting OptinMonster and WooCommerce? You could instead use OptinMonster’s page targeting rule to target the URL of your product page instead.

提示：不想執(zhí)行將OptinMonster和WooCommerce連接起來的步驟嗎？ 您可以改為使用OptinMonster的頁面定位規(guī)則來定位產(chǎn)品頁面的URL。

Once you’ve set your display rules, go ahead and save your popup. Then, simply put it live on your site by following the instructions at the end of this tutorial.

設置顯示規(guī)則后，請繼續(xù)并保存彈出窗口。 然后，只需按照本教程末尾的說明將其放在您的網(wǎng)站上即可。

如何創(chuàng)建游戲化的WooCommerce'Spin to Win'彈出窗口 (How to Create a Gamified WooCommerce ‘Spin to Win’ Popup)

The spin a wheel popup we’re going to look at is a bit different. The gamified ‘spin to win’ popup gives the customer a special offer or coupon. It’s a fun alternative to boost conversions and overall engagement.

我們將要看到的旋轉(zhuǎn)彈出窗口有點不同。 游戲化的“旋轉(zhuǎn)贏得”彈出窗口為客戶提供了特別優(yōu)惠或優(yōu)惠券。 這是提高轉(zhuǎn)化率和整體參與度的有趣替代方法。

First, create a new campaign in OptinMonster and select the Gamified campaign type. There are 3 templates you can choose from. We’ll be using the blue wheel:

首先，在OptinMonster中創(chuàng)建一個新的廣告系列，然后選擇Gamified廣告系列類型。 您可以選擇3種模板。 我們將使用藍色的輪子：

OptinMonster will prompt you to give your campaign a name and choose which website to load it on. Once you’ve done this, just click the ‘Start Building’ button.

OptinMonster會提示您為廣告系列命名，然后選擇要加載到哪個網(wǎng)站。 完成此操作后，只需單擊“開始構建”按鈕。

You will now see the coupon wheel template in the OptinMonster editor. Simply click on any element that you want to change. To edit the different options on the wheel, click on it then click the ‘Edit Wheel Sections’ button:

現(xiàn)在，您將在OptinMonster編輯器中看到優(yōu)惠券輪模板。 只需單擊要更改的任何元素。 要編輯方向盤上的其他選項，請在其上單擊，然后單擊“編輯車輪截面”按鈕：

Once you’re happy with your coupon wheel, click the ‘Save’ button at the top of the screen:

對優(yōu)惠券輪滿意后，請點擊屏幕頂部的“保存”按鈕：

Just follow our step by step guide to creating a ‘spin to win’ popup if you want more help with setting up your coupon wheel.

如果您需要更多有關設置優(yōu)惠券輪的幫助，請按照我們的分步指南創(chuàng)建“旋轉(zhuǎn)贏”彈出窗口 。

You also need to link OptinMonster to your email system. To do that, simply click on the ‘Integrations’ tab then click the ‘Add New Integration’ button:

您還需要將OptinMonster鏈接到您的電子郵件系統(tǒng)。 為此，只需單擊“集成”選項卡，然后單擊“添加新集成”按鈕：

Next, you need to select your email provider from a dropdown list:

接下來，您需要從下拉列表中選擇電子郵件提供商：

Follow the on-screen instructions to connect OptinMonster with your email provider. Don’t forget to click the ‘Save’ button again at the top of the screen after doing so. Now, you can put the popup live on your site by following the instructions at the end of this tutorial.

按照屏幕上的說明將OptinMonster與您的電子郵件提供商連接。 完成此操作后，請不要忘記再次單擊屏幕頂部的“保存”按鈕。 現(xiàn)在，您可以按照本教程末尾的說明，將彈出窗口實時顯示在您的站點上。

如何為WooCommerce創(chuàng)建全屏彈出窗口 (How to Create a Fullscreen Popup for WooCommerce)

Another very effective popup you can create for your online store is a fullscreen WooCommerce popup. This lets you welcome new visitors and encourage them to join your email list. You could offer them a special discount in return.

您可以為在線商店創(chuàng)建的另一個非常有效的彈出窗口是全屏WooCommerce彈出窗口。 這樣，您就可以歡迎新訪客并鼓勵他們加入您的電子郵件列表。 您可以為他們提供特別折扣。

To create a fullscreen popup in OptinMonster, create a new campaign and choose the Fullscreen campaign type. Then, select a template. We’re going to use the Estate template for our popup:

要在OptinMonster中創(chuàng)建全屏彈出窗口，請創(chuàng)建一個新的廣告系列，然后選擇“全屏”廣告系列類型。 然后，選擇一個模板。 我們將使用Estate模板作為彈出窗口：

Next, you need to enter a name for your campaign and choose which site it will display on. Once you’re ready, click the ‘Start Building’ button.

接下來，您需要輸入廣告系列的名稱，然后選擇它將顯示在哪個網(wǎng)站上。 準備就緒后，請點擊“開始構建”按鈕。

You’ll now see your fullscreen welcome mat in the OptinMonster builder. You can edit the text and the image to suit your store. Simply click on whatever you want to change.

現(xiàn)在，您將在OptinMonster構建器中看到全屏歡迎墊。 您可以編輯文本和圖像以適合您的商店。 只需單擊您想要更改的內(nèi)容。

We’re going to change the text by clicking on it and editing it in the left hand pane:

我們將通過單擊文本并在左側(cè)窗格中對其進行編輯來更改文本：

Go ahead and make any other changes you want.

繼續(xù)進行所需的任何其他更改。

Next, you need to integrate OptinMonster with your email list by clicking the ‘Integrations’ tab. For instructions on this, take a look at our guide to spin the wheel popups above.

接下來，您需要通過單擊“集成”選項卡將OptinMonster與電子郵件列表集成。 有關此說明，請參閱我們的指南，以旋轉(zhuǎn)上方的車輪彈出窗口。

Once you’re happy with your welcome mat, don’t forget to click the ‘Save’ button. You can then move to the ‘Display Rules’ tab:

對歡迎墊感到滿意后，請不要忘記單擊“保存”按鈕。 然后，您可以轉(zhuǎn)到“顯示規(guī)則”標簽：

For the display rules, you want to set your welcome mat to only display to first time visitors. To do this, click on the ‘time on page’ dropdown and select the ‘New Visitor’ option:

對于顯示規(guī)則，您希望將歡迎墊設置為僅向首次訪問者顯示。 為此，請點擊“頁面停留時間”下拉菜單，然后選擇“新訪問者”選項：

If you want the welcome mat to display on all pages of your site, simply leave the ‘current URL path’ dropdown set to ‘is any page’. Don’t forget to click the ‘Save’ button at the top of the screen:

如果您希望歡迎墊顯示在網(wǎng)站的所有頁面上，只需將“當前URL路徑”下拉列表設置為“是任何頁面”。 別忘了點擊屏幕頂部的“保存”按鈕：

You can now go ahead and put your popup live on your site by following the instructions below.

現(xiàn)在，您可以按照以下說明繼續(xù)將彈出式窗口實時顯示在您的網(wǎng)站上。

For more tips, check out our guide to creating a welcome mat for your WordPress site. You’ll find some useful examples there, too.

有關更多提示，請查看我們的指南， 為您的WordPress網(wǎng)站創(chuàng)建歡迎墊 。 您也可以在其中找到一些有用的示例。

在您的網(wǎng)站上直播您的WooCommerce彈出窗口 (Putting Your WooCommerce Popup Live on Your Site)

After creating any popup, you need to make it live before it will show up on your website. First, you need to click the ‘Publish’ tab in the OptinMonster app. Then, click the ‘Status’ toggle to set it to Live.

創(chuàng)建任何彈出窗口后，您需要使其生效，然后它才能顯示在您的網(wǎng)站上。 首先，您需要點擊OptinMonster應用中的“發(fā)布”標簽。 然后，點擊“狀態(tài)”切換按鈕將其設置為實時。

Note: Your popup will not be live straight away. You still need to go live with it in WordPress.

注意：您的彈出窗口不會立即顯示。 您仍然需要在WordPress中上線。

Now, go back to your WordPress admin and click on the OptinMonster menu item.

現(xiàn)在，返回您的WordPress管理員，然后單擊OptinMonster菜單項。

You should then see your popup listed here:

然后，您應該在這里看到彈出窗口：

You need to click the ‘Go Live’ button to put your campaign live:

您需要點擊“上線”按鈕才能將廣告系列上線：

It’s always a good idea to check your site to make sure your popup is displaying as intended. Here’s our cross-sell campaign in action, promoting sun hats when there’s a summer shirt in the customer’s cart:

檢查您的站點以確保彈出窗口按預期顯示始終是一個好主意。 這是我們的交叉銷售活動，在客戶的購物車中有夏天的襯衫時，推廣遮陽帽：

We hope this article helped you learn how to create a WooCommerce popup to increase sales. You might also like our list of the best WooCommerce plugins for your store, and our comparison of the best WooCommerce hosting providers to speed up your store.

我們希望本文能幫助您學習如何創(chuàng)建WooCommerce彈出窗口來增加銷售額。 您可能還會喜歡我們?yōu)槟纳痰晏峁┑淖罴裌ooCommerce插件列表，以及我們與最佳WooCommerce托管提供商進行比較以加快商店速度的比較。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

如果您喜歡這篇文章，請訂閱我們的YouTube頻道 WordPress視頻教程。 您也可以在Twitter和Facebook上找到我們。

翻譯自: https://www.wpbeginner.com/wp-tutorials/how-to-create-a-woocommerce-popup-to-increase-sales/

總結(jié)

以上是生活随笔為你收集整理的如何创建WooCommerce弹出窗口来增加销售额（6种经过验证的方法）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。