How to edit wcautomech.com.au with Elementor

A few things worth knowing before your first edit:

• You can't easily break the site. Elementor keeps a history of every change, so almost anything can be undone. Edit with confidence.
• Nothing goes live until you press Update. You can experiment freely — visitors only see changes once you publish them.
• Use a computer, not your phone. Elementor works best on a laptop or desktop with Chrome, Edge, Firefox or Safari.
• Take bigger changes slowly. Words, photos and buttons are quick wins. When you move on to layouts and new pages, save a draft as you go and preview before publishing — the guide covers all of it below.

Everything starts at your website's login page.

1. Open your browser and go to wcautomech.com.au/wp-admin.
2. Enter the username and password you were given when the site was handed over.
3. Click Log In.

After logging in you'll land on the WordPress dashboard — the behind-the-scenes control room of your site. The dark menu down the left-hand side is the important part. You'll mainly use:

• Pages — the main pages of your site (Home, About, Services, Contact and so on). This is where most of your editing happens.
• Posts — blog articles or news items, if your site has them.
• Media — the library of every image and file uploaded to the site.

The rest of that menu (Plugins, Appearance, Settings, Users) controls how the site works under the hood — you won't need it for day-to-day editing, and it's worth a quick message before changing anything in there.

There are two easy ways to open a page for editing. Use whichever suits you.

Option A — from the page itself (easiest)

1. While logged in, browse to the page you want to change on your live site.
2. In the black admin bar at the top, click Edit with Elementor.

Option B — from the dashboard

1. In the dashboard, click Pages in the left menu.
2. Hover over the page you want, then click Edit with Elementor in the links that appear under its name.

When Elementor loads, you'll see your page looking exactly as it does live, with an editing panel down one side. The screen has two zones:

• The canvas — the big area showing your page. Hover over anything and a coloured outline appears around it. Click once to select it and its settings open in the panel.
• The panel — the sidebar. When something is selected it shows three tabs: Content (the words, image or link itself), Style (colours, fonts, sizing) and Advanced (spacing and technical options). For everyday edits, you'll live in the Content tab.

The building blocks

Every Elementor page is built from three nested pieces, like stacking boxes:

• Sections / containers — the big horizontal bands that run across the page.
• Columns — vertical divisions inside a section.
• Widgets — the individual items: a heading, a paragraph, an image, a button.

For content updates you only ever need to click on widgets. If you accidentally select a whole section (the outline wraps a much larger area), just click somewhere else and try clicking more precisely on the text or image itself.

This is the edit you'll make most often — updating wording, prices, opening hours or announcements.

1. Click directly on the text you want to change. A cursor appears, just like a Word document.
2. Type your changes straight onto the page. You can also select text and use the small formatting toolbar (or the Content tab in the panel) for bold, italics and links.
3. Click anywhere outside the text when you're done.

Headings vs. paragraphs

Headings and normal text are separate widgets. Both edit the same way — click and type — but if you're pasting a heading in, keep it short and don't press Enter to make multiple lines; each heading should stay a single heading.

1. Click the image on the page. The panel switches to its settings.
2. In the Content tab, click the image thumbnail labelled Choose Image.
3. The Media Library opens. Either pick an existing image, or click the Upload Files tab and drag a photo in from your computer.
4. Click Insert Media (or Select). The new image drops straight into place.

Getting your photos web-ready

• Use JPG for photos and PNG only for logos or graphics with transparency.
• Keep files under about 500 KB. Phone photos are often 3–8 MB, which slows your site down. Free tools like tinypng.com shrink them in seconds without visible quality loss.
• Give files sensible names before uploading — "perth-brake-service.jpg" is better for Google than "IMG_4032.jpg".
• Match the shape. If the old image was wide and short, replace it with another wide, short one so the layout doesn't stretch.

Editing a button

