Create Coming Soon Pages in Divi - 5 Templates Free download

Learn how to build them or just import the files to your Divi website. Here are 5 coming soon pages to get some inspiration or just to use on your website!
👇🏻👇🏻👇🏻 Start here 👇🏻👇🏻👇🏻
Do you want to support my channel? Leave a like or buy Divi with 10% discount via the link below. That will help me enormously to create these free videos for you and keep going!
⇒ Software that I recommend:
✅ Divi with 10% discount ⇒ wp.discount/divi-discount/
✅ Hosting 70% discount ⇒ wp.discount/hosting/
✅ WP Rocket 10% discount ⇒ wp.discount/wp-rocket-discount/
I want you to succeed with your website, so lets get started.
Download the stock footage here:
⏩ www.wpressdoctor.com/coming-s... ⏪
⏱️Timestamps⏱️
0:00 Intro
0:13 Sunset style
3:47 Hide header & footer
6:22 Change front page
7:09 World Map style
13:01 Product style
23:05 Elephant style
32:33 Forest style
Thank you for watching! 😀
✅For tips and tricks on getting the most out of WordPress, don't forget to subscribe: wpressdoctor.com/sub
📖Transscript📖
Hey guys, I'm the WPress Doctor, welcome to another tutorial about Divi. We're going to create five Coming Soon pages, and we're starting right now. When you have logged into your WordPress dashboard, you go to 'Pages', 'Add new'. You can close the block editor, because we're going to use Divi. Add a title: "Coming soon. and press 'Use Divi builder'. And we choose 'Build from scratch', click on 'Start building'. Click on here. So let's add a text module, click here. I'm going to type here "Coming soon" and if you now hover your mouse over it, and click on this icon, you can actually change everything. So the first thing is, we're going to change it to Poppins. Just type in Poppins. You can use of course any font you want, but I like Poppins. I'm gonna make it 60 pixels big, and if you scroll down you're going to align it in the center. Oh what we can better do, is go back to 'Content' - 'Text' change your "Coming soon" into a H1 heading. Because it's better for the search engines so now they know it's about the coming soon page. Again click on the icon right there. And change the heading text size to 60 pixels. All right press 'save' and click over here. We're gonna add another text module. And we're gonna type a text like: "Our website is being built right now with the lovely people of our business". And we're gonna select 'Text' we're going to align it in the center, and we're gonna change this to 18 pixels. And press 'Save' over there. Okay then we are going to add a real cool image as a background. All images and videos we use in this tutorial you can find up here. There is a link, if you click it you can download a zip file that contains all the copyright free images and videos. So don't worry you'll never be sued because it's completely legal. So we click over here , 'Section settings', we go to 'Background' we're going to add a video. If you press 'Add background video'. Then we press 'Select files' and you go to the folder you have downloaded with all these stock images and videos i've provided in the link. And then we go to upload skyscrapers.mp4. Just upload it to your website. And when it has been uploaded you press 'Upload video' down there. Okay now we have this video as a background. Now we scroll down a little bit, and we're gonna add the video width and the video height . The width is 1920 and the background video height is 1080. And don't forget to add pixels behind it. And now you can see that the video is full width. Okay you scroll up, we go to 'Design' because I don't like that you can't see the entire video. Go to 'sizing' and we go to 'height' - 100vh like that. Now it is full screen on your monitor this section. All right 'Save' it. And then we're going to change that we still have a footer and a header. I don't want this on this page, so we're going to press CTRL + S or down there and 'Save' it. We go back to our dashboard we go to 'Divi' go to the 'Theme builder'. The Theme Builder is a really powerful system within Divi to create the most awesome headers and footers, it's great. Press on 'add new template' for the specific page 'Coming soon'. Click over there, press 'Create template'. Now the only thing we're going to do here is, we're going to click on the eye there, and click on the eye over there. We're going to press 'Save changes' and that's it! We go back to 'Pages'. 'Edit with Divi' and now you can see that the entire page has no header and no footer anymore. That's awesome. So the next step is, I want this thing to....
📖 Read the rest of the transcript at wpressdoctor.com/
#ComingSoon #Divi #WordPress

[@derekshort]

Awesome! I was not expecting these great designs. Thanks!

[@WPressDoctor]

HI Derek, I'm glad you liked them!

[@onixqwert]

I just came here to write: thank you!

[@WPressDoctor]

Thank you very much Alejandro! You are very welcome. I’m glad the video was useful to you. Have a great day!

[@EvangelisatieTrainingnl]

Those pages are beautiful! Thank you so much doc

[@WPressDoctor]

Ik glad you liked the video! I hope that my other videos are also useful to you 👍🏻😀

[@juanJose-ug5lw]

Thank you very much, personally I would like you to teach us how to do more tricks with css and javascript
and to be able to apply them to different pages, thank you very much again.

[@WPressDoctor]

That’s a great idea. Did you see the video series about all modules of Divi!m? There is a lot of CSS there and some JS. th-cam.com/video/lsBpifTPghY/w-d-xo.html hope it is useful.

[@jessicaalcide4574]

Hi there! When I go in the "reading settings", it doesnt give me the Homepage Display options - would you know why? I've created my coming soon page, but I'm unable to publish it, would really appreciate some help :) Thank you!

[@WPressDoctor]

Hi there! Did you publish your homepage first? Because when there are no pages to set, WordPress don’t give you a option to show it 😊