Looking for a way to create push button notifications and collect push notification subscribers?
Το καταλαβαίνουμε. Μερικές φορές είναι πολύ πιο βολικό να έχετε λίγη ευελιξία στον τρόπο με τον οποίο αυξάνετε τους συνδρομητές σας.
Μην ανησυχείτε. Σας καλύψαμε.
In this article, we’re going to show you step-by-step how to create your own push button notifications.
Έτοιμοι; Ας ξεκινήσουμε.
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:
- Σελίδες πωλήσεων
- Σελίδες "Έρχονται Σύντομα"
- Σελίδες 404
- Σελίδες συντήρησης
- Σελίδες συμπίεσης
- Σελίδες ευχαριστίας
- Σελίδες webinar
- Σελίδες βίντεο
Και πολλά άλλα!
Βήμα #1: Εγκατάσταση και Ενεργοποίηση του SeedProd
Πρώτα, θα θέλετε να αποκτήσετε το plugin SeedProd Pro και να το ενεργοποιήσετε. Αν δεν είστε σίγουροι πώς να το κάνετε, διαβάστε αυτό το άρθρο για το πώς να εγκαταστήσετε ένα plugin WordPress. Στη συνέχεια, μεταβείτε στο SeedProd » Ρυθμίσεις στον πίνακα ελέγχου του WordPress και ενεργοποιήστε την έκδοση Pro:
Στη συνέχεια, μεταβείτε στο SeedProd » Σελίδες για μια επισκόπηση του πίνακα ελέγχου σελίδων προορισμού του SeedProd. Εδώ μπορείτε να δείτε τους διαφορετικούς τύπους σελίδων προορισμού που μπορείτε να δημιουργήσετε χρησιμοποιώντας το 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
You can also add a click to subscribe button to collect push notification subscribers. Push notifications are a great way to increase your repeat traffic, get more engagement and even sell official merch if you have some.
In SeedProd, just drag and drop the Custom HTML module from the sidebar.
We’ve put the subscribe button directly underneath the email signup form in the first fold.
But you can insert the button anywhere you like.
For this part, you need some experience with HTML and CSS. Or, you can copy this code and paste it into your Custom 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>That’s a standard button in HTML with very little styling. The only fancy bit is the onclick function in the code. It basically means that your visitors can click on the button to subscribe to something. Now, we need to give the button some extra code to allow your visitors to subscribe to push notifications.
Μεταβείτε στην αρχική σελίδα του PushEngage και κάντε κλικ στο κουμπί Έναρξη:
Το PushEngage είναι το #1 plugin ειδοποιήσεων push στον κόσμο.
Οι ειδοποιήσεις push σας βοηθούν να αυξήσετε την επισκεψιμότητα του ιστότοπού σας και την αλληλεπίδραση σε αυτόματο πιλότο. Και αν διαχειρίζεστε ένα online κατάστημα, το PushEngage σας βοηθά επίσης να αυξήσετε τις πωλήσεις σας, βοηθώντας σας να δημιουργήσετε αυτοματοποιημένες ειδοποιήσεις push eCommerce.
Μπορείτε να ξεκινήσετε δωρεάν, αλλά αν σοβαρά θέλετε να αναπτύξετε την επιχείρησή σας, θα πρέπει να αγοράσετε ένα επί πληρωμή πρόγραμμα. Επίσης, πριν αγοράσετε οποιαδήποτε υπηρεσία ειδοποιήσεων push, θα πρέπει να δείτε αυτόν τον οδηγό για το κόστος ειδοποιήσεων push.
Ακολουθεί μια γρήγορη επισκόπηση του τι παίρνετε με το PushEngage:
- Αυτοματοποιημένες εκστρατείες με υψηλή μετατροπή
- Πολλαπλές επιλογές στόχευσης και προγραμματισμού καμπανιών
- Goal tracking and advanced analytics
- Έξυπνες δοκιμές A/B
- Push campaign templates
- Powerful segmentation options
- Ένας Αφοσιωμένος Διαχειριστής Επιτυχίας
Θα δείτε ότι η PushEngage είναι μακράν η καλύτερη επιλογή αν θέλετε να αυξήσετε την επισκεψιμότητα, την αφοσίωση και τις πωλήσεις για την επιχείρησή σας. Και αν έχετε περιορισμένο προϋπολογισμό, μπορείτε πάντα να γίνετε λίγο δημιουργικοί με τις ειδοποιήσεις push σας.
NOTE: If you’re running a WordPress site, you should install and activate the PushEngage WordPress plugin.
Στη συνέχεια, θα θέλετε να επιλέξετε το δωρεάν πρόγραμμα για να δοκιμάσετε το PushEngage ή να επιλέξετε ένα επί πληρωμή πρόγραμμα αν είστε σοβαροί σχετικά με την ανάπτυξη της επιχείρησής σας. Τα επί πληρωμή προγράμματα έρχονται με περισσότερες επιλογές καμπάνιας και τη δυνατότητα δημιουργίας ακόμη μεγαλύτερων λιστών συνδρομητών.
Στον πίνακα ελέγχου του PushEngage, μεταβείτε στις Ρυθμίσεις Ιστότοπου » Λεπτομέρειες Ιστότοπου και κάντε κλικ στο κουμπί Κάντε κλικ εδώ για οδηγίες εγκατάστασης. Κάτω από το πεδίο Οποιοσδήποτε Ιστότοπος, θα λάβετε τον κωδικό εγκατάστασής σας:
ΠΡΟΕΙΔΟΠΟΙΗΣΗ: Πρέπει να αντιγράψετε τον κωδικό που λαμβάνετε από τον πίνακα ελέγχου σας. Ο κωδικός είναι μοναδικός για κάθε χρήστη του PushEngage. Δεν θα μπορείτε να αντιγράψετε τον κωδικό στην εικόνα και να συλλέξετε συνδρομητές ειδοποιήσεων push.
Μόλις έχετε τον κωδικό στον πίνακα ελέγχου του PushEngage, προσθέστε αυτό το απόσπασμα στον κώδικά σας:
<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>Ο τελικός σας κώδικας θα πρέπει να μοιάζει κάπως έτσι:
<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>You’ll want to add this code to the HTML block in your landing page after the code for the button. It should look something like this:
Feel free to customize the styles for the button any way you please. When you’re done customizing your landing page, go ahead and hit the Save button.
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.
Στη συνέχεια, κάντε κλικ στην καρτέλα Ρυθμίσεις Σελίδας στο επάνω μέρος της οθόνης σας.
Εδώ, μπορείτε να προσθέσετε ένα πρόσθετο SEO και ένα πρόσθετο Google Analytics στη σελίδα προορισμού σας. Μπορείτε ακόμη και να ρυθμίσετε προσαρμοσμένους κωδικούς παρακολούθησης, όπως ένα Facebook Pixel ή ένα Pinterest pixel, για να παρακολουθείτε την απόδοση των διαφημίσεων.
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.
Ρίξτε μια ματιά σε αυτούς τους επικούς πόρους και θα καταλάβετε τι εννοούμε:
- 7 Έξυπνες Στρατηγικές για την Ενίσχυση της Αφοσίωσης Πελατών
- Είναι Αποτελεσματικές οι Ειδοποιήσεις Push; 7 Στατιστικά + 3 Συμβουλές Ειδικών
- Πώς να Ρυθμίσετε Ειδοποιήσεις Push για Εγκαταλελειμμένα Καλάθια (Εύκολο Οδηγός)
Συνιστούμε τη χρήση του PushEngage για τη δημιουργία των καμπανιών ειδοποιήσεων push. Το PushEngage είναι το #1 λογισμικό ειδοποιήσεων push στον κόσμο. Έτσι, αν δεν το έχετε κάνει ήδη, ξεκινήστε με το PushEngage σήμερα!
