How to Make a Wordpress Website With Elementor (For Beginners 2023)

Get a Discounted Domain Name & Hosting for Your Website:
Use coupon Code: createaprowebsite for an additional 10% discount on all yearly hosting plans.
👉 createaprowebsite.com/hostinger
(note: I’ll make a small commission at no extra cost to you when you use this link)
TIMESTAMPS
-----------------------------------------
00:00 - Intro
00:35 - STEP 1: Domain Name/Web Hosting/Wordpress Install
👉 createaprowebsite.com/hostinger
06:43 - STEP 2: Install Starter Templates
12:53 - STEP 3: Elementor Tutorial
28:20 - STEP 4: Customize your site
32:38 - Changing Site Global Colors
48:54 - STEP 5: Header/Footer/Logo
👉 logomakr.com
01:01:20 - STEP 6: Mobile Responsiveness
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:
kzbin.info?...

[@lezlysoto9567]

THANK YOU ! Watched your previous video from 2022 and I had to watch this one as well. The way you explain it helps a lot.

[@CreateaProWebsite]

Great to hear! Thanks so much for the comment! Glad you liked it!

[@Demistification]

Beautiful and straight to the point. No time wasting. Thanks a ton.

[@CreateaProWebsite]

Love comments like these! Thank you so much! I'm glad you liked the video! I try not to waste any time and just get straight to business.

[@pracheepassihinduja]

Super helpful! I was struggling to create a website for my business and your videos made it very easy for me. Thanks, keep creating more helpful content! Love from 🇮🇳

[@jonmerced6035]

Bro you easily have done the best job explaining the basics of Elementor! Appreciate you.

[@CreateaProWebsite]

Thanks Jon! I really appreciate the comment! Glad you liked the video and I'm glad I was able to make it clear and easy for you. Cheers!

[@ups977u]

Amazing video. Loved every sec of it

[@tamaraparker3380]

Great teacher. Easy to understand. This video helped. ⭐️⭐️⭐️⭐️⭐️

[@CreateaProWebsite]

I'm so glad to hear that the video was helpful! Thanks for the compliment too. I try my best!

[@ewonghoabasigabrieledwep3953]

A million thanks bro, you are just too much, you always make building a website so easy

[@CreateaProWebsite]

You're most welcome! Thanks for the compliments! I really appreciate that!

[@karaboselemengmakhetha1237]

Great and straight to the point!

[@CreateaProWebsite]

That's how we like to do it! Glad you liked the video! Thanks for watching!

[@WebWunderKind]

Thank You Sir As a beginner I learn a lot from you.

[@CreateaProWebsite]

Glad to hear that

[@saralajnef]

Thank you so much ! It helped me getting started with elementor. I was on wix before but I've always heard Wordpress was always better about everything on the long term so I wanted a beaautiful website and Elementor is great !

[@activelifezone]

Brilliant Champ! Thank you!

[@CreateaProWebsite]

Thank you! Happy to help!

[@nadoriyouness9900]

Great job thank you

[@flow21156]

Great Tutorial! Thank you 😊

[@CreateaProWebsite]

Thanks for watching!

[@thepurpleufo]

What a great video. You are a master tutorialist.

[@CreateaProWebsite]

You're too kind! Thanks! Glad you liked the video.

[@monicamissoe1975]

Hi. You've made things super clear. I have one question though. For Seo opitimization, how do i ensure that i use persistent opject cache as recommended my yoast plug in?

[@jiggyplum7851]

Thanks!

[@theeducatedaffiliate]

Great stuff man you were a big help

[@CreateaProWebsite]

Glad to hear it! Thanks for the comment!

[@angeliaF2622]

Thank you so much. This is very helpful.

[@CreateaProWebsite]

You're very welcome!

[@vertimaron]

Thank you very much. I learned a lot

[@CreateaProWebsite]

Glad it was helpful!

[@gordonmiller1]

Thank you so much! Huge help. 🙂

[@CreateaProWebsite]

No worries! Glad it helped!

[@visualmodo]

Very good video!

[@farhanbasri]

Thank you for this tutorial video. 1 question though. Let’s say we use the Astra templates and make changes to all the text, images, video to whatever niche we are in. Are we able to export the kits as a template and use it to sell as a template kit? Would love to hear your opinion on this 😊

[@axolileshwababa7301]

Beautiful, you have helped me a lot👏

[@CreateaProWebsite]

Glad I could help! Cheers!

[@itzlexxii]

Thank you so much for sharing

[@CreateaProWebsite]

Thanks for watching!

[@kalebmogeshiluf5720]

wow well explained for any begineers

[@CreateaProWebsite]

Thank you so much! That's definitely the goal! Cheers

