Online -Shopping hat es Verbrauchern bequem gemacht, nach den besten Preisen zu suchen. Gutscheine haben einen erheblichen Einfluss auf Kaufentscheidungen und andere Aktionsformen, die Webentwickler in das Webdesign integrieren müssen.

90 % der Verbraucher verwenden Coupons, die Einlösung digitaler Coupons wird bis 2022 voraussichtlich 91 Milliarden US-Dollar erreichen, und über 25 Millionen Amerikaner^(Americans) nutzen Coupons monatlich, um Geld zu sparen.

Warum Besuchern ein Coupon-Popup anbieten?^{(Why Offer Visitors a Coupon Popup?)}

Versierte^(Savvy) Websitebesitzer wissen, dass das Anbieten eines Rabatts über einen Coupon für Kunden ein wirksames Mittel ist, um sie zum Kauf zu bewegen.  

Jeder liebt sehr. Das Anbieten von Coupons hilft Marken, die Website-Aktivität zu steigern, die Website-Conversions zu steigern und verlassene Warenkörbe wiederherzustellen und zu konvertieren.

Da WordPress (WP) das beliebteste Content-Management-System ist, enthält dieser Artikel eine Schritt-für-Schritt-Anleitung zum Erstellen eines WP-Coupon-Popups.

Verwenden Sie OptinMonster^{(Use OptinMonster)}

Erstellen Sie zunächst ein OptinMonster - Konto, installieren und aktivieren Sie dann das OptinMonster- Plugin für WordPress^{(plugin for WordPress)} auf Ihrer WP-Site.

Suchen Sie das Plugin in Ihrem WP-Admin-Dashboard, klicken Sie darauf und verbinden Sie es dann mit OptinMonster .

Erstellen Sie ein Coupon-Popup mit OptinMonster^{(Create a Coupon Popup with OptinMonster)}

• Melden^(Log) Sie sich beim OptinMonster- Dashboard an und klicken Sie auf Neue Kampagne erstellen^{(Create New Campaign)} .

• Wählen Sie als Kampagnentyp Popup aus . Der nächste Bildschirm zeigt Ihnen mehrere professionell gestaltete Vorlagen in verschiedenen Farben und Layouts.

• Wählen Sie die Coupon -Vorlage, um ein Popup zu erstellen, und klicken Sie darauf. Wählen Sie dann Vorlage verwenden^{(Use Template)} , geben Sie Ihrer Kampagne einen Namen und wählen Sie die Website aus, auf der Sie sie verwenden möchten.
• Da Sie Ihre Website bereits verbunden haben (oben), sehen Sie Ihre Website - URL im Dropdown-Menü aufgelistet. 

• Wählen Sie es aus und klicken Sie auf Start Building .

Design-Coupon-Popup

Verwenden Sie den Drag-and-Drop-Builder, um das Design, den Text und die Farben Ihres Gutscheins zu ändern.

Um ein Element im Design zu ändern, klicken Sie darauf. Nehmen Sie Ihre Änderungen auf der linken Seite vor, und sie werden im Vorschau-Popup auf der rechten Seite angezeigt.

Schließen Sie ein Element, indem Sie auf die Home - Schaltfläche oder das X klicken .

Hintergrundüberlagerung^{(Background Overlay)}

Die Farbe, die Ihr Coupon-Popup umgibt, wird als Hintergrundüberlagerung^{(Background Overlay)} bezeichnet . Um es zu bearbeiten, gehen Sie zu Optin-Einstellungen^{(Optin Settings)} > Optin-Ansichtsstile^{(Optin View Styles)} .

Sie können den Hintergrundstil^{(Background Style)} in eine Volltonfarbe oder eine Farbverlaufsfüllung ändern. Sie können auch ein Bild hinzufügen und den Rand ändern.

Wenn Sie mit dem Aussehen Ihres Gutscheins zufrieden sind, klicken Sie auf Speichern^(Save) .

Wie erhalten Kunden Ihren Gutschein?^{(How Will Customers Receive Your Coupon?)}

Nachdem Sie Ihr Coupon-Popup fertig gestaltet haben, müssen Sie entscheiden, wie Sie den Coupon zu Ihren Kunden bringen.

