Website design overview

BookingTimes has a drag and drop website editor which allows users to create and edit pages without coding knowledge. The platform also supports HTML, CSS and Javascript code. This article details the various ways that you can edit your website.

General layout

The general layout page is where website colors and fonts can be set. ( Note: custom code on the website may overwrite the colors and fonts that are set here). The general layout is also where the following website elements are controlled:

• Menu layout style

• Website logo (please see Adding a website logo article for more details)

• Website favicon

• Mobile icon (icon displayed when the website shortcut is saved to a mobile phone)

• Default product image (this image is automatically added when a new product is created)

• Watermark for letters

• Website CSS

The General Layout page is found under Setup > Website Content > General Layout.

Design guides

For more detailed instructions on how to update this the general layout please see the articles within the Design guides section where they outline:

• Designing package images

• Designing social media images

• Adding and changing website colors

• Adding and changing fonts

Banner image sizing

If you’d like to update any banner images on your website,  1200px wide is recommended so the quality is high enough, and you don't want the image files to be bigger than 1Mb to ensure they don’t load too slowly.

Website editor

The website editor can be used to edit the homepage and add/edit other pages, including editing the SEO descriptions for your pages. See How to edit your website using the website editor for more details.  

Footer

Please see the Editing the website footer article for details, as c urrently the footer cannot be edited using this website editor. 

CSS, HTML and Javascript

Please see the following articles for details on how to add custom CSS, HTML and Javascript to your website.

• Adding CSS

• Adding HTML

• Adding Javascript