[@smartdigitalmarketing710]

Thank you so much.

[@CreateaProWebsite]

No worries!

[@tonydejesus2134]

THANK YOU! So many of the other tutorials are bloated and include every little thing. Your tutorial was perfect for someone like me who’s just looking for enough information to get started, not the Encyclopedia Brittanica of Wordpress. Liked and subscribed, but the way.

[@CreateaProWebsite]

I'm so glad it helped! I feel the same way! I wanted to condense it down as best I could. Thanks for the comment and I'm glad you liked the video! Welcome to the channel by the way!

[@achiche1337]

thank you sooooooooooo much bro

[@CreateaProWebsite]

You're welcome!

[@asantamzid]

I love your videos

[@CreateaProWebsite]

I appreciate it!

[@AastikAcharya_]

Thx

[@CreateaProWebsite]

No problem

[@ChristelleNgum]

Thanks alot

[@CreateaProWebsite]

Absolutely! No problem

[@zbiromax9228]

Hi . Thank you for your work, tutorials. I Have A Question. Do you know a CMS that works without a database? Such a flat CMS. Easy and fast to use. To create fast, lightweight static pages, business cards, landing pages and mini blogs. Something as intuitive as a text editor. Good day.

[@anniej7344]

This was a great help for this Tech challenged hopeless case. But I had to slow the video so that I could see where you were zooming the curser around to. I had to go back a few times to figure out where it was so that I could follow. Perhaps a bigger curser arrow? That would make a ton of difference. Thanks for posting such a clear and helpful tutorial!

[@CreateaProWebsite]

Noted! Aside from the cursor being a little small, I'm still really glad you like the video! Thanks so much for the comment and I wish you the best in your web building endeavors!

[@michelepotter1535]

Thank you, I love the way you present, clear and concisely and I really love the Elementor templates too! However, after many hours for some reason, I am unable to upload any images into the template. The images are already loaded into the media file that comes with the template of course can be changed, and those from the free image tab, but each time I try to load an image, it comes up with an error 'png exceeds maximum file upload size' which is impossible as the image is under 100kb. Any suggestions would be very much welcomed. Elementor support will only deal with you if you have an account which I currently do not have.

[@letsdesanddev]

Thanks for the amazing tutorial. How can I add another button to the button at the header section? Can you make a tutorial for it?

[@davidmuller3768]

hi great video! maybe abit random question but i would like to know what laptop you suggest buying for web design besides for a pc that i have... mac? or windows? what are the most importand features that a laptop should have ? thanks in advance

[@elenaiglesias9955]

Uber helpful. I followed the instructions regarding the logo, however the logo width does not change. It is still very small. #2. I am also using the nature template, my header section is not included in the picture, it looks like a separate section. Not sure what i'm doing wrong. Please help

[@HOLBAG]

Thanks for this nice video I have a question: how can I make a kind of slide menu under the main menu (not a submenu), imagine a shop website for smartphones instead of on the main menu and making a shop page do I make a menu under the main menu with a number of title page e.g. smartphones, chargers, covers when someone clicks on one of the mentioned title pages, the contents of the page are opened on the same home page

[@aiengineering2023]

Good one, can u give some information about container also and how to use them, would be great. thx

[@CreateaProWebsite]

I'm glad you asked. That is actually the next video I am putting out so stay tuned! Should be ready very soon!

[@robkage]

Super work all around. Great videos to follow along to. Any suggestions on what free Elementor template to use for a roller skating/arcade gaming business?

[@CreateaProWebsite]

Thanks so much for the support! To be honest, I don't usually use the Elementor templates. I personally prefer the Starter Templates Plugin for the Astra theme which is the same theme I use here. In regards to the skating/arcade business, you can see if they have something close, but if not, technically any template can serve your needs. You just gotta change up the images and text and you can make any template look like a skating or arcade site. Hope this helps!

[@eugenbachmann]

Thanks for this video!!! All rights reserved at the footer could be added...

[@travelwithfish]

I am using Ashe Theme, and i am trying to create a static homepage using elementor (trying to find a template just for the homepage). can i use starter templates only for homepage without affecting my current blog theme? TQ

[@YafetMedia-on6no]

Hey can you tell me why every plugin I try to download it tells me update failed?

[@amiramelnichenko4822]

Hi, followed all instructions but my header and footer look different in the Wordpress-customize-block editor than it does on my page. How do I fix it?

[@responddrumming2642]

any idea why i can't publish changes in the wordpress dashboard after following this tutorial ?

[@casabat4232]

i wanna edit my default pages like shop page using pro version of elementor and my friend suggested on me to buy from wordpressIT , is this option good for me ?

[@plantednpretty]

