Sigma Hosting
Menu
Email pop-ups are a great and easy to way to grow your audience as people visit your website. The pop-up contains a field where people can subscribe to your newsletter, usually in exchange for some kind of free content. They’re easier to set up than you think!
Learn more about lightboxes from Wix’s documentation: https://support.wix.com/en/article/wix-editor-about-lightboxes
Don’t have time to build a whole dang website? Make your life a little easier with a custom template made by me:
🖌️Our Store – https://parrotwebdesigns.com 🖌️
🖌️ Etsy Store – https://www.etsy.com/shop/ParrotWebsites 🖌️
Ready to get serious about website design? Take my Wix web design course and become a pro designer!
📹 https://www.udemy.com/course/how-to-design-a-website-from-scratch-with-wix/?referralCode=245DEB64EE9D9880828A 📹
You can also take the course on Skillshare: https://skl.sh/3lQoaP0
If you still need help get in touch with me at parrotdm.com.
Facebook: https://facebook.com/parrotdm
Instagram: https://instagram.com/parrotdigital
LinkedIn: https://www.linkedin.com/company/13015622
Twitter: https://twitter.com/parrotdigital1
Website: https://parrotdm.com
all right let’s make a light box and gather some emails so in this slide box we’re going to offer them a free travel guide to thailand in exchange for their email that way once we have their email we can stay in contact with them push out our latest posts and that kind of thing to us to them and in general maintain a relationship with this visitor instead of them visiting the site once and then never hearing from you again so click the plus
sign and then under interactive there’s a section called light boxes let’s click subscribe and we have a few different options in terms of where the light box is appearing from so it could be a pop-up directly in the middle of the site it could be something that comes down from the top from the side from the bottom let’s do a basic centered pop-up light box is a nicer name but they’re pop-ups and so let’s do something like download my thailand
travel guide usually if you just ask somebody for their email they’re not going to give it to you why would they but if you offer them some kind of content in exchange they’re much more likely to give you their email because you’re giving something for free for something from them so i really recommend creating some kind of content whether that’s a short course or a travel guide or whatever and offering them that for their email okay so we’re
gonna do a little bit of designing there’s a few different elements within this pop-up there’s the actual live box itself with its own set of options this one in particular has a container box that we don’t actually need so we’re going to delete it and then with the good subscribers form that’s actually collecting the emails so in this live box first off i this marble background doesn’t make sense let’s change the background so you can click the
paint brush for design and then let’s choose an image we’ve got a ton of stock images and i think we have some that are of thailand probably it kind of looks like thailand that’s a search talent let’s use this one this woman traveling in thailand okay and let’s make it a bit lighter so that you can read the text we’ve changed the form title to be our heading font let’s change the fields to match our branding as well there’s two different ways to
do this you can click directly on the field and change the settings for that particular field but what’s best the best way to do it is to click the actual form and change the design settings there because then it’ll change the form field settings for the entire form not just one specific element one specific field so we’ll click design customize design input fields and we’re going to change the text for this first do paragraph two just we’re
doing the paragraph two just so it’ll be a little smaller saw change there now let’s check how it looks on hover looks the same uh let’s change the text and the color of the submit button so let’s make the button red so it really stands out and then on hover here we can have that blue color the text let’s change to p two as well paragraph two okay the success message let’s switch that to be our paragraph three let’s make it a little smaller and
we can have it be um let’s make it green that doesn’t really stand out though it can be red that’s fine okay there is our new form i think that’s good enough okay now let’s set the triggers for that box so we don’t want this to display on all of our pages we just wanted to display on our home page we could have it set to other pages which might make sense say somebody navigates to your shop page you show them a pop-up for a free coupon if they
you know buy one going free or something like that we’re going to choose just the home page so people don’t get annoyed with us it’s going to be delayed by two seconds so it’s not the very first thing they say see when they hit the website they have a couple seconds to read the menu in the logo check out the hero image and then after those two seconds this pop-up will show up okay has lightbox close the x icon that’s fine although let’s put it in
the lightbox that’s a little more noticeable and then the last thing if you click off the lightbox itself then you have this background overlay let’s change it it’s this kind of weird gray color it’s like have a nice blue color and then set the opacity so you can see the website behind it we’ll set it to like 25 okay so that’s our light box done it looks pretty decent there’s obviously a couple other ways we could do this we have a video
background we can set this to be the top bar to be a top bar pop up or a bottom bar pop pop over the side but i think this looks solid under the form title you could probably add a little description of what you get in the travel guide there’s something like 100 plus pages of awesome thailand content all right and we’re going to center it this a little bigger to fit everything okay all right that looks dope you know what let’s make this a little
smaller you realize a lot of the job of web design and design in general just playing with things tweaking them a little bit just to get it just right okay see in the next video