How to Make a WordPress Website with Elementor | Step-By-Step Tutorial 2021
Vložit
- čas přidán 10. 07. 2024
- Get a Domain Name & Hosting for Your Website:
createaprowebsite.com/hosting
Learn how to make a stunning WordPress website using the Elementor page builder plugin with this step-by-step tutorial! This easy, follow-along tutorial is great for beginners or anyone looking to create their own website using a simple and free drag and drop page builder for WordPress.
Or use coupon code at checkout: CREATEAPROWEBSITE
Grab Elementor Pro here
createaprowebsite.com/elementor
(NOTE: I do receive a commission when you use the above links, but it gets you a discount as well. So it's a win-win!)
TIMESTAMPS:
------------------------
00:00 - Intro/Overview
01:54 - Step 1: Get Your Domain Name & Web Hosting
createaprowebsite.com/hosting
08:02 - Step 2: Install WordPress
11:58 - Step 3: Install a Theme
13:30 - Step 4: Install Plugins
16:00 - Step 5: Customize Your Website
16:34 - Creating Homepage
17:27 - Elementor Overview
20:47 - Creating a Page from Scratch
Home Page
32:44 - Importing a Starter Template (Home Page)
34:35 - Customize Your Hero Section
43:12 - Adding Motion Effects to Hero Section
44:00 - About Section
44:18 - Setting Site Global Colors
48:11 - Testimonials Section
51:11 - Gallery Section
01:01:16 - Subscribe to Newsletter
01:02:57 - Reviews Section
01:04:17 - Contact Section
01:07:54 - Contact Form
01:09:51 - Adding Motion Effects
01:11:53 - Step 6: Edit Your Header & Menu
01:13:57 - Create a Logo for FREE
01:22:01 - Edit Navigation Menu (Style)
01:24:33 - Edit Navigation Menu (Links)
01:25:53 - Edit Footer
01:27:01 - Step 7: Mobile Responsiveness
01:30:39 - Outro: Like & Subscribe!
RELATED BLOG POST
-----------------------------------------
createaprowebsite.com/how-to-...
OTHER HELPFUL VIDEOS
-----------------------------------------
How to Backup Your Website in 5 Minutes:
• How to Backup Your Wor...
How to Create a Business Email for Free
• How to Create A Busine...
How to Create a Free Logo for Your Website:
• How to Make a FREE Log...
How to Secure Your Website From Hackers:
• How to Secure Your Web...
FOLLOW & CONNECT WITH US
--------------------------------------------------
My Website :
createaprowebsite.com
Create a Pro Website Instagram:
/ createaprowebsite
Create a Pro Website Facebook:
/ createaprowebsite
And don't forget to SUBSCRIBE to Create a Pro Website for more awesome website tutorials:
czcams.com/users/createaprowebsite?... - Jak na to + styl
Hi Levi,
It was a great watch! I have met many people who want to take their business online, but don’t have the funds to hire a company that can design a website for them. I think this tutorial will help them build their websites themselves and take their business to a new level. I have been helping several friends with my skills, but I think your video will be a far better help. I will definitely share this within my network to help everyone with the designing process.
Your cadence in your instructional outline is absolutely engaging even though it’s the most boring of material.
I never once lost interest even though it’s very elemental on the instruction side.
Thank you
00:00 - Intro/Overview
01:54 - Step 1: Get Your Domain Name & Web Hosting
08:02 - Step 2: Install WordPress
11:58 - Step 3: Install a Theme
13:30 - Step 4: Install Plugins
16:00 - Step 5: Customize Your Website
16:34 - Creating Homepage
17:27 - Elementor Overview
20:47 - Creating a Page from Scratch
Home Page
32:44 - Importing a Starter Template (Home Page)
34:35 - Customize Your Hero Section
43:12 - Adding Motion Effects to Hero Section
44:00 - About Section
44:18 - Setting Site Global Colors
48:11 - Testimonials Section
51:11 - Gallery Section
01:01:16 - Subscribe to Newsletter
01:02:57 - Reviews Section
01:04:17 - Contact Section
01:07:54 - Contact Form
01:09:51 - Adding Motion Effects
01:11:53 - Step 6: Edit Your Header & Menu
01:13:57 - Create a Logo for FREE
01:22:01 - Edit Navigation Menu (Style)
01:24:33 - Edit Navigation Menu (Links)
01:25:53 - Edit Footer
01:27:01 - Step 7: Mobile Responsiveness
01:30:39 - Outro: Like & Subscribe!
👌Thanks so much ...This tutorial by far is the most engaging I ever came across and I have been through many elementor tutorials
Excellent. Best teaching I've seen in a long time. I have accomplished so much, although I will continue to revisit this teaching to go further. I did not see you mention the text under the images though, and how to link them to different pages. Awesome, thanks so much.
Detailed and organized. Great video guys!
Glad you enjoyed it!
Hello, thank you for all of your tutorials. They have upped my design skills a lot. I have one question though, I notice that most of your tutorials are for business websites and portfolios. Is there any way to customize the blog section on astra without getting elementor pro? i.e. making it 3x3 with a featured image?
That was a very helpful video, thanks
Thanks for your educational video my friend ❤
Happy to help friend!
Thank you very much for this great Tutorial👍🏻👍🏻🙏🏻🙏🏻
Thanks. Really you did great to learn us in details. We need to learn more. Thanks again.
Excellent!!!
Thanks alot I didn't know that we can make website using elementor...
great tutorials
Hii can u plzz suggest as new blogger one must use elementor cz as beginner it might difficult
Thankyou Hagen ❤️❤️ miss you dale 🙂
Thank you from the both of us!
This is great - would love to see a tutorial to add a blog page to a site and bring latest posts to a column in the home page
Can you please tell me why hustle plugin pop ups are not working ... Please I need help
This the most helpful Ive watched so far but I screwed up editing my primary menu. PLEASE show me how to undo steps thank you
You might see this comment on another video too. My apologies. I used your video titled “How to create a website for your business | step by step with Wordpress” last year and it was great so Thank you. It’s the one page Astra themed design one. However, I want to convert it to a multi page site now and I’m lost. I don’t “think” you’ve done one about converting and the ones I’ve found just really suck. Your videos are the easiest to understand and I was hoping you would be willing to create a video for doing this. I couldn’t find any other way to contact you so I figured I’d try here. Thx so much. You rock
This is a great idea for a video and we will consider making a video. For the time being, if you are trying to make your one page site a multi-page site, all you have to do is go to your wordpress dashboard, click on pages, then click on add new. Title the page what you want it to be like "services" if its going to be a services page for instance, then click publish.
Now that you have a new page, you can edit it with elementor just like you did the homepage.
Finally, you have to edit your header menu clicking on the appearance tab and clicking on customize. go to the menus tab and edit your header menu. Add the page you created to the menu and now people can click on the button and be taken to the other page. (Instead of adding "Custom Links" you would click the "Pages" tab and you will be able to see the new page you created.)
I hope this helped you out a bit.
Yes that helps! Thx! Should I keep the static page setting or change it? I’m in healthcare equipment so What I’m trying to do is modify the site to have a “solutions” tab, then submenu that to show products for each of the professions..just a slight learning curve is all lol
Thx!
Levi and Dale First and up most Thanks' for the out pouring of Wed Design and an over all wealth of step by step videos... most any one can follow along and get started and build something! I am at a point where I need more info on a Privacy page for a web site. How to write one to satisfy the internet laws. Perhaps you have a video that covers that page? Keep up the good work.
how doi i disable the transparent header and make it regular? Im also trying to change the cart color in the header but I cant get it to work because the changes get applied to the regular header
I don't get the menu bar and wp form plugin like shown in template when I import
where can i find the pictures that youve used for the example website?
Thanks, I have one question the menu button is not working from a mobile phone, can anyone help please
Are there any plugins u guys can teach to create the header and footer for Astra themes using Elementor?
Elementor comes with a bunch of free header and footers
please i need help, how to make limited words message contactform wordpress when somebody send me message on contactform website hij cannot voor example more than 30 words send
wow......
I hope that's a good "wow"! 😂😂😂
@@CreateaProWebsite You can say that again. A very good one. I have bookmarked this video for easy access. Quality video on the usage of Elementor plugin.
This is basically a tutorial for a single page website, a primary menu with custom links doesn't respond on any other page but Homepage
good
Please make tutorials on how to make website with Gutenberg
PLEASE, if you could do a tutorial on how to make a WordPress website and shop together
i mean normal website with shop page
astra doesnt come up for me
I love your voice, now I wanna know. Where's Dale ? Did you bought Create A Website ? I love you but I'm missing Dale a lot
Can u bring a website building tutorial on KOMPOZER plz...
Kompozer is ancient...lol
You don't need hosting to do this if your just wanting to practise. You can build a wp site free by building it locally. Then download elementor for free
thanks, but i have notation, why spend a lot of time for repeating previous instruction for example change image 01:09:51 - Adding Motion Effects
They have changed it up since you did this. What you did was sharp but now do not see how to do what you did with the changes.
Austin! Please don't send anymore people here. Lol I had to move up to Round Rock for cheaper rent.
Create a classified advertisement listing website
I want you or Dale to make a video showing how to create a blog for beginners please!!! Thanks in advance !!!
Its not easy which is why i want someone to build my site for me. ive watched loads of videos to see if i felt able to do it myself but it all looks so complicated.
Stop using pre made templates , We all know how to do that. If you guys want to teach us. Teach us from the basic
There's plenty of other yt vids you can learn basic web dev if you don't want to use wp builders or wp. Yt has been the best resource for me
@@peterrae3619 I'm a web designer and I also teach people web designing. But this guy's are just teaching people some templates websites and their main motive is selling hosting to the visitors... I work in this industry. I know well
Checkout Ferdy Kopershoek's Channel. He is the best
@@mehedimax8595 you are 100% right
@@JeanBaptisteChabi he is also doing the same way. I think you should check nayyar sheikh channel.. He is the only WordPress expert that gives us real value
Hmmm this is waaaack lol be real devolpers and learn Html Css JS 👀👀 this is like cheating