With Elementor Pro, included free with each of our card payment plans, you can create beautiful and functional designs without needing to use code or CSS, and without relying on developers for help. The designs that you create are responsive by default, which means they’ll automatically look great on desktop, tablet, and mobile.
The user interface is intuitive and beginner-friendly, so you can be up and running in minutes. You can insert one of the hundreds of professionally designed templates to save time and then easily customize it using simple controls.
To begin, click Pagesfrom the admin panel on the left hand menu in your dashboard. Your website has been pre-populated with our default ecommerce theme. Select the Home page from the dashboard and click the Edit with Elementor button to launch the Elementor editor.
You should now see a live preview of your design on the right along with the Elementor sidebar on the left.
Now, you’re ready to start editing. First, you’ll want to understand the basic structure of Elementor. An Elementor design is made up of three main parts:
- Sections – these divide the page into horizontal rows.
- Columns – these go inside sections and let you divide the section into vertical columns.
- Widgets – these are what you use to actually add content. You can place your widgets inside a column (and then the column is inside the section). To add a new widget to your template, just drag it over from the sidebar. If you want to delete an existing widget, just right-click on it and select Delete.
To change the settings and design of a widget, column, or section, all you need to do is select it to open its settings in the sidebar.
For a more detailed look at what we’ve covered here, you can check out the complete guide on how to create a WordPress site with Elementor or watch the video below.