In this section, we will focus on Editing Pages. These pages are the aesthetic element of your website. A good example, is the homepage. When persons visit your website: what do you want them to see? Overtime this may change. You will want to change photos, edit text, add promotions/notices and so forth. This is what we will be focusing on. As promised, it’s very easy because all our websites come installed with an application called “Elementor” that allows you to edit the website by just looking at it the same way a customer views it. This means you do not need knowledge of programming or computer science to make changes to your website. Let’s begin.
So firstly, you’ll want to click the “Pages” element on the left side of the Dashboard.
The first thing you’ll notice is when you click the “Pages” element, a dropdown menu on the left pops up. We don’t need to utilize this but it’s still something to note as the more familiar you are with how WordPress works the easier other elements become to use.
In the main screen you will now see a list of all your Pages. Here is where you can manage all key pages of your website such as Home, Contact, About, Policies, Etc. Please note some Pages even though they are listed here cannot be edited here. How do you know when a Page can be edited here? Simply look for the “-Elementor” next to the page. This indicates that a page can indeed be edited.
Pages like Shop do not have the “-Elementor” therefore you will need to edit them elsewhere (we will get into this). In short, this means Shop Pages have their own dedicated element. For example, the Shop page can be edited in the “Products” Tab.
Note: Some pages like Checkout and Cart, cannot be edited by you at all due to the sensitivity of the information. We have intentionally locked these pages because it can result in breaking the entire website. We are looking out for you, but in the more advanced tutorials we will speak about how you can unlock this and make changes if you so desire.
So in this example, we will be using our Hompage as an example. We would like to change the text on our homepage. Here’s what we would do. You can follow along.
When you have finished clicked “Edit With Elementor”, a page will begin to load. This is the website loading so you can make changes. It may look like this.
On the left side of the screen, highlighted in Yellow. There is a pannel where you can use to add new “Text”, “Images”, “Buttons”, “Icons” and so much more. You can scroll down the pannel and explore for yourself. We won’t be focusing on designing a page in this tutorial, only editing. So how do you edit? Let’s say I want to change the word “Fast” in the phrase “Fast, Affordable, Reliable.” to “Quick” so it reads, “Quick, Affordable, Reliable”. All I need to is is hover over the item I want to change with the mouse and “click it once/twice”. Upon clicking it, you will see it becomes activated and on the left side of the panel you will be prompted to make your edits. Look at the screenshot below.
Once you have completed the changes, ensure you publish the changes by clicking the “Update” button located at the bottom of the left panel. If you don’t click update, the updates will not be published publically, it will be saved as a draft. You can choose to intentionally not save changes if you haven’t completed or would like to publish them at a later date. They will be stored.
This shows you the basics of editing a page and changing text. We will delve deeper into other elements such as changing photos and so forth in other sections.