A Beginner’s Guide to Editing Your WordPress Site with Elementor

WordPress, paired with the Elementor page builder, offers a user-friendly platform for creating and editing websites. Whether you’re updating your blog, business page, or portfolio, Elementor simplifies the process, making web design accessible even to those with no coding experience. This article will guide you through the basic steps of logging into your WordPress site and making page edits using Elementor.

Video Instructions

Written Instructions

Step 1: Logging Into Your WordPress Site

  1. Access the Login Page: Open your web browser and go to your WordPress site’s login URL. It’s typically in the format of yourdomain.com/wp-admin.
  2. Enter Your Credentials: On the login page, enter your username and password. If you’ve forgotten your password, use the ‘Lost your password?’ link to reset it.
  3. Access the Dashboard: After logging in, you’ll be taken to the WordPress dashboard, the control center for your site.

Step 2: Navigating to the Page You Want to Edit

  1. Find the Page: From your dashboard, either navigate to the ‘Pages’ section on the left sidebar. Here you’ll see a list of all the pages on your site. or move to the name of your site (top left) hover over that and select view site. Go to the page you want to edit and then click edit with Elementor.
  2. Select the Page: Click on the title of the page you want to edit. If you’re unable to find it, use the search function.

Step 3: Editing with Elementor

  1. Launch Elementor: On the page editor screen, click the ‘Edit with Elementor’ button. This will open the Elementor page builder interface.
  2. Familiarise with Elementor Interface: Elementor’s interface is divided into two main areas – the main canvas where you can see your page live and the Elementor panel with widgets and settings.

Step 4: Making Basic Edits

  1. Text Editing: To edit text, simply click on the text box in the main canvas. A text editor will appear in the Elementor panel, where you can change the text and apply formatting.
  2. Image Replacement: To change an image, click on the image widget. In the Elementor panel, you can upload a new image or select one from the media library.
  3. Adjusting Layout and Style: With Elementor, you can easily adjust the size and spacing of elements. Click on the element and then use the options in the panel to adjust margins, padding, and alignment.
  4. Adding New Elements: Drag and drop widgets from the Elementor panel to your page. Elementor offers a wide range of widgets like buttons, headings, icons, and more.

Step 5: Previewing and Publishing

  1. Preview Your Changes: Before publishing, use the ‘Preview’ button to see how your edits look on the live site.
  2. Publish or Update: Once satisfied with your changes, click the ‘Publish’ button (for a new page) or the ‘Update’ button (for existing pages) to make your edits live.

Why choose us for your therapy website designs?

With a background in psychology and therapy centre management, we understand the unique needs of psychologists and therapists. Whether you need a new website or want to rebuild an existing one, we can answer your questions and provide options and ideas for improving your online presence.

Flexible therapy web designs that evolve with you

Our custom therapy websites not only reflect your unique practice but are scalable to evolve with your growing needs. This can include the ability to easily add articles and resources that help your potential therapy clients, create mailing lists, webinars and paid online therapy courses. Whatever your web design needs we are here to help.

More To Explore


Get in touch and I’ll be happy to advise around ways to create and promote your practice online.

Or call on: 
01629 583 418
or 07855 767 565
Mon- Sat 9am – 6pm