OptinMonster empfiehlt die sofortige Zustellung über die Erfolgsansicht^(Success) sowie per E-Mail. Um E-Mail verwenden zu können, müssen Sie die Integration Ihres E-Mail-Dienstanbieters aktivieren.

In der Erfolgsansicht^{(Success )} können Sie auch:

• Geben Sie den Gutscheincode wie im obigen Screenshot ein.
• Leiten Sie Besucher auf eine andere Seite weiter, um den Gutschein einzulösen.

Beachten Sie, dass die Erfolgsansicht^(Success) die standardmäßige Schaltflächenaktion ist. Wenn Sie eine andere Option verwenden möchten, ändern Sie die Schaltflächenaktion, indem Sie die folgenden Schritte ausführen:

• Bearbeiten Sie den Schaltflächentext.
• Klicken Sie auf Aktion.^(Action.)

• Klicken Sie unter Formularerfolgsaktion auf das Dropdown-Menü, um die verfügbaren Optionen anzuzeigen. ^{(Form Success Action)}Wenn Sie zu einer URL^(URL) umleiten möchten, geben Sie sie in das Feld ein.

Wählen Sie Anzeigeregeln^{(Choose Display Rules)}

Um auszuwählen, wo und wann Ihre Besucher Ihren Coupon sehen, gehen Sie zur Registerkarte Anzeigeregeln .^{(Display Rules)}

Auf jeder Seite können Sie verschiedene Arten von Inhalten, Kampagnen und exklusiven Angeboten verwenden. 

Um mehr über die Verwendung von Anzeigeregeln^{(Display Rules)} zu erfahren , lesen Sie: So verwenden Sie Anzeigeregeln, um anzupassen, wann eine Kampagne angezeigt wird^{(How to Use Display Rules to Customize When a Campaign Will Appear)} .

Andere WordPress-Plugins zum Erstellen von Coupon-Popup-Marketingkampagnen^{(Other WordPress Plugins For Building Coupon Popup Marketing Campaigns)}

WP bietet möglicherweise andere Plugins an, mit denen Sie Ihr eigenes Coupon-Popup erstellen können. Nachfolgend^(Below) sind einige davon aufgeführt.

Eisgramm^{(Icegram)(Icegram)}

Laden Sie das WP-Plugin Icegram herunter und installieren Sie es, um optisch ansprechende benutzerdefinierte Opt-Ins und Handlungsaufforderungen zu erstellen, indem Sie die folgenden Schritte ausführen:

• Melden Sie sich in Ihrem WP-Dashboard an.
• Klicken Sie in der Icegram -Option in der linken Seitenleiste auf Neue Kampagne hinzufügen.^{(Add New Campaign)}
• Wählen Sie eine^{(Select one)} der vorgefertigten Vorlagen aus und klicken Sie auf Vorschau^(Preview) .

• Wenn Ihnen das Aussehen im Vorschaumodus gefällt, klicken Sie auf „ Use This “ , um mit der Anpassung der Vorlage zu beginnen.
• Wenn die Kampagne geöffnet wird, klicken Sie auf Nachrichten^(Messages) und fügen Sie Ihren Nachrichteninhalt hinzu oder bearbeiten Sie ihn.

• Konfigurieren^(Configure) Sie, wie und wann Ihr Coupon-Popup angezeigt wird, indem Sie auf Anzeigeregeln^{(Display Rules)} klicken .

Die Popup-Anzeigeoptionen sind:

Wo:^{(Where: )} Wählen Sie aus, wo das Coupon-Popup angezeigt werden soll.

• Websiteweit
• Startseite
• Ausgewählte Seiten
• Bestimmte URLs auf Ihrer Website

Wann^(When) : Soll das Popup immer oder nur wie geplant angezeigt werden?

Gerät^(Device) : Wählen Sie aus, auf welchen Geräten das Popup angezeigt werden soll.

Wem^(Who) soll das Popup angezeigt werden?

• Alle Nutzer
• Nur angemeldete Benutzer
• Nicht angemeldete Benutzer

Retargeting : Möchten Sie, dass Ihr Coupon-Popup nur einmal für jede Sitzung angezeigt wird?

