These instructions relate to a WordPress website running Elementor
Logging into your website
To log in to your website, go to yourdomain.com.au/wp-admin (replace yourdomain.com.au with your actual website address). This will take you to the WordPress login screen. Enter your username and password, then click Log In. If you’ve forgotten your password, you can use the Lost your password? link to reset it via email. Once logged in, you’ll see the WordPress dashboard where you can access Elementor and start editing your site.
Switching Between the Website and the Dashboard
Editing Your Page: WordPress vs Elementor
Using the Elementor Editor
Adding a Widget
To add content to your page, just drag a widget from the Elementor panel (on the left) into a container on the page. You’ll see blue highlight areas that show where it can be dropped. Once added, you can click on the widget to edit its content and settings.
Can’t see any widgets? Reach out as you may need your privileges tweaked.
Types of Widgets
Container Widget
The Container widget is added automatically when you start building a page. It’s what holds your content. Use as few containers as possible — too many can slow down your site.
You can nest containers inside others to create layouts like two or three columns, but keep it simple unless more structure is needed.
Want to learn more about layouts and flexbox? Visit the Elementor Playground.
Heading Widget
Use the Heading widget to add titles like About Us or Services. Headings aren’t just for style – they help with SEO and readability.
- H1 is the main page title (used once) and will be added automatically
- H2 is for sections
- H3 is for sub-sections
Choose the right HTML tag, not just the text size. This helps search engines understand your page structure.
Text Editor Widget
The Text Editor widget is used for adding body text like paragraphs or contact info. It works like a simple word processor, letting you format text with bold, links, and lists.
Tip: Keep text lines readable – avoid letting them span more than 1000px wide, or they’ll be harder to read. To control the width, adjust the max width of the container that holds the widget.
Image Widget
The Image widget lets you add photos or graphics to your page. For the best quality and performance, your image should be:
- Larger than the space it appears in (to stay sharp on high-res screens
- But not excessively large, as that slows down your site
Aim for the right balance: sharp images at the correct display size, with an optimised file size. Read more about optimising images.
Other Elementor Widgets You Can Use
- Video – always use a hosted video from YouTube or Vimeo. Never upload videos directly to your site, as most web hosting isn’t designed for video streaming and it can slow down your site dramatically.
- Buttons – when linking to external websites, make sure to set the link to open in a new tab (you’ll find this option in the button settings).
- Copying existing sections – a great way to keep things consistent is to open a similar page, click “Edit with Elementor”, and copy/paste the section you want into your new page.
Things Best Left to the Professionals
- Adding items to the main menu – this can affect layout and spacing, and may need design tweaks for different screen sizes.
- Changing the name of an existing page – page titles, URLs, and SEO implications all need to be considered.
- Installing new plugins – poor-quality plugins can slow down your site or cause conflicts.
- Changing theme or site settings – some settings can override your layout or break functionality.
- Editing global styles or fonts – changes here affect the entire site and should be handled with care.
- Adjusting anything related to SEO, analytics, or schema – these impact how your site appears in search results.
If you’re unsure, it’s always safer to check with Webtree before making a change.
Webtree builds websites using WordPress and Elementor – a flexible, future-proof foundation for your website.