Love the video!! I’m curious about the logo makr, the site mentioned a $1700 fee if you use the logo for non commercial use.. any insight on that?

[@CreateaProWebsite]

Yes, straight from their website's terms and conditions page it says, "The free download may be used for personal web purposes only, such as on your personal website, social media, a blog and so forth. You may not print, resale or use free files commercially. " Just be sure to use it on a personal site or blog. If you want to use it for a business, you might want to consider licensing it from them. But as a temp solution, it is not bad to have a free logo for your site. I personally always recommend paying for your logo if you can so you have all power over it, however, free logo's are helpful for temp situations. Hope this helps

[@user-dc4zs3wj9d]

Thank you for the amazing info! Quick question: Once you click, "Submit & Build My Website," is there a way to only have the template as a draft? You made it sound as if, after that step, your website is live. I am editing a website for a client and would hate for them to see my template before I have a chance to fully edit it. I hope that makes sense!

[@CreateaProWebsite]

Great question. Once you publish your website you can always put it into "maintenance mode" so you can make changes to it without people being able to see your broken site. Basically, when you put your site into maintenance mode, your visitors will only see the "Coming Soon Page" from hostinger rather than seeing the website you are working on. To enable maintenance mode, you can go to your Hostinger account. From there click on the websites tab and select the website you are working on by clicking "Manage". From there you can scroll down to the "Core" settings and you will see "maintenance mode". Enable it and then you can go to your domain name and you will only see the "Coming soon" page. When you are done making changes, just disable the maintenance mode. Hope this helps.

[@quantumpotential7639]

