<\/figure><\/div>\n\n\n\nYou might need to go through public_html<\/em> or yourwebsite.com<\/em>, but find the wp-content<\/em> folder for your website. It will be in the root of the website, but your path to get there might be different.<\/p>\n\n\n\nIf you can't find wp-content<\/em>, it might have been renamed. Some webmasters do that as a layer of protection from hacking. If that's the case, look for wp-admin<\/em> and wp-includes<\/em>. Those are never renamed. Open the folder that looks like it might have the website content.<\/p>\n\n\n\nYou should see a folder called \"plugins\". Open that.<\/p>\n\n\n\n
If you don't have any plugins installed, you will probably just see an index.php<\/em> file as in the image below. More likely, there will be other folders in here, corresponding to the plugins you have installed.<\/p>\n\n\n\nClick \"Upload\".<\/p>\n\n\n\n
<\/figure><\/div>\n\n\n\nMake sure the \"Select the file you want to upload to\" path ends in \"plugins\".<\/p>\n\n\n\n
Drag the elementor.zip<\/em> file into the upload area. The numbers on the file are just the version number.<\/p>\n\n\n\nAlternatively, click \"Select File\" and find your elementor.zip<\/em> file where you downloaded it before.<\/p>\n\n\n\n <\/figure><\/div>\n\n\n\nOnce Elementor is uploaded, the bar will probably turn green. If you can't distinguish green, just wait a bit after the slider reaches 100%. You should be fine if you go back to File Manager before the slider goes green. Hopefully they make this more accessible in a future version.<\/p>\n\n\n\n
Click \"Go Back\" or close the tab to go back to the File Manager.<\/p>\n\n\n\n
<\/figure><\/div>\n\n\n\nIn File Manager, make sure the elementor.zip<\/em> file is selected, then click \"Extract\" in the top bar.<\/p>\n\n\n\n <\/figure><\/div>\n\n\n\nYou'll get a popup with details of what's being extracted where. Make sure it's the Elementor file and being extracted into the plugins folder.<\/p>\n\n\n\n
When you're satisfied that the files are going where they should, click \"Extract File(s)\".<\/p>\n\n\n\n
<\/figure><\/div>\n\n\n\nAfter a few seconds to a minute, the files will be extracted into a folder called \"elementor\". Click \"Close\".<\/p>\n\n\n\n
<\/figure><\/div>\n\n\n\nYou can delete the elementor.zip<\/em> file that you initially uploaded. Click it to highlight it, then click \"Delete\" in the top bar.<\/p>\n\n\n\n <\/figure><\/div>\n\n\n\nYou will probably get a prompt making sure you want it deleted. There's no reason to keep it around now, so I check \"Skip the trash and permanently delete the files\".<\/p>\n\n\n\n
Click \"Confirm\".<\/p>\n\n\n\n
<\/figure><\/div>\n\n\n\nThat's all you need to do in cPanel. You can close those tabs now.<\/p>\n\n\n\n
Go over to your website and go to the Installed Plugins<\/em> page. You may need to refresh the page to see Elementor in the list of plugins. Click \"Activate\" under Elementor.<\/p>\n\n\n\n <\/figure><\/div>\n\n\n\nCongratulations, you've successfully installed and activated Elementor through cPanel.<\/p>\n\n\n\n
Build Your First Elementor Page<\/h2>\n\n\n\n After you activate Elementor, you'll be redirected to the Getting Started<\/em> page. If you've not used Elementor before, the Getting Started video is well worth a watch.<\/p>\n\n\n\nIf you just want to jump in and start playing with Elementor, click \"Create Your First Page\".<\/p>\n\n\n\n
<\/figure><\/div>\n\n\n\nElementor will create a new Page (find it later under Pages<\/em>).<\/p>\n\n\n\nYou'll see the page as it will appear on the front end. Your page will look different depending on your theme and settings.<\/p>\n\n\n\n
On the left hand side are all the parts of a webpage you can use in Elementor. You'll have more in there if you use something like Ultimate Addons for Elementor<\/a>.<\/p>\n\n\n\n <\/figure><\/div>\n\n\n\nUsing your mouse, drag the Text Editor<\/em> block into the area where it says \"Drag widget here\".<\/p>\n\n\n\nYou can also click the plus icon in that area to add a block.<\/p>\n\n\n\n
<\/figure><\/div>\n\n\n\nYou can directly edit the text on the page or in the sidebar. If you don't have enough room, you can drag the sidebar wider.<\/p>\n\n\n\n
As this is just a demo and you're going to delete it later, click \"Publish\".<\/p>\n\n\n\n
<\/figure><\/div>\n\n\n\nWhen you click \"Publish\", there will be a popup that lasts about ten seconds. Click \"Have a Look\" to see the front end of the page.<\/p>\n\n\n\n
If you miss that popup, or for later reference, you can see a preview of the page by clicking the eye icon next to the Update<\/em> button.<\/p>\n\n\n\n <\/figure><\/div>\n\n\n\nOnce you've finished with the page, click the hamburger icon at the top left of the Elementor window. That's the technical name for the three horizontal lines that are commonly used to represent \"menu\".<\/p>\n\n\n\n
<\/figure><\/div>\n\n\n\nFrom this area, you can either view the page, or exit to the dashboard.<\/p>\n\n\n\n
<\/figure><\/div>\n\n\n\nYou can do a lot of things with an Elementor page, including creating columns, laying out images, headings, videos, full width rows (you'll need a full width page layout) and much more.<\/p>\n","protected":false},"excerpt":{"rendered":"
My favorite page builders for WordPress are Beaver Builder and Elementor. They’re easy to setup and quickly get to designing great looking pages. There are three main ways to get started. How to install Elementor: Use one of the following methods. Download from Elementor and upload through the WordPress Dashboard Install directly from the WordPress<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"yoast_head":"\n
How To Install Elementor (Three Ways)<\/title>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\t \n\t \n\t \n