Looking for a way to create push button notifications and collect push notification subscribers?
Vi förstår. Ibland är det mycket bekvämare att ha lite flexibilitet i hur du växer dina prenumeranter.
Oroa dig inte. Vi har dig täckt.
In this article, we’re going to show you step-by-step how to create your own push button notifications.
Redo? Låt oss dyka in.
How to Create Push Button Notifications in WordPress
Before you create push button notifications in WordPress, you need to create a landing page to collect push subscribers. We highly recommend using SeedProd to create your landing pages.
SeedProd is the best WordPress landing page builder. It’s perfect for businesses, bloggers, and website owners looking to build high-converting landing pages without any development skills.
With SeedPreed, you get pre-built templates for high-converting landing pages that you can publish instantly. This includes templates for:
- Säljsidor
- Kommer snart-sidor
- 404-sidor
- Underhållssidor
- Squeeze-sidor
- Tack-sidor
- Webinar-sidor
- Videosidor
Och mycket mer!
Steg #1: Installera och aktivera SeedProd
Först vill du skaffa SeedProd Pro pluginet och aktivera det. Om du är osäker på hur du gör det, kolla in den här artikeln om hur man installerar ett WordPress plugin. Gå sedan till SeedProd » Inställningar i din WordPress-instrumentpanel och aktivera Pro-versionen:
Gå sedan till SeedProd » Sidor för en översikt över Seed પ્રોડs landningssidors instrumentpanel. Det är här du kan se de olika typerna av landningssidor du kan skapa med SeedProd:
Keep in mind that these are all special pages with pre-built functionality and design templates. For a landing page, you don’t want to use ANY of these special landing pages. Instead, you’re going to create a custom landing page.
Scroll further down and click the Add New Landing Page button to get started:
Step #2: Create a New Landing Page for Push Button Notifications
After clicking the Add New Landing Page button, you’ll see SeedProd’s library of landing page templates. These are professionally designed landing page templates that are completely responsive.
Next, you can select one of these templates to help you get started.
Remember, the template is just a starting point. you can customize everything about the page later on. For now, find a template that you think will fit. When the templates page opens, you can click Squeeze Page to filter the list:
For this guide, we’ll select the Investment Squeeze Page.
A squeeze page has only one objective. It’s to “squeeze” you just enough to get your email address. Know anyone in the investment and personal finance space? Yeah, they can squeeze for sure!
Go ahead and click on it now.
Next, we’re going to customize the landing page.
Step #3: Customize Your Landing Page Design
SeedProd’s visual builder allows you to customize your landing page using drag-and-drop content blocks.
You can create a fully customized header for your landing page in a matter of minutes. You can even add custom elements to convince and convert your traffic. For instance, you can create a video module and embed a YouTube video to convince your visitors to buy your product or service.
It’s also super easy to add a section with a brief description of your product or service . Head over to the Sections tab in the visual builder and under the Hero section, you’ll find several pre-built templates that you can import with a single click.
Go ahead and select one that you like.
Don’t worry about the colors or the content. You can edit all of it. What you should look for is a layout that goes well with your template.
You can customize the hero section the same way we did earlier by choosing a different image and changing the headline and description. While you’re at it, add a call-to-action button that nudges visitors to buy from you.
Next, from the Sections tab, select the Testimonial heading, and choose a design you like. And just like that, you have a testimonials section on your landing page.
It’s so simple!
Step #4: Add a Push Button Notifications to Your Landing Page
Du kan också lägga till en klick-för-prenumerera-knapp för att samla in prenumeranter på push-notiser. Push-notiser är ett utmärkt sätt att öka din återkommande trafik, få mer engagemang och till och med sälja officiella varor om du har några.
I SeedProd, dra och släpp bara modulen Anpassad HTML från sidofältet.
Vi har placerat prenumerationsknappen direkt under e-postregistreringsformuläret i den första vyn.
Men du kan infoga knappen var du vill.
För den här delen behöver du viss erfarenhet av HTML och CSS. Eller så kan du kopiera den här koden och klistra in den i ditt anpassade HTML-block:
<button onclick="subscribeOnClickButton()" style="border: none; padding-left: 5%; padding-right:5%; text-align: center; display: inline-block; color: blue;">Get Updates via Push Notifications</button>Det där är en standardknapp i HTML med väldigt lite styling. Det enda speciella är onclick-funktionen i koden. Det betyder i princip att dina besökare kan klicka på knappen för att prenumerera på något. Nu behöver vi ge knappen lite extra kod för att tillåta dina besökare att prenumerera på push-notiser.
Gå till PushEngage startsida och klicka på knappen Kom igång :
PushEngage är det främsta pluginet för push-notiser i världen.
Pushnotiser hjälper dig att öka din webbplatstrafik och engagemang automatiskt. Och om du driver en onlinebutik hjälper PushEngage dig också att öka din försäljning genom att hjälpa dig att skapa automatiserade e-handelspushnotiser.
Du kan komma igång gratis, men om du menar allvar med att växa ditt företag bör du köpa en betald plan. Innan du köper någon pushmeddelandetjänst bör du också kolla in den här guiden till kostnader för pushmeddelanden.
Här är en snabb överblick över vad du får med PushEngage:
- Högkonverterande automatiserade kampanjer
- Flera målriktnings- och kampanjplaneringsalternativ
- Målspårning och avancerad analys
- Smart A/B-testning
- Push-kampanjmallar
- Kraftfulla segmenteringsalternativ
- En dedikerad framgångschef
Du kommer att se att PushEngage är utan tvekan det bästa valet om du vill bygga trafik, engagemang och försäljning för ditt företag. Och om du har en budget kan du alltid vara lite kreativ med dina pushmeddelanden.
OBS: Om du driver en WordPress-webbplats bör du installera och aktivera PushEngage WordPress-plugin.
Sedan vill du välja gratisplanen för att prova PushEngage eller välja en betald plan om du menar allvar med att växa din verksamhet. De betalda planerna kommer med fler kampanjalternativ och möjligheten att bygga ännu större prenumerantlistor.
I din PushEngage-instrumentpanel, gå till Webbplatsinställningar » Webbplatsdetaljer och klicka på knappen Klicka här för installationsinstruktioner. Under Valfri webbplats, får du din installationskod:
VARNING: Du måste kopiera koden du får från din instrumentpanel. Koden är unik för varje PushEngage-användare. Du kan inte kopiera koden i bilden och samla prenumeranter på push-notiser.
När du har koden i din PushEngage-instrumentpanel, lägg till detta kodavsnitt i din kod:
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>Din slutliga kod bör se ut ungefär så här:
<script src="https://clientcdn.pushengage.com/core/02a6e92667ae2279fcba8932356c1d93.js" async></script>
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>Du vill lägga till den här koden i HTML-blocket på din landningssida efter koden för knappen. Det bör se ut ungefär så här:
Anpassa gärna stilarna för knappen hur du vill. När du är klar med att anpassa din landningssida, fortsätt och tryck på Spara-knappen.
Step #4: Configure Your Page Settings
After you’re done designing your landing page, click the Connect tab at the top of your page builder, and select your email marketing provider to collect leads on your site.
Klicka sedan på fliken Sidinställningar högst upp på skärmen.
Här kan du lägga till ett SEO-plugin och ett Google Analytics-plugin till din landningssida. Du kan till och med ställa in anpassade spårningskoder som en Facebook Pixel eller en Pinterest-pixel för att spåra annonsresultat.
Step #5: Publish Your Landing Page in WordPress
Now let’s go ahead and publish your design. To do this, click the dropdown arrow next to the save button and click Publish.
You can then click the See Live Page button to see how it looks.
Congratulations! You just published your very first landing page.
What to do After You Add Push Button Notifications to Your Site
Now that your landng page is live, it’s time to work on your traffic, engagement, and sales. You should try using push notifications on your site. Push notifications are a great marketing tool that can help you grow your business.
Ta en titt på dessa episka resurser så förstår du vad vi menar:
- 7 smarta strategier för att öka kundengagemanget
- Är push-notiser effektiva? 7 statistik + 3 experttips
- Hur du ställer in pushmeddelanden för övergivna kundvagnar (Enkel handledning)
Vi rekommenderar att använda PushEngage för att skapa dina push-notiskampanjer. PushEngage är den främsta push-notisprogramvaran i världen. Så, om du inte redan har gjort det, kom igång med PushEngage idag!