When I added a 512 x 512 logo for the Site Icon (where it's supposed to appear to the left of the www. ) I hit Publish but it did not seem to take effect. What might I be doing wrong? Thank you

[@shockearth4295]

I understood your video very well however something I need help with is getting elementor exactly how I want it to work with Woocommerce themes. I am trying to build a music website store for a client that sells rock instruments and some dj equipment as well. I found a theme I like however when I try to edit the page with elementor there's only so much I can do; I am completely by bound to the layout that the woocommerce theme. I can make some changes but I can't modify some of the elements on the layout to my liking. For example on the homepage I was trying to have an image take up the whole width of the screen but because the theme has margins for the content section of the page which are about 2 and a half inches on both sides of the page I'm unable to do that. How can I get elementor to write over the theme to give me 100% flexibility?

[@jeffg.3250]

Great video, but I'm extremely frustrated because I can't get past the second step. After bypassing the logo step, I'm stuck at Colors & Fonts because the bottom part of the left hand sidebar won't scroll down, so I can't press Continue. No scroll bar, and the most it shows is the Change Fonts part, and I can't even see the font options! Not sure why this is, but I posted in the plugin support forum for help. If you have any idea why this is happening, please let me know.

[@headcountone]

Good stuff, thanks! Just a tip, though - please change the colour and/or size of your mouse when tutoring. When you say "look here', it's hard to keep track of where your mouse is, because it's so small - and you move to the next thing before I realise where you are pointing

[@CreateaProWebsite]

Noted! Thanks for the feedback! I will try to be more clear in the future and maybe even change my mouse settings. Glad you liked the video despite that so thanks!

[@headcountone]

Thanks. I make my mouse big and green, I even lose it when it's me doing the pointing... @@CreateaProWebsite

[@yingyingcho3765]

Thank you but I am not sure why I do not have elementor , and may I know how to add it please?

[@TopesVideos]

Great content, Thank You!! Question, my U.S. based company is looking to redesign our 9-year-old Magento Community Edition eCommerce Website and migrate to another platform. Can you reccomend two website companies that we should contact? Thank You

[@Turamaton]

hello, did you find an answer? Im in kind of the same situation and wanted to know if you found a company.

[@callmespitz]

Would you recommend Elementor pro? It seems like the free version has barely any drag and drop features...

[@CreateaProWebsite]

Elementor free version has a ton of features that still makes it worth using even if you don't use the pro version, but yes, I think the paid version of Elementor is incredibly powerful and definitely worth the money if you are willing to spend it!

[@privatez6967]

Hey brother, could you PLEASE do a video on how to build a 1 page fully mobile responsive website using Astra starter template and elementor editor with contact form added ? ✝️

[@jackday-kp3pm]

Hi, love the content. Im from the UK and I can’t seem to gain access to elementor pro? Has anyone else had this issue?

[@CreateaProWebsite]

Well I would contact Elementor Pro's Customer Service to see why you are unable to use it. They should be able to fix your issue. However, you do not need elementor pro to follow along in this tutorial. I use the free version for the whole tutorial. Just wanted to let you know.

[@magicman6010]

im a beginner , is it worth paying for gempages?

[@shauyna]

Thanks, helped a lot and was very informative.

[@CreateaProWebsite]

Glad it helped!

[@AJortiz1984]

great video! thanks! I created my pages out of Templates and I even linked al of buttons and all. But, why when I click to open my link, it takes me to a page that shows only my Header and then blank at the bottom and it says Archives? How can I fix this, and what did I do wrong?

[@CreateaProWebsite]

Sounds like you have a different page set as your homepage. From your wordpress dashboard, go to the settings tab on the left side close to the bottom and click on reading. From there you will see "Your homepage displays" and underneath it you will be able to select which of your pages will display when you click on your website URL. This is how you can fix the problem and change it to show your homepage when you click on your link. Hope this helps!

[@AJortiz1984]

@@CreateaProWebsite awesome it worked! Thanks!

[@mediaiweb]

i wish u explain where we are to get the elementor, what type of package should we get . I also don't know if it's a one off payment that i need to get as i dont want to pay monthly. I'm not sure as to wether to get the pro or start with the trial version and what are the limitations, that is where am confused, and how did u arrive at elementor. or does elementor come with the hosting? and if i buy the elementor will it render my site useless if i stop paying for subscriptions ? these are the issues that i need addressed pls.

[@CreateaProWebsite]

These are all good questions. You do not need to pay for elementor. It is the free version that I use with this tutorial and you dont even need to create an account. No need to worry about your site going down because you dont have to sign up for a premium account at all. Hope this helps!

[@melerne8405]

Do you need to purchase Astra pro to access the templates? It creates the website but it looks nothing like the template

[@CreateaProWebsite]

No you do not! They have tons of free templates and I use a free template in this tutorial. No need to pay for one. You can use the free version of astra

[@melerne8405]

@@CreateaProWebsite I'm not sure if I'm having issues because I'm using BlueHost but every time I select a template it generates something entirely different regardless of what template I select. Am I missing a plugin or something?

[@pedrobarilari8750]

Starter template is placing all the sample content in a single text box instead of different containers. Tried different templates, different themes, disabling plugins, reinstalling, nothing is changing it. Do you know how this may be fixed?

[@CreateaProWebsite]

Yes I do, It is because for some reason, they removed the prompt asking you to select elementor as your page builder at the beginning. so now by default you downloaded a WP editor template. when you are on starter templates, look in the top right corner and click on the dropdown for wp editor and select Elementor instead. Now download the template again and it will work.

[@pedrobarilari8750]

@@CreateaProWebsite wow, that was it! Thank you very much for your swift response. I was stressing out unable to find an answer. Thank you for this tutorial as well!

[@ashavijay1922]

​@@CreateaProWebsite same issues I was facing... totally frustrated Tqsmmmmmmmm now I will sleep well ❤

[@5D-C]

If you follow this tutorial you'll be stuck with a header that isn't sticky and you need to code or buy Astra Theme to fix it.

[@jacksonjiang6313]

I cannot find "edit with elementor" button either on my website or wp-admin. Can anyone help to solve this issue?

[@CreateaProWebsite]

If you cannot see the "Edit with elementor" button like you see in the video, try this. From your wordpress dashboard, go to the pages tab. You'll see a list of all the pages on your website. Whichever page you are trying to edit, hover your mouse over it, and you should see the "Edit with elementor" Button appear there. If that doesnt work, you might want to double check that Elementor is actually installed on your website. You can also double check if there is an update that needs to be installed for elementor. That sometimes will stop it from working. Hope this helps!

[@badandybeatsbeats]

how do you add elementor editor to the admin ribbon?

[@badandybeatsbeats]

also, can you add a cart to any of the templates?

[@Ewan-Argo]

Windows version is different and doesn't have the same layouts which is making this confusing. It doesn't say edit with elementor on that ribbon

[@valeriyachirkova]

Is it possible to remove the “contact” button in header?

[@CreateaProWebsite]

Yes you can. From your WordPress dashboard, go to the appearance tab and click on customize. From here you want to open up the header builder and on the bottom visual representation of your header You can just click on the x inside of the button widget on the right to delete it from your header menu.

[@valeriyachirkova]

Thank you so much!!

[@jeaniquenell7984]

Thank you for mentioning that Logomakr isn't free.

[@goldenballssmith9689]

I want a video chatroom that consists of 2 text areas and one video room. i.e free chat and paid chat (private chat) im a total beginner with WordPress!

[@MichaelGuy]

Whats the deal with all the templates having NO HEADER,NAV or FOOTER?????????????????????????????????????????????????

[@Altinkum]

with out coding very poor and expensive lets be honest!! small business will just waste money .

[@WhackyNomad]

Rubbish

[@didimtoday]

Very poor and expensive not worth it!! Wasted money