WEBVTT 1 00:00:00.000 --> 00:00:06.960 In this video, I'll show you how to set up a really cool pop-up with your tribe site, 2 00:00:06.960 --> 00:00:12.160 and you can use this for donations, you can use it to promote specific content, and the 3 00:00:12.160 --> 00:00:14.520 best part of it is it is free. 4 00:00:14.520 --> 00:00:19.280 And so we're going to head over here to Popup Smart. 5 00:00:19.280 --> 00:00:24.320 This is the tool here that will allow you to create this pop-up, and you can manage 6 00:00:24.320 --> 00:00:29.040 it from their widget, and it will just display onto your site. 7 00:00:29.040 --> 00:00:30.760 So there's a ton of features here. 8 00:00:30.760 --> 00:00:36.480 I'm just going to highlight a few of them, but for promoting a product or even having 9 00:00:36.480 --> 00:00:41.960 a Black Friday deal or something like that, you can enable this, and then it will pop 10 00:00:41.960 --> 00:00:46.720 up on your site, and you can use this for email opt-ins, for lead magnets, you can use 11 00:00:46.720 --> 00:00:51.060 it for a sale, you can use it for new content, whatever you want. 12 00:00:51.060 --> 00:00:54.800 So let's head over to the site here. 13 00:00:54.800 --> 00:00:59.080 You're going to just create an account, and I'll show you here just so you can see. 14 00:00:59.080 --> 00:01:01.680 For this, it's free. 15 00:01:01.680 --> 00:01:02.680 There's a free plan. 16 00:01:02.680 --> 00:01:07.560 If you're under 5,000 page views a month and you have one website, you can be on the free 17 00:01:07.560 --> 00:01:12.380 plan, and of course, there's more as your site scales. 18 00:01:12.380 --> 00:01:18.480 And so once you're in here, you're going to go to the playbooks over on the left side, 19 00:01:18.480 --> 00:01:22.820 and they have a ton of templates that you can use. 20 00:01:22.840 --> 00:01:30.940 So I can choose something like...let's choose this one here, and I'm going to replace the 21 00:01:30.940 --> 00:01:33.700 one that's there right now with this. 22 00:01:33.700 --> 00:01:38.140 And let's just say we have this form, and you can see it's very powerful. 23 00:01:38.140 --> 00:01:40.440 You can rearrange how this works. 24 00:01:40.440 --> 00:01:42.060 You can add new elements like countdowns. 25 00:01:42.060 --> 00:01:49.540 So if I wanted to have a countdown to a particular time or date, I can do that. 26 00:01:49.540 --> 00:01:54.620 You can even have signups, things like that. 27 00:01:54.620 --> 00:01:55.620 It's really cool. 28 00:01:55.620 --> 00:01:59.080 So I'm just going to delete the email signup for now to keep this really simple. 29 00:01:59.080 --> 00:02:03.980 And I'm going to add a button here, and you can even embed YouTube videos or social links 30 00:02:03.980 --> 00:02:06.300 or any of that cool stuff. 31 00:02:06.300 --> 00:02:11.980 So I'm going to go to this, we'll add a new button, and then you'll just walk through 32 00:02:11.980 --> 00:02:18.220 here to...let's go to the style option here. 33 00:02:18.220 --> 00:02:23.380 And you can tell it where you want it on the page. 34 00:02:23.380 --> 00:02:28.220 You can change the background color if you want, a lot of really cool stuff. 35 00:02:28.220 --> 00:02:29.460 So I won't get into all that. 36 00:02:29.460 --> 00:02:34.300 You can even get in and customize the CSS exactly. 37 00:02:34.300 --> 00:02:37.140 And I'm just going to have the style here. 38 00:02:37.140 --> 00:02:38.420 We can choose the color. 39 00:02:38.420 --> 00:02:40.340 I'm going to do an overlay as well. 40 00:02:40.660 --> 00:02:43.540 So you can make this as dark or as light. 41 00:02:43.540 --> 00:02:46.480 And if you want to use a brand color, you can. 42 00:02:46.480 --> 00:02:49.860 So if I did like a blue, you can do that. 43 00:02:49.860 --> 00:02:52.980 So obviously design it, style it however you want. 44 00:02:52.980 --> 00:02:55.180 I'll just go with black for now. 45 00:02:55.180 --> 00:02:58.860 And then this creates just a nice way that people don't miss it. 46 00:02:58.860 --> 00:03:03.220 So I'll go over here to this, let's finish that. 47 00:03:03.220 --> 00:03:05.060 Just kind of go through their little widget here. 48 00:03:05.060 --> 00:03:11.260 And then on the increase, the options here as far as segmenting, you can choose to display 49 00:03:11.260 --> 00:03:13.220 this on desktop or mobile. 50 00:03:13.220 --> 00:03:15.860 You can have it on new or returning users. 51 00:03:15.860 --> 00:03:19.300 So if you just wanted to show it once to someone and the next time they came back, you didn't 52 00:03:19.300 --> 00:03:21.820 want to show it, you could uncheck that. 53 00:03:21.820 --> 00:03:25.460 You can also set specific user behavior. 54 00:03:25.460 --> 00:03:29.700 So I can say I want to show it after five seconds of being on the site or after scrolling 55 00:03:29.700 --> 00:03:32.540 halfway down the page, all that kind of stuff. 56 00:03:32.540 --> 00:03:34.620 So there's a lot of cool options here. 57 00:03:34.620 --> 00:03:39.740 And then the frequency is like, do you want to show this to them every single day? 58 00:03:39.740 --> 00:03:44.420 So I can say show it on a session, which means if someone comes to the site, we'll only see 59 00:03:44.420 --> 00:03:47.300 it once for that session. 60 00:03:47.300 --> 00:03:51.700 And then let's say they come back in the afternoon, it may show it to them again. 61 00:03:51.700 --> 00:03:56.920 Or you can say display once every two days or three days. 62 00:03:56.920 --> 00:04:00.140 It's pretty sophisticated how you can set this up. 63 00:04:00.140 --> 00:04:05.540 And then you can even say, after they take this action, you can actually say stop showing 64 00:04:05.540 --> 00:04:06.540 it to them. 65 00:04:06.540 --> 00:04:10.260 So let's say they do click the donate now button, like maybe we don't show it again. 66 00:04:10.260 --> 00:04:14.740 Go over to publish, save changes. 67 00:04:14.740 --> 00:04:18.140 And I'll just publish that. 68 00:04:18.140 --> 00:04:20.360 Cool. 69 00:04:20.360 --> 00:04:26.900 So this will publish from the pop-up smart site here. 70 00:04:26.900 --> 00:04:33.020 And all we have to do on the publish settings is go to settings here. 71 00:04:33.020 --> 00:04:35.300 And you just have to make sure you add this in one time. 72 00:04:35.300 --> 00:04:42.980 At the very top here, let's just find the domain, you can see where you can add a website. 73 00:04:42.980 --> 00:04:48.700 And so when you add this website, it'll give you an embed code. 74 00:04:48.700 --> 00:04:52.460 So you'll either have the site here, which I already have it, so I'll show you where 75 00:04:52.460 --> 00:04:53.460 to get the code. 76 00:04:53.460 --> 00:04:56.220 But when you add the website, it'll give you the code. 77 00:04:56.220 --> 00:05:00.060 To get back to it, you can simply go to the logo at the top here to get back to it. 78 00:05:00.000 --> 00:05:03.760 the home page, and then we can click on the embed code here. 79 00:05:03.760 --> 00:05:10.000 So the cool thing about this is you only have to put this in once for your site and then 80 00:05:10.000 --> 00:05:13.520 anything you do on PopUp Smart, you never have to go change this embed code. 81 00:05:13.520 --> 00:05:15.600 So let me head over to the dashboard here. 82 00:05:16.320 --> 00:05:17.760 I'll show you where to add this. 83 00:05:17.760 --> 00:05:23.040 Hit platform, hit the edit settings here, and you're going to paste it right in here 84 00:05:23.040 --> 00:05:25.280 where it says custom JavaScript tags. 85 00:05:26.000 --> 00:05:28.240 And you can either add this to what you've got already. 86 00:05:29.200 --> 00:05:32.240 And I'm just going to place this in here and hit save. 87 00:05:32.800 --> 00:05:37.360 And so now when we go back to our site and I refresh, we should see that new PopUp. 88 00:05:38.560 --> 00:05:39.200 There you go. 89 00:05:39.200 --> 00:05:46.080 So now my new PopUp is here and I can set this to go anywhere I want. 90 00:05:46.080 --> 00:05:47.200 So pretty cool tool. 91 00:05:47.920 --> 00:05:52.560 Great little free upgrade to your site on Drive.