How To Send Push Notifications With Wordpress

Key Takeaways

what is up guys my name is Darrow and in this tutorial I'm going to teach you how from send push notifications to visitors on your website for free now if you guys ever been to a website kind of like those trending websites where you give this little box right here it says hey so-and-so wants to sell notifications guys this converts ten times better than email marketing so in this tutorial I'm going to guide you step-by-step on how to set this up for your WordPress website for free so the first thing you guys will have to do is go to a website called one signal and guys this is a free service and if you don't have this right now and you think it's not good just get it trust me I've had it for one day and I've already converted 45 people I'm sorry 39 people in just one day that is actually really cool and every time you make a post those people will get notified via their browser saying hey Darrell Wilson go made a post go ahead and check it out okay now I'm going to show you how to do the same exact thing so this is a website called one signal and you know they all they're all about push notifications and it's a free service and I've used a lot and these guys hands-down won my vote so when you get to this website go ahead and go to login now I already have an account so I have an account these guys because they're they're legit they're really good so right here you're gonna go to sign up so go ahead and give them your email your password your social security numbers your credit card no I'm just kidding you just give them your email in your password and that's it okay and then you go ahead and create an account okay now I'm going to go ahead and login and I'm going to go you know guide you guys step-by-step on how to do this so look at that one day I've actually got thirty nine people so we'll never make a post 39 people are going to be notified via browser so that's pretty incredible so when you get to this page you're going to see this thing called add a new app and I'm going to guide you through this it's really simple really easy so right here click on this plus and go ahead and give your app a name so you can it could be anything so I'm just going to do I'm gonna do petty right my dog we're doing Pride anyway daddy where okay and here I get this box right here but just go ahead and close it we don't need to message this right now so yeah yeah I don't need it you know right here we can go to app settings now you see right here I have does Chrome and Firefox we're going to set this up for all the browsers at least all the main ones so Google Chrome Firefox and Safari I personally use Google Chrome I think I mean I'm an Emma like I love Mac but I just don't like the browser I don't like Safari but we're still going to use him for all of them so right here you're going to go to configure so go ahead and put your site URL right here so mine is ACPs Darrow comm now default notification icon URL now guys you actually will get this from your actual media library so this is my website right here now I need to go to my dashboard right here and go to media and go to library so I wanted to you know I'm going to put my dog right here alright so we're going to take my dog and took like the best picture ever so I'm going to take my URL right here go back over here and go ahead and paste this right there okay so whenever you get a notification that image is going to show up guys so make sure it's an image that's appropriate and that represents your websites so my go to save okay now the next we're going to do is go to keys and ID and guys all of you to do now is just go ahead and copy and paste this on to our plug-in that we're going to salt and we're done so right here I'm going to go and close this go to plugins and go to add new now we're going to look for the one signal plug-in one cig no there we go and this is the one right here so one signal free web push notifications so I'm go to install now alright and it's almost done okay it looks like something happens here so I'm just going to go ahead and refresh it okay it's activate guys you know why it's because I already activated earlier you know I had to test this out so I'm just gotten you step-by-step on how to do this so once you do that right there you're going to see this thing right here that says one signal push so click on that now right here I've already kind of you know messed around with this but all you guys need to do right here is go ahead and take your your your one signal app ID go ahead and copy that and then go ahead and paste it right here and on the same thing for your REST API key so go ahead and take that copied ads and then go ahead and paste it right there as well okay now once you're done I want you to scroll down there are some things I want you to take a look at and consider so right here notification title the notification title to use for all your outgoing notifications so you want to make sure that this is something your business now one very important option that you need to check right here is the automatic prompt new site visitor so what this does is whatever someone visits your website it's going to automatically pop up and notify them right away so right here I'm gonna click on that all rights going down and they have different options you know to customize is like you can change the size to small to large or the position to left or right or whatever you want to do and then you know you can change the color scheme as well here you can go ahead and change some of the text so we know when ton inscribed you know when subscribed they get a notification you can put whatever you want so you are in full control of your website right here so you know you guys get this I'm not going to go through all these right here so let's going down right here scrolling down again guys these are just more options okay so all these are just more options for just customizing and making it look however you want okay so I'm going to go ahead a click on save now we also need to set it for the for the Safari so we basically set it up for the actual Mozilla and also for Google Chrome so we need to now set it for the Apple platform so right here under platforms I'm go to Apple Safari and go to configure you guys can see right now that it's already active so the Apple Safari actually works the same way so right here I go to configure and go ahead and put your site name right there so guys this is just for your site name so you know mine was OBP Darrow and then go ahead put your site URL so a PPP going on my test web site uh so that would be Derral calm and I'm gonna go to safe actually normos imma scroll down now there is a small difference here so for this you'll have to upload upload your own icon so two of these takes by 256 you'll need to put your own icon you it's a little bit different with Google Chrome you know you just basically give them the URL but for here you're gonna have to put your own icon okay so make sure to do that and then go to save okay and you get this key right here so we get this long key right here so we need to go ahead and copy this and I will go back to my website so I'm going to go ahead and refresh this see it's being a little weird you know talk to my other plug-in so you know people are always like you know do you don't get errors on your tutorials on my channel just do is go ahead and paste this right there and then scroll down keep scrolling key scroll and guys make sure to read all these you know like I said a lot of these are just customizable options and stuff like that and I'm gonna go ahead and click on save right here now guys I'm going to do a live post to show you guys that this is actually working and that this is actually a legitimate amazing plugin okay so I'm going to website right now let's go over here to plus new and go to post now there was one thing that I missed that I really want to cover before we do this right here go back to your one signal push and there was one really important option that I realized that we missed so right here if you scroll down you need to have this check right here which says Sten notifications additionally to iOS and Android platforms now iOS is Apple so on my iMac I would have to have that checked for me to get it okay so you want to make sure that is also checked it's very very important okay so after you're done s go to save everyone makes mistakes you know I make mistakes everyone you know that's how it goes you know so right here go to plus and go to a post biggest make a post so right here imma do paddywhack is amazing I'm gonna go ahead and put a picture of my dog right here okay it doesn't look good but you know this is just for too-tall purposes you know so yeah I shouldn't you know maybe they'll fix it there we go that's better all right now if you guys notice right here on the top right side it says what signal push notifications send notifications on post publish so make sure that's checked now when I click on publish we are ready to roll you're going to see that we're going to get a notification so I'm gonna click on publish okay now let's go ahead and just let's just go back to the website now you guys on the top right right hear how it says you know we already get notification so guys it's instant and if I click on that it takes us right to the post so we can see that the push notifications are working and guys this will work for the Google Chrome it will work for Mozilla it'll work for Safari so we've successfully set up push notifications in about 10 minutes and guys this converts ten times better than email so if you're not using this you have to get it because I'm telling you right now it's definitely these email marketing so let me show you again one more time the my statistics in a day so whatever make a blog post you know it just goes to all those people in their browser it's really convenient so right here you guys can see 39 and then of course the one that we just tested on go upto com is one right there so we've successfully set it up on this demo website right here so that's about it for my story guys you guys have any questions regarding it feel free to let me know it's a very simple process to setup it's literally like a copy and paste up so go ahead and check it out go ahead and give this video a like to subscribe all that stuff this little cool thing huh sort of like it this is a Divi theme by the way I'm just using a child it's really good anyways alright I'll see you guys all later