How to Make a WordPress Website with Elementor | (Best Elementor Tutorial 2022)
VloĆŸit
- Äas pĆidĂĄn 30. 07. 2024
- Get 78% OFF Hostinger Premium Hosting:
đ createaprowebsite.com/hostinger
Use coupon Code: createaprowebsite for an additional 10% discount on all yearly hosting plans
Try Elementor PRO for full access to the most powerful page builder for WordPress:
đ createaprowebsite.com/element...
(note - Iâll earn a small commission and youâll earn a discount when you use these links):
Learn how to make an awesome WordPress website using the Elementor page builder plugin with this step-by-step tutorial!
TIMESTAMPS
-----------------------------------------
00:00- Intro
00:48- Step 1: Get a Custom Domain & Hosting Plan
đ createaprowebsite.com/hostinger
06:12- Step 2: Access the WordPress Dashboard
07:52- Step 3: Download Starter Templates
13:31- Step 4: Install Plugins
14:59- Step 5: Customize Your Website
16:23- Elementor Editor Basics
17:37- Changing the Section Background Image
19:53- Editing Widgets
25:39- Adding an Icon List Widget
29:17- Adding Video Background
30:37- Editing the About Section
32:51- Adding Custom Services Section
39:23- Calendly Setup
42:27- Adding Calendly Widget to Homepage
44:24- Contact Section
44:59- Editing the Map Widget
46:24- Contact Hours & Social Icons
48:03- Adding Instagram Feed to Website
51:24- Adding Motion Effects
54:56- Editing Website Global Colors
57:48- Editing other pages
58:36- Step 6: Edit your Header, Footer, Logos, & Preloader
58:48- Edit your Navigation Menu
01:00:46- Edit the Button in your Menu
01:01:26- Linking Nav Menu to Homepage Sections
01:04:49- Make a FREE Logo
đ logomakr.com
01:07:17- Add Logo to Transparent Header
01:07:51- Add Site Icon (Favicon)
01:08:40- Edit your Footer
01:11:14- Add a Preloader
01:12:52- Step 7: Mobile Responsiveness
01:16:09- Final Site Review
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...
How to Create a Website in 10 Minutes:
âą How to Make a Website ...
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
Great tutorial. I learned so much by watching it. Two things I especially enjoyed learning about were the Preloader and IG plugin. I've watched tons of videos and no other Instructor discussed those plugins while teaching you about Elementor and Starter Template. Great job!
Wow, thank you! I'm glad you liked the video and I'm really glad you liked the preloader part. I think it makes your site look pretty cool.
A really nice job, you've got a good way about you. Easy to follow. I'll be looking up other videos to help with a few more things.
Thanks for your amazing video!
Thanks for your amazing video! Would you make a video on how to add blogs or news to a website? Sometimes, the website won't update too much contents except blog or news on that.đ
Sooo impressed! Many cool things! Thank you!
You are so welcome!
That was such a great tutorial to start thank you soooo much ! I started with wix before I heard that Wordpress was so much better. It demands mooore work but that's so worth it
Very nicely done. Two small points if you can kindly guide me. You created the sections on the home page instead of separate pages and reflected them separately in the primary menu. Any suggestion on why to go like this and not have separate pages with a lot of room for content improvement. Secondly, why do we always have to go for logo making and why not have a picture, drawing, or figure simply uploaded as a logo? Thanks if you can find time to reply.
You guys are the best teachers. Super relaxed and easy to follow. Been waiting for this one for a while. Thank You !
Love to hear it, thank you for the kind words!
thanks so much for the informative video. Quick question though, what's the purpose of icons on the front page of the website?
I searched for an Elementor tutorial video. This is the first one I saw. Clicked it, and saw my last name blazing out at me within the first 2 seconds. Well played. Subscribed!! - Another Hagen!
That's so cool! Another Hagen on youtube. Haha nice to meet you and thanks for the sub!
I really enjoy the way you explained in all details. I completed watching this video 2 times. But when I tried to build my website things turned out, elementor is not there on bla bla, then I fixed it back, then next one is the theme widget is not the same yours it is just a one big hug column. Now I am confused.. what to do I changed the theme from starter templates. Can you advise me please
Of all the tutorials I've watched, you give the best one about using Elementor. Learned so much from you in one sitting. Keep up the good work.
Thanks so much, will do!
Completed my website juste after finishing the video, great content
That's what I love to hear! Congrats on the new website! Glad I could help!
Excellent!
Glad you liked it!
Do you have to purchase a new web hosting/domain name plan every time you make a new website for a client?
Love your videos đđ. You are Ausome.
Thank you so much
Thanks so much for this video. With so much unemployment in my country , I'll start a website design business. Thanks again.
Happy to help and good luck with the business
Many thanks a Very In-depth tutorial really helped me a lot !
You are welcome! I'm so glad the tutorial was able to help! Good luck with your website!
awesome video !
Thanks!
Done it to completion. Thank you
I'm happy to hear that! Thanks for the comment!
did anyone else get a error when they activated the preloader plus plugin? Once I activated it, an error comes up on the plugin page and says that "the plugin generated 521 characters of unexpected output...". Not sure how to fix it, if anyone can shed some insight on this i would really appreciate it.
what country to select in hostinger if I want to create websites and potential customers are from different countries?
Great tutorial đ
Thank you!
Can you please make a detailed video on how to add user sign up and sign in on a website. Thank you
That is a really good idea for a video. I just might make one for that. Thank you.
When you do share the link to the video
Just letting you know I just started building website few second ago.. and yes using your hostinger link =D wish me luck.
That's awesome! Thanks for letting us know! I hope everything turns out great! Good luck with your site! And thanks for supporting us by using the link!
thanks for sharing helpufll knowlegeđđ
My pleasure!
Amazing tutorial! While I was working on my header & menu, the header completely disappeared from my site and I can't figure out where it went. Any ideas?
Life changing tutorial
Finally, someone with a voice like mine :)
Ha glad to hear it. I think we both have great voices if I do say so myself.
Impressive Contents. Please make a video on writing a proposal on upwork for website.
Awesome Video!!! Very easy to follow step by step. I'm trying to start a Food/Recipe Blog/Website. I completely understand how to build my home page thanks to you. What I'm struggling with is how to add/install recipe templates that have their own landing page when searched on CZcams or other platform. Is there a plug-in you would recommend? As well, I would like to have links to my CZcams videos for the cooking presentation.
Any help would be so much appreciated!
Nice video
Thank you! Glad you liked it!
Wow really good! Iâm trying to follow along where can I get the images you used ? Iâm working on creating my own computer repair an IT solutions website. Definitely seems elementor is the way to go. Where am having? My issue is picking a theme or template pack looking for suggestions also where to get inspiration from on creation. I was looking at some of the pre-built computer repair templates, but theyâre very limited.
I got all of my images for free from unsplash.com
It's a great site for gathering free images that you can use for your website.
So selecting a theme is only going to affect what your interface looks like for editing your website. All cosmetics on your site are done inside elementor. The theme is only going to change what your customizer looks like. Basically you want a theme that provides the most settings for free obviously. I always recommend Astra as the theme (which I use in this video) because it has great options for editing. Hope this helps.
Hie, am failing to load my starter template for me to select elementor.... what might be the issue
Hi I liked your tutorials where I can get some media files link ? educational purposes.
really useful , however why dont you select wordpress hosting not just hosting if you are using wordpress?
Hey
I loved your video
But why can't I not edit some parts of my website
I chose a different starter template
Do you have a tutorial on how to remove buttons that were pre-set on the theme I chose? For example book now button. I would like to remove it and I cannot figure out how to delete it.
If the button is in the content middle of your website which is editable with Elementor, then all you have to do is open elementor and right click on the button and then click on delete. If it is the button in the header that a lot of templates have, then you are going to have to go into the header builder in the customizer and you can click on the little "X" on the button widget inside of the header builder to delete the button.
Hope this helps!
Helpful! Just want to ask a quick questions, If I bought a hostinger plan, do I need to buy a business plan on Wordpress?
No you do not need to buy a business plan on wordpress. When you sign up with Hostinger for your web hosting plan, that means that you have your domain and hosting. There is no need to sign up with wordpress for their business hosting plan. You can just have wordpress downloaded onto your Hostinger site. Hope this helps!
For some reason when I click on activate, it logs me out of the Site and says "the link you followed has expired" when I log back in. đ€However, that was a hiccup apparently, it worked after restarting haha.
Great and super educational video. Thank you very much! Always was a bit afraid about website building, but you guys really took out the scare. Well done!
I'm so glad to hear you finally buckled down and built your first website and I am so glad to hear that this video was able to help in that endeavor. Good luck to you and I wish you the best!
hey, great tutorial. And i have a question can i change domain once i purchased it?
You cannot change the domain once it is registered, but you can buy a different one and move your site over to the new domain then cancel the old one... which is basically the same thing. Hope this helps!
can you host your own domain?
Wordpress not shown on hostinger web. How do I access it
Wait...If I want to create an ecommerce site, I don't need to buy a theme?! I just need elementor plugin? So the only things I need to pay for are hosting and domain name... is that true?
Please help! I am having some issues. My template for my home page is different than the rest of the website. I am so confused. There is no headers and I can't seem to click from one page to the next. What can I do?
Hi Megan, let's save you the stress. I can help. I design impressive WordPress websites and I help make sure that everything is responsive and running great. I look forward to your reply.
I'm unable to get the same template.
Is there a way to build it out over time without the site going live and then triggering it as a live site once completed?
Absolutely! There are various ways to build out a website without making it live. One option is to use a staging environment, where you can make changes and test updates before publishing them to your live site. Alternatively, you can use maintenance mode plugins to hide your site from visitors while you work on it. You can also develop your site offline using programs like LocalWP and then migrate it to a domain when you're ready.
Guys, can I ask a question here? (maybe best for other viewers). Or should I email?
It looks great, but is sooo laggy and choppy due to so much going on...this will TANK speed Insights and GT Matrix scores.
Can this be used for blogging and affiliate as well?
Yes indeed!
Please make a detailed video on how to deliver a website to clients đ
I actually have a video exactly for that reason! Here is the link!
czcams.com/video/HTvXHc6ajMs/video.html
it wont let me add templates says i need to upgrade to business plan
SAME!
Are Starter Templates better than the Elementor Pro templates?
Starter Templates are great templates to start with. I'm not sure if I would say they are better or worse than Elementor Pro Templates, but they are free with Starter templates and you have a ton to choose from.
Do you have a tuitorial on how to migrate website from XAMPP local host to a live host?
Have you figured that out?
@@webdev8284 yes i have
Hi, I don't if this has been asked before or if u r even comfortable sharing but could u tell me how much u would charge for this website as a freelancer?
I have a video that talks about how to set your own prices and here is a link to that video right here. Check it out!
czcams.com/video/88zWBJ8L4y8/video.html
How can i reset my page? I want to choose a new Template and restart fresh.
you can go to the pages tab from your wp dashboard and then delete the page and just redownload a new template.
I don't see the Elementor botton in the tap of the page
If you don't see the edit with elementor button, you can try going to your wordpress dashboard, then click on the "pages" tab on the left hand side of your screen, then hover your mouse over the page you want to edit with elementor, and you should see "edit with elementor' pop up as an option. If this doesnt work, you might not have elementor installed and activated on your site. Or you have a problem with your site needing an update.
Hope this helps!
What's the difference between this video and the video you posted 3 years back on this channel which has 14 lakh views? Which one is more preferable. Does this have any update compared to your previous vid?
We always put out new videos to update the old ones as software is always being updated and usually looks completely different with each update. We make new tutorials to be sure to accommodate these changes and help everyone know how to use them as they change. Hope this helps
Hey I really like your style and how you teach things. But this tutorial is still using sections, not containers :( Can't share it with clients as a result.
đđ
How do you make one from SCRATCH without a template?
That's a really good question. If you want to make a website from scratch without using a template then you don't need to download the starter templates plugin.
Instead, you'll have to go to the plugins tab from your fresh WordPress dashboard and click on add new. From here you're going to have to download Elementor the plugin.
Then you're going to have to go to the appearance tab on your WordPress dashboard and click on themes. From there you need to add the Astra theme. After that you can go to the pages tab on your WordPress dashboard and click on add new, title the page "homepage" and then click on edit with Elementor. Now you are editing the homepage with Elementor from scratch without a template.
Lastly in order for your website to understand that your "homepage" is actually the homepage, You finally have to go to the settings tab in your WordPress dashboard and click on Reading. Change the "your homepage displays" setting to "static page" and then click the drop down for homepage and select your actual "homepage". Now when someone goes to your domain name it will pull up this homepage that you created.
As you can see it's a whole process that's why I think it's easier for people to just download starter templates because it automatically does all of this for you.
However I suppose an easier way of doing this would be following along with the tutorial and downloading a template so that it automatically does all of this for you, and then just going into the pages tab from your WordPress dashboard and deleting all of the pages and then just creating a new homepage.
I hope this wasn't too confusing but it's a bit difficult to explain on a comment. Hope this helps
how we can get our first client
Great question! I actually have a video on the channel that talks about how to get clients and how to get started building websites for people. Here's the link.
czcams.com/video/88zWBJ8L4y8/video.html
@@CreateaProWebsite thanks a lot i check..
Hello good day. Please are you available I need urgent help!
I have been using the WordPress block editor. I keep reading that elementor is slow and adds bloat. Please set me straight. I'm creating an archival/podcast site. Tons of content.
Yes, elementor will slow your website down a little bit but that is the price you pay for ultimate customization. The less you add to your site and its pages, the faster it will be. You are essentially adding another layer to your site when you add elementor. I reccomend elementor to anyone who is new to building and customizing websites because it is so easy to use and allows you to have a lot of customization options, but the downside is a little bit slower load time. Not that much but it definitely is there. Hope this helps answer your question.
@@CreateaProWebsite thanks so much! I think I'll stay with the WordPress block editor for now. I code most of my stuff and insert it into my website. I think it's faster this way for the page to load. I just use simple html and css.
hello
I paid 2400 and get a crappie one which I didnât end up use I want a website so bad .
Still the best tutorial in 2025
Elementor and pro Website doesn't go together. Web Devs know that. Especially Elementor...
@create a pro website, how we can contact you about a business? I used the Email on your about and site but, got no reply. plz let me know how I can contact you