Nachdem ein Besucher auf einen CTA geklickt^(CTA) hat, möchten Sie ihm Ihr Popup erneut zeigen oder nicht?

• Zeigen Sie eine Vorschau Ihres Formulars und Ihrer Einstellungen an und klicken Sie auf Veröffentlichen^(Publish) , wenn es gut aussieht.

Gutschein-Ersteller^{(Coupon Creator)(Coupon Creator)}

Erstellen Sie Ihr eigenes Coupon-Popup mit dem Coupon Creator WP- Plugin.

Coupon Creator verwendet einen benutzerdefinierten Beitragstyp und erfordert nur die Konfiguration einiger weniger Einstellungen. Die kostenlose Version ermöglicht es Benutzern, Coupons für Kunden anzuzeigen und auszudrucken.

Eine der kostenlosen Vorlagen zeigt ein Bild am inneren Rand des Gutscheins. Die standardmäßige kostenlose Vorlage enthält auf dem Coupon ein Feld für das Angebot, die Bedingungen und das Ablaufdatum des Angebots.

Wenn Sie nach mehr Funktionen suchen, gibt es auch eine Pro-Version.

• Um einen Gutschein zu erstellen, laden Sie das Plugin herunter und installieren Sie es. Bearbeiten Sie den Standardcoupon oder fügen Sie einen neuen hinzu.
• Generieren Sie einen Coupon-Shortcode aus dem Shortcode-Inserter des WP-Editors.

• Geben Sie Ihr Angebot unter Deal ein. ^{(Deal. )}Geben^(Enter) Sie unter Bedingungen Ihre Bedingungen für das Coupon-Angebot ein .^(Terms.)
• Um den Gutschein zu verwenden, fügen Sie den Shortcode auf einer beliebigen Seite oder einem Post ein, wo er angezeigt werden soll. Wenn Sie ein Ablaufdatum zuweisen, ist der Gutschein über das von Ihnen festgelegte Ablaufdatum hinaus nicht mehr sichtbar.

Eine vollständige Liste der WP-Coupon-Popup-Plugins finden Sie auf WordPress.org^{(visit WordPress.org)} . Erweitern Sie Ihre E-Mail-Liste, erhöhen Sie Ihre Social-Media-Follower und steigern Sie den Umsatz, indem Sie Ihr eigenes Coupon-Popup auf Ihrer WP-Site erstellen.

How To Create Your Own Coupon Popup in WordPress

Onlіne shopping has made it convenient for сonsumers to search for the best prices. Coupons hаve a significant imрaсt оn purchasing decisions аnd other forms of action that wеb developers are asked to incorporate 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

• So verschieben Sie eine WordPress-Site von einem Host auf einen anderen

• So installieren und konfigurieren Sie WordPress auf Microsoft Azure

• So führen Sie blitzschnelles WordPress auf Microsoft Azure aus

• So konfigurieren Sie den Datenschutz in WordPress und warum es wichtig ist

• So installieren Sie WordPress auf der Google Cloud Platform

• So wechseln Sie vom klassischen WordPress-Editor zu Gutenberg

• So installieren Sie ein Theme auf WordPress

• So installieren Sie eine WordPress-Testseite auf Ihrem Computer

• So beschleunigen Sie eine WordPress-Site in 11 Schritten

• So machen Sie eine WordPress-Site sicher

• Die 11 besten WordPress-Podcast-Plugins

• Buchbesprechung: Erstellen Sie Ihre eigene Website: Ein Comic-Leitfaden für HTML, CSS und Wordpress

• So erstellen Sie einen Wix-Blog, der genauso gut ist wie WordPress

• Schützen und sichern Sie die WordPress-Website vor Hackern

• WordPress zeigt HTTP-Fehler beim Hochladen von Bildern

• Wix Vs WordPress: Was ist am besten für die Erstellung Ihrer Website?

• So sichern Sie Ihre WordPress-Site

• Squarespace Vs WordPress: Welches ist die bessere Site-Plattform?

• Child-Theme in WordPress erstellen

• So steigern Sie die Leistung in WordPress durch eine Datenbankbereinigung