How to Edit Your Website

Below are step by step instructions and also an accompanying screen recording video of me updating my own website. This is to show you how to edit the basics of your website, namely Heading, Text and Images.

Anything more detailed than this I advise you get in touch with me to discuss your options as errors made can be expensive to put right.

To make any of these amends you will need to be logged into your website using the login credentials you would have been sent when the website went live. if you need these re-supplied please get in touch.

How to Edit a Heading

  1. Firstly click on the button in the admin bar at the top of the screen "Edit with BeBuilder"
  2. This will open up the BeBuilder screen.
  3. Hover over the elements on the page and you will see a bounding box around each element. There will also be some buttons in the top left of this box, click on the pencil icon.
  4. This will call up the details of the Heading, you can now edit the text.
  5. Click the green 'Update' button at the bottom of this column to confirm your changes.
  6. You will see to the right of the update button, a 'view page' button will appear, click this to view the live website to check your amendments.

How to Edit Text

  1. Firstly click on the button in the admin bar at the top of the screen "Edit with BeBuilder"
  2. This will open up the BeBuilder screen.
  3. Hover over the elements on the page and you will see a bounding box around each element. There will also be some buttons in the top left of this box, click on the pencil icon.
  4. This will call up the text edit window, you can now edit the text, this works in a similar way to Microsoft Word or Apple Pages.
  5. Click the green 'Update' button at the bottom of this column to confirm your changes.
  6. You will see to the right of the update button, a 'view page' button will appear, click this to view the live website to check your amendments.

How to Change an Image

  1. Firstly click on the button in the admin bar at the top of the screen "Edit with BeBuilder"
  2. This will open up the BeBuilder screen.
  3. Hover over the elements on the page and you will see a bounding box around each element. There will also be some buttons in the top left of this box, click on the pencil icon.
  4. This will call up the image edit dialogue box. To the right of the image preview you will see a 'browse' button, click this.
  5. This opens the media library. Select your image from the library or drag your new image from your computer onto the window and drop it, this will upload the image to the media library. You can then select it and confirm the selection by clicking the confirm selection button bottom right of the media library window.
  6. This will turn you to the image dialogue box.
  7. Click the green 'Update' button at the bottom of this column to confirm your changes.
  8. You will see to the right of the update button, a 'view page' button will appear, click this to view the live website to check your amendments.