How to edit your website using the website editor
  • 16 Oct 2023
  • 2 Minutes to read
  • Dark
    Light
  • PDF

How to edit your website using the website editor

  • Dark
    Light
  • PDF

Article summary

You can edit your website home page and supporting pages easily yourself using the BookingTimes website editor. This drag and drop editor allows you to quickly setup and edit pages, products, services, page SEO (refer to the Edit page SEO article) and more. It also allows you to change the look of your website quickly via the use of existing snippets.

Note
This editor is also available when you're publishing other information on your website via the admin Setup menus. For example, the editor can be accessed by clicking the diagonal red arrows icon on the following items:

  • Services > Publish tab
  • Products > Publish tab
  • Email and letter templates
  • Marketing sequences
  • Blogs and articles
  • Custom pages
  • Footer




Opening the website editor

Steps

  1. Navigate to Setup > Website Content > Edit Website

image.png


  1. Navigate to the page you want to edit using the menu

image.png


  1. Click Edit to enter Edit Mode

image.png



Adding a new section

You can select a "Snippet" from the side menu and drag it onto the page to create a new section. You can edit the text and images in the snippet to suit your brand - the formatting is already done for you.

Custom snippets
You can also create your own custom snippets. Please see the Creating a snippet article for more details.


Steps

  1. Browse the Snippet Categories to view available snippets 

image.png


  1. Click the desired snippet
  2. Drag the snippet onto the page where you would like it positioned

image.png


  1. If the snippet is not positioned correctly, you can move it up or down by clicking on the section and clicking the yellow dot menu

image.png


  1. Click Move Up or Move Down



Removing a section

Steps

  1. Click on the section
  2. Click the orange "X" icon to delete the section

image.png



Editing text

Steps

  1. Click on the text you want to edit
  2. Type or backspace to change the text
  3. Use the toolbar to format the style of the text

image.png


  1. Click Save Changes once you are done editing

image.png



Changing images and image sizing

Steps

  1. Click on the image you want to change
  2. Click the image icon

image.png


  1. Click the image you want to insert, or click "Add Image" to upload a new image 

image.png


  1. If you want to change the image size, click on the image, then on the 3 dots icon, then on Settings



  1. Edit the Dimension text boxes as desired
    1. Tip:  Setting the width to 100% (not px) is a good way to get the image to take up the available space

  1. Click Save Changes once you are done editing

image.png



Changing background images

Steps

  1. Click on the section you would like to apply a background image to
  2. Click the purple image icon 

image.png


  1. Click the image you want to insert, or click "Add Image" to upload a new image 

image.png


  1. Click Save Changes once you are done editing 

image.png




Creating a new page

You can also create a new staff member, service, product etc. by clicking an option via the website editor and selecting the entity you want to create. This will then take you to the appropriate page (that's usually accessible via the Setup menu) where you can create that entity.

Steps

  1. Click New+

image.png


  1. Select the entity you would like to create 

image.png


  1. The relevant page based on your selection will open up. e.g. New Product page.
  2. Enter all the relevant details. For this page to appear on your website ensure you enter details on the Publish tab and mark it to published.
  3. Click Save



Was this article helpful?

What's Next