1. Click the button on the page.
2. In the Content tab, change the Text field to update the wording.
3. Change the Link field to update where it goes. Paste a full web address (including https://) or, for a page on your own site, just the part after your domain — e.g. /contact.

Special link types

Adding a link inside normal text

1. Click into the text and highlight the words you want linked.
2. Click the chain-link icon in the small toolbar that appears.
3. Paste the address and press Enter.

Want to add something that isn't on the page yet — an extra paragraph, another photo, a new block of services? That's drag and drop.

Adding a widget

1. Click the widgets icon (a grid of squares) at the top of the Elementor panel to see the full list of widgets — Heading, Text Editor, Image, Button, Video and dozens more.
2. Use the search box to find the one you want.
3. Drag it from the panel onto the page. As you drag, a blue line shows exactly where it will land — drop it when the line is in the right spot.
4. It appears with placeholder content; click it and edit as normal.

The shortcut: duplicate instead of build

The fastest way to add something that matches the rest of your site is to copy something that already exists:

1. Right-click any widget or section on the page.
2. Choose Duplicate. An identical copy appears directly below.
3. Edit the copy's text and images. All the styling comes along for free, so it matches perfectly.

Adding a whole new section

Scroll to where you want it and click the ＋ icon that appears between sections (or at the bottom of the page). Choose how many columns you want, then drag widgets in. Right-clicking an existing section and duplicating it works here too — and to move a section, drag it by the handle (the dots) that appears at its top edge.

Deleting things

Right-click a widget or section and choose Delete. If you change your mind, Ctrl + Z / ⌘ + Z brings it straight back.

The easy way: duplicate an existing page

Just like widgets, the quickest way to a new page that matches your site is to start from one you already have:

1. Open a similar existing page in Elementor (e.g. a service page, if you're adding a new service).
2. Click the arrow beside the Update/Publish button and choose Save as Template. Give it a name like "Service page layout".
3. In the dashboard, go to Pages → Add New. Give the page a title (this becomes part of its web address, e.g. "Brake Repairs" → /brake-repairs), then click Edit with Elementor.
4. On the blank page, click the folder icon to open the template library, go to the My Templates tab, and click Insert next to your saved layout.
5. Replace the text and images with the new content, then Publish.

Starting from scratch

Same steps 3 and 5 as above — but instead of inserting a template, build the page up by dragging in sections and widgets (Step 08). Elementor also has a library of pre-made section designs behind that same folder icon if you want a head start.

Adding the new page to your menu

New pages don't automatically appear in the site's navigation menu — you choose what goes there:

1. In the dashboard, go to Appearance → Menus.
2. In the left-hand Pages box, tick your new page and click Add to Menu.
3. Drag it up or down the list to set its position — drag it slightly to the right under another item to make it a dropdown.
4. Click Save Menu, then check the live site.

When you're happy with your changes, click the big Update button at the bottom of the Elementor panel. That's it — your changes are now live for everyone.

1. Click Update (it turns grey once everything is saved).
2. Open your live site in a new tab and check the page looks right.
3. If the old version still shows, refresh with Ctrl + Shift + R (⌘ + Shift + R on Mac) — your browser was just showing you a saved copy.

Want to save without going live?

Click the small arrow beside the Update/Publish button and choose Save Draft. Your work is kept safely without changing the public page — handy if you're halfway through and need to come back later.

Leaving the editor

Click the menu icon (☰ or the Elementor logo) at the top of the panel and choose Exit to WordPress — or simply view the page and close the tab once you've updated.

More than half of your visitors are on their phones, so always give mobile a quick glance after editing.

1. At the bottom of the Elementor panel, click the responsive mode icon (it looks like a monitor or phone).
2. Switch between Desktop, Tablet and Mobile views along the top of the canvas.
3. Check your new text isn't awkwardly long and images look right, then switch back to Desktop.

After publishing, it's also worth pulling the page up on your actual phone for a real-world check.

Three safety nets, from quickest to most powerful:

• Undo — Ctrl + Z / ⌘ + Z steps backwards through your recent changes while the editor is open.
• History — click the History icon (a clock, near the bottom of the panel) to see a list of every action from this editing session. Click any earlier point to jump back to it.
• Revisions — in the same History area, the Revisions tab lists previously saved versions of the page, even from days or weeks ago. Select one to preview it and click Apply to restore it.

Everything on the right is still yours to do — just save a draft first, preview before publishing, and remember revisions have your back (Step 12). And if you'd rather not, it's never more than a message away from being done for you.

Tick these off as you go (the ticks are just for you — they reset when you close the page):

When you send a message, it helps to include:

• The page you were working on (a link is perfect)
• What you were trying to do and what happened instead
• A screenshot if anything looks off