How to Create FREE Popups, Slideins & AdBlocker Notice using WordPress, Elementor & Hustle Plugin

hello friends i am nish again sure in this video i'll show you how you can generate more leads and attract more email subscribers by creating dynamic and targeted messages to engage visitors and capture data through opt-ins and call to action buttons we'll see how to create professional and easy to customize pop-ups and slide-ins and with that we'll also see how to create ad blocker notice and floating social share buttons so let's get started now first of all this is an example of what we'll be creating in this video so as you can see this is a pop-up now there are two types of pop-ups that we'll see how to create so this is a simple one email opt-in one this one will be used to generate or this one will be used to attract more email subscribers another one is informational which will be used to get more clicks or which will be used to generate more sales now there are many different pre-built pop-up designs that we can simply import and you can customize according to your needs so this is one of those examples after that we'll also see how to create this floating social share buttons which will be used to share your page users can use this thing to share your page on different social media platforms if you go to some other page or if you open any other page or post you will again see these things for example you will see this floating social share button and after that we'll you'll also see that pop-up now with that pop-up if you don't want to create that pop-up you can also create some slide-ins i'll show you obviously how to do that now to do this thing we'll be using a free plugin now if you see this thing if i just refresh this page or if you just go to any other page or if you open any other single blog post you will see that this pop-up appears immediately now this is the default style or this is the default setting if you want to change this thing for example if you want this pop-up to appear when you scroll down so when you scroll down maybe 30 to 40 of this page then you want this pop-up to appear you can have that setting as well or maybe if you want to if you want this pop-up to appear after maybe three seconds or four seconds you can have that setting as well or there is one more setting if you want this popup to appear when the user or the visitor is trying to exit your website you can have that thing as well so when whenever the user tries to exit this page whenever they bring their mouse cursor to cut this tab this pop-up will appear and this is 100 mobile and tablet friendly this pop-up and also this social share buttons and as i said earlier with that we'll also see how to create ad blocker notices so whenever someone is visiting your website and if they're using ad blocker they will get this notice that you please disable this ad blocker so we'll see how to create that notice as well so first of all to do this thing you have to go to your dashboard so let's do that now we need to install a new free plugin to do all these things so click on plugins from the left hand side now click on add new now under search plugins search for hustle now you'll see this plugin install this one hustle email marketing by wpmu dev okay so install and activate this plugin once it is installed simply click on this activate button this plugin will be activated and you'll get a new notice or you'll get a new option at the bottom left corner if you see at the left hand side bottom you'll see this new option hustle click on that now you'll get this pop-up this will help you to set up this plugin or this will help you to create your pop-ups very quickly so you can simply click on this button get started and i can select what you want to create so if you want to create pop-up or slide in or social share whatever you want to create simply select that so first let's see how we can create a pop-up select this option pop-up and click on create now you can name it anything you want so let's name it seo newsletter now you have to select what is the type so if you want to create email opt-in or infomercial i want to create email opt-in because i want to attract and i want to collect more email addresses so i'll select this option and click on choose template and as i said earlier there are many pre-built templates that you can simply import so for example if you see all these options if you want if you if you want you can just create from scratch as well i would not recommend you to do that you can simply select any one of these options and you can create your own template so maybe let's import this one okay this pandemic one if you want to preview this thing click on preview now as you can see this is how this thing will look like if you want to see how this will look on mobile phone you can click on this mobile icon and you can see that thing as well so let me refresh this thing now as you can see this is how it will look in mobile phone now you can cut this thing and after that you can simply click on choose template and this template will be imported for you now you can simply do some changes for example this is the title if you see let me refresh this page so as you can see this is the title kovid19 update so instead of this title if you want some other title you can simply type in that thing over here so maybe let's type in so i've typed in get free weekly seo tips okay and after that if you want you can also add some subtitle and in the left hand side as you can see this is the image so if you don't want this image if you want to upload your own image you can simply cut this thing and upload your own image so let's see if we have an image that we can upload so you can upload any one of these images from here if you want to upload a new image file you can click on upload files click on select file now maybe let me just upload this image so i'll select this thing uh click on open once it is installed or once it is uploaded you can click on use this image now whenever you want to preview this thing you can always click on this preview button and you can see how your pop-up is looking right now so as you can see this is how it is looking you can obviously cut this thing come back to this page and if you want to do some changes again if you want to replace this image with some other image you can do that thing as well then you have the main content which is this thing okay if you're not whatever you want to type in over here you can just add that thing if you also want to add a call to action button you can do that i would not recommend you to do that thing because we are using this email opt-in so when you're not using email opt-in you can add call to action button but not right now now if you also want to display this thing or never see this link again you can display it at the bottom as you can see no thanks i'm not interested so this is the default text no thanks i'm not interested if you want to change this thing if you want to type in something else you can do that thing as well then in the next step you have to click on this emails button will be redirected to your next step and we have added this email option over here this email collector if you want you can add some more fields for example if you want you can click on this plus button you can add a name field as well so if you click on name field if you click on preview changes this is how it will look like now this is the horizontal design you can also make it vertical let me show you how you can do that i think it is in the next step so if i click on integration again click on appearance now here as you can see we are using this compact style now if you're using multiple inputs like emails and names you can use this opt-in focus okay i just wanted to show you this now let me again go back to this step to email steps so we were in email step i don't want this name so i'll click on this gear icon and i'll delete this thing i just want this email step over here now what happens after your visitor or your user enter their email address and click on get update so you can send them or you can just display them a success message which would read thank you for subscribing will keep you updated on our availability or obviously if you want you can change this text or if you want you can also do one thing you can redirect them to some other page so you can do one thing you can create a thank you page and you can enter that link over here so whenever they enter their email and click on get updates they will be redirected to that thank you page so both the options are available then when you scroll down you have some more options if you want you can also send them automated emails so whenever they subscribe to your email newsletter you can send them some automatic email thanking them or something like that or you can use mailchimp to do this thing so once you do this thing in the next step we have to integrate this thing so right now we have the local list enabled which is under active apps so if you see this thing whenever someone enters the email address and click on get updates their email address will be collected and if you want to see this email address you can see select this option you can click on this gear icon and you can see see this option view email list or you can do one thing you can see this option over here under hustle if you'll see email list you can open this in a new tab so whenever someone enters the email address you will see all those emails over here under this list if you want you can do one more thing you can also integrate some other email marketing app and you can add those thing over here for example if you want you can in integrate mailchimp with this option so whenever someone enters the email address their email will be collected over here in the email list and with that these emails will also be added to your mailchimp newsletter list so to integrate this thing you can do one thing you can open this integration in a new tab and you can select mailchimp or any other option from here i'm using mailchimp because that is free you can select this mailchimp and click on this plus button you will have to enter your api key over here now to get this api key you have to go to mailchimp.com now you can log into your mailchimp account now by the way if you don't know what is mailchimp and how to use this thing how to do a free email marketing and all you can do one thing you can go to youtube and you can search for neya sheikh mailchimp tutorials you'll see all these tutorials that i've created for mailchimp as you can see this is the latest one mailchimp 2021 so make sure to watch that tutorial one hour long tutorial you'll learn how to do free email marketing and that to automated email marketing using only free resources and especially using mailchimp now once you log into your mailchimp account you will see this option at the bottom left corner click on that option and click on profile now under extras click on api keys and here you will get your api key copy your api key from here go back to your integration page enter that key and you can just add any identifier so i'll just add seo newsletter now click on connect and this website will be connected with mailchimp as you can see you get this notice mailchimp successfully connected again you can come back to this page and if you want okay first let's publish this once you publish this thing you can now refresh this page so that we get that integration option over here and now as you can see under application we have mailchimp option as well if you just click on this plus button this thing will be added over here now i want to tick mark this thing and click on continue now what happens is whenever someone enters the email address their email address will be added in the local list and with that their email address will also be added in your mailchimp newsletter now you can scroll down and you can click on appearance and you can control the appearance of this newsletter pop-up so by default we are using the compact style if you want you can use the default style opt-in focus content focus you can select this option click on preview you can see the changes then after that if you want you can also control this style of different things for example for opt-in form if you select this option by default you are using this horizontal option if you want to use this vertical option you can select this thing click on preview and let's see how it looks right now now as you can see we have this vertical style so you can use this option as well then in the form field we are not using any icons if you want to use some icons or animated icons you can use that option as well now for the typography we are using roboto this is the default one i don't want to use roboto or if you don't want to use roboto you can use some other font family for example i like poppins more so i'll use this poppins font family over here then you can see some more styling options are given uh this is the default color palette that is used gray slate if you want you you can use some other color styling as well now these are the css class name that is given to you so you can use this thing to further more style your option or style your content so all these different things how you want your text color title color what should be the size of that thing feature image background color you can control all these things from here now when you scroll down i don't want to get in more details with this you can now go to visibility you can also control this size width is 750 and height is 300 so if you click on preview now as you can see with this 750 if you want you can decrease this thing as well i'll cut this thing now go to visibility now by default this pop-up will be visible throughout your website so everywhere on your website on every single page on every single blog post now if you want to limit that thing you can add some conditions so if you click on conditions maybe i want to display them only on my blog post and only on my pages and maybe on product pages i don't want to display them on archive pages and so so you can untick that thing and you can take mark only those pages where you want this thing to display so i want this pop-up to display only on blog post only on pages and maybe only on these product pages so you can select this thing and click on add condition now this thing will be displayed only on these pages if you want you can do one thing if you want to hide them only on these pages you can select this option hide now it will be hidden on post pages and product pages okay so if you want you can add these kind of conditions and after that click on behavior i don't want to add these conditions i just wanted to show you guys that you can do these things as well now let's go to behavior now when should this pop-up trigger so by default it is selected immediately so whenever someone visits your website it will immediately pop up i don't want this style or if you want you can control this thing you can add some timer if you click on this drop down default delay is 1 seconds if you want you can make it five seconds so if you select five seconds and if you click on update now whenever someone visits your website after five seconds this pop-up will display so you can have this option or if you want you can have this scroll option so whenever a person scrolls maybe 20 of the page or maybe 50 of the page then this will disappear or then this will appear maybe let me select 50 and let's preview again okay it is just displaying the default style let me first update this page now we have selected this option scroll 50 percent and with that we i also want to select this option exit intent so with exit intent what happens is let me show you in a new private window so maybe this is my website so whenever i want to exit this page so what happens is i bring my mouse cursor and click on this x option or basically i just click on this cut button so whenever someone brings a mouse cursor on this option or over here this pop-up will appear so that is also very important this exit intent i'll show you how this thing works if you want you can also add ad block over here i don't want to do this right now in the next step we'll see how to add this option then after that if you want you can also add this click option so whenever someone clicks on any button this pop-up will appear so an example of this can be let me show you an example of this click option okay so this is a website that i'm creating so basically i'm working on a new tutorial on a new blog tutorial how we can start blogging in 2021 and how we can do all these different things that is included in blogging like affiliate marketing google adsense all those different things email marketing all those things so in this example i've used hustle and i've used this option this click option let me show you how that works so whenever someone you can have this page for example i have i have this button over here whenever someone clicks on this button this pop-up will appear let me show you this thing in a new private window so if i scroll down and if i click on this button which is over here subscribe now as you can see this pop-up appears so you can have this thing as well now let me scroll down and let's just skip this thing and click on save changes and with this your pop-up is created now if you open your website in a new tab let's see now if i scroll down to 50 of the page as you can see this pop-up appears or if you if i try to exit this page as you can see this pop-up again appears let me try let me show you this exit thing again if i open this in a new private window now when i scroll down to 50 disappears and now see when i try to cut this page when i bring my mouse cursor to cut this page this pop-up will appear so as you can see when i try to cut this page this pop-up appears so this is the exit intent so all these things are working perfectly fine now let's see how we can create slide-ins so again come back and if you want you can click on this pop-ups you'll see this pop-up that you have created now whenever you want to unpublish this thing you can select this option and you can click on this option edit and you can unpublish it from here you have this unpublished button you can click on this option and again click on this button come back to popups and now as you can see this is unpublished now this will not appear on your website now to create a slide in steps are almost same click on create uh this time i want to create infomercial if you want if you if you want you can create infomercial if you want you can create email opt-in maybe let's select this time infomercial and this time i want to create this ad blocker so to create this ad blocker select this thing click on choose template and you'll see this ad blocker template if you want to preview this thing you can click on this preview and you can see this option now once it is selected click on this choose template now you can change the title and all this image and now all we have seen how to do this thing you can always preview this thing to see how it is looking so as you can see this is an example whenever it detects that someone is using ad blocker it will give them this pop-up so if you want you can use this thing rest everything is absolutely fine you just you know have all the same settings related to visibility and related to all these options so you can select this thing click on behavior and make sure under behavior add block is selected and you have five seconds delay if you want you can you know control this thing as well for example if i want i i just want two seconds delay so whenever someone visits my website after two seconds if this sees that there is if this thing detects that there is an ad blocker running on this website or on this browser they will show this popup so this option is also available and after that if you want you can publish this thing so this was another popup now let's see how we can create a slide in again i want to unpublish this popup so i'll select this unpublish option now to create a slide in you will see this option under hustle you will click on slide-ins now click on create and let me just give it a title of slide-in this can be for infomercial this can be for email opt-in this time let's select infomercial click on choose template and you will see the difference is very simple if you preview this thing now this is how the slide in looks like it slides in from bottom or from top you can change the setting now the main difference or basically the only difference is that instead of that email opt-in instead of that email or thing you have this call to action button so this is the only difference between a slide in and between an infomercial and an email opt-in and that is the sliding that you have just seen so you can select this option choose template and you can again go through this so same process you can change the title you can change the feature image and this time we have this call to action button so the button says the button label is view offers and whenever someone clicks on this button you can enter this url where you where you want them to be redirected to so maybe let me copy my channel link maybe i want to redirect them to my youtube channel and i want to add change the text to get started so you can have this thing as well and whenever you want you can preview this thing now this is the slide in as you can see get started when i click on this i'll be redirected to my youtube channel so this is how it works and rest everything is all same appearance visibility all these settings are all same as you can see behavior everything is same so you can select this option and you can publish this thing as well this is your slide in now in sliding also if you want to install infomercial you can use you know email opt-in if you want now let's see how we can create those floating social share buttons so click on this option social sharing now over here click on this create button and you can name it anything you want so i'll just type in social click on this button now this counter is enabled so basically under counter you can see how many people shared this page so as you can see one person shared this page on facebook now you can come over here you can add all the platforms you want so maybe i want facebook twitter whatsapp telegram and youtube maybe i want these options select this click on add platform and as you can see this is added now if you want you can also add you know some number by yourself so if i want maybe 2500 people shared this on facebook obviously no one did but you can add a fake number over here maybe 1500 you know something like this after that click on display options now where you want to display this thing at left right center wherever you want to display this thing maybe at right we'll select this thing now it right bottom or right top so maybe i want to display this thing at right bottom now whether you want to enable this thing on mobile again where top right top bottom or maybe top left or top bottom you can select that option as well and after that you can just click on appearance and this is the preview as you can see this is how it will look like now if you want to change the icon style you can select this option now as you can see this is how it will look like this is another icon style you can have these options as well then if you click on social icons you can you can have a default color if you want you can use a custom color as well then we have the border we have the container and all i don't want this dark gray color dark blue color container maybe i want to let's see black color okay this black color or maybe some other color let's select white color or maybe this blue color or maybe white color so whatever color you want you can select this thing i'm selecting maybe this black color okay you can select this option and after that if you want to make it inline counter you can have inline counter as well if you want you can animate icons as well so whenever someone hovers all this icons animate so all these options are available so many more changes you can just go ahead and do some more and after that click on visibility now where all these pages will be visible again by default it is visible on every other page on every page every blog post everywhere on your website if you want to control this thing you can add some conditions and after that you can click on publish now let's go back to our website refresh it let's see whether this is working or not and now as you can see at the bottom left corner bottom right corner we have this social share we have these numbers as well custom number that we have input and we have this you know this slide in working as well so everything is working absolutely fine so this is how all these things are created okay so with this we complete this tutorial i hope you guys find this tutorial helpful now if you find it helpful if you enjoyed this tutorial make sure to subscribe and click on the bell icon so that you don't miss any future tutorials and if you like this video give a thumbs up to this video share it with your friends on facebook twitter whatsapp whatever social media platform you use and throughout the video if you have any doubts any comments any stations for me you can always leave them in the comments section below and finally thank you so much for watching this video see you in the next one

Channel: Nayyar Shaikh

Views: 51,050

Keywords: wordpress popup plugin, wordpress popup, best wordpress popup plugin, hustle popup plugin, hustle popup wordpress, how to create popup in wordpress, how to create popup in elementor, how to create a popup with elementor free, nayyar shaikh, wordpress, hustle, wordpress adblock detector, anti adblock wordpress plugin, pop up, wordpress popup form, hustle plugin, wordpress exit popup plugin, free wordpress popup plugin, wordpress plugins

Id: 8LhtQo6AX8w

Length: 23min 17sec (1397 seconds)

Published: Tue Mar 09 2021