All Collections
Getting Started
Website Builder - Getting started
Website Builder - Getting started
Updated over a week ago

Run through this checklist to get the most out of the website builder features:

Checklist

  • Add languagesfor international guests and translate your content

  • Complete property information to make sure your guests can find you

  • Customise your theme and add a logo

  • Add rooms, promotions, awards, amenities and attractions to showcase what your property can offer and build trust and credibility to potential guests

  • Customise your main pages

  • Upload high-quality photos and videos

  • Customise your homepage

  • Integrate your booking engine

  • Add a custom page

  • Add a subpage

  • Improve your website's SEO
    ​

Set up languages in the website builder

You can set up languages for your website so that your guests can view your website in their preferred language.
The website builder detects the browser language settings of the website visitor and loads in the respective language, if that language has been set up as available translation.

The website builder's default language is English and supports the following language translations:

Catalan

Indonesian (Bahasa)

Chinese (Simplified)

Italian

Chinese (Traditional)

Japanese

Danish

Korean

Dutch

Norwegian

Finnish

Portuguese

French

Russian

German

Spanish

Greek

Swedish

Icelandic

Thai

Please note: The website builder only translates the basic parts of the website, you will need to add translation for any of your own descriptions.


We suggest that you enter and complete the translations for any hotel-specific information first (i.e. Name, Policies, Custom content) before you set up/activate a language to be displayed on your website.

To set up a website language:

  1. Click on Manage themes

  2. Click on Languages

  3. Select the Language switcher placement by ticking the option of your choice

  4. Select the languages that you support from the Available translations by selecting + Add language

  5. Click on Save

  6. Click on Preview site to view the changes you have made to the website

  7. If your website is already live, click on Publish changes to push the updates to your live website

Your guests can now view your website in their preferred language through the language switcher.

Translate your website content in the website builder

The application only translates the basic sections of the website, like buttons, dates and default pages, therefore, you must enter and complete translations of your hotel-specific information first before you activate a language for your website.

To enter translations:

Please note : The content is translatable when you see a Language drop- down at the top of the page.

  1. Go to the content where you wish to enter a translation (e.g., Dashboard tab >> Property)

  2. Select the language you wish to edit from the drop-down menu

  3. Enter the translation where applicable (e.g. name, address, etc.)

  4. Click on Save

  5. Repeat above steps for every content you wish to translate

  6. Click on Preview site to view the changes you have made to the website

  7. If your website is already live, click on Publish changes to push the updates to your live website

Every content that is not translated will appear in English which will lead to mixed translations. To avoid mixed translations, ensure that you add and complete translations as much as possible.

Property information

In your website builder, click on Dashboard and go to Property details.
​

Enter the property details:

  1. Name

  2. Phone number

  3. E-mail - the e-mail address is required in order for you to receive any customer enquiries sent through the Contact us page
    If you do not wish to display your e-mail address on your website, untick the box Show e-mail on website

  4. Rating - select your star rating from the star picker
    ​ Tick the Star rating box if you are officially star-rated - when this box is ticked, stars will appear on your website. If unticked, circles will appear instead

  5. Search address
    The map will auto-adjust the pin to the address that is filled in when you search for an address. If you wish to change the address from the pre-filled one set by Google Maps, you can change the pin so that it more accurately reflects your property’s address

  6. Click on Save

  7. Click on Preview site to view the changes you have made to the website

  8. If your website is already live, click on Publish changes to push the updates to your live website

You will see the updated property information on the Contact us section of your homepage, and on the Contact us page.

Themes, colours, buttons and property logo

Control and make changes at any time on how your website looks by selecting a different theme or changing the colour palette.

To change your website theme:

  1. In your website builder, click on Manage themes

  2. Click on Themes

  3. Select your preferred theme, colour palette and button style

  4. Click on Save

  5. Click on Preview site to view the changes you have made to the website

  6. If your website is already live, click on Publish changes to push the updates to your live website

Please note: After selecting a theme, you can preview it by hovering over the theme example picture and clicking "Preview"

Colour picker with Ally theme

If you are using the Ally theme , you can pick custom colours, instead of the pre-defined colour palettes. If you’d like to use custom colours:

  1. Click on the custom option under colour palettes

  2. Choose using the colour picker, or enter a HEX or RGB value for your primary colour

  3. An accessible secondary colour will be chosen for you automatically

  4. Save this, or choose one of the other two options before saving, though they might not have high enough contrast with that particular primary colour to be accessible.

  5. Click on Save

  6. Click on Preview site to view the changes you have made to the website

  7. If your website is already live, click on Publish changes to push the updates to your live website

Please note: If you want your website to be accessible, it is advisable to use the secondary colour automatically chosen for you.

Add a logo to your property

Add the logo of your property in your website's header.
​

To add a logo:

  1. Click on Manage themes

  2. Click on Header

  3. Under Site logo , click on Replace to upload a logo

  4. Once uploaded, select the radio button Logo under Navigation layout

  5. Click on Save

  6. Click on Preview site to view the changes you have made to the website

  7. If your website is already live, click on Publish changes to push the updates to your live website
    ​

Add page links on the footer of your website

Another way to have access to your pages is by adding links to these pages on your website footer.


​ To add page links on the footer:

  1. Click on Manage themes

  2. Click on Footer

  3. (Optional) Enter a heading/name for the section, e.g. “Useful links”, “Additional information”, Terms and conditions”, etc..

  4. Click on the plus icon and select the page you want to add links to on the footer.

  5. Repeat step 4 to add more page links (if required).

  6. Click on Save

  7. Click on Preview site to view the changes you have made to the website

  8. If your website is already live, click on Publish changes to push the updates to your live website

Rooms, promotions and awards

To add a room type, promotion or award:

  1. Click on Dashboard

  2. Click on Room types or Promotions or Awards

  3. Click on Add a new room type / Add a new promotion / Add a new award

  4. Enter the relevant information, such as Name , Description , Booking Link or Award Link

  5. Click on the Add photo tile to add photos from your

  6. Click on Save

  7. Click on Preview site to view the changes you have made to the website

  8. If your website is already live, click on Publish changes to push the updates to your live website

Displaying your industry awards helps to build trust and credibility with potential guests.

Amenities

You can set up and manage all of your room types’ amenities from one place. There are around 70 amenities provided and conveniently translated to the languages supported by the website builder. You can also create custom amenities.

Default amenities

To set up amenities for a room type:

  1. Click on Dashboard

  2. Click on Amenities

  3. Select the room type you wish to add amenities to from the dropdown menu

  4. Tick the boxes relevant to the room. The application will automatically save the changes

  5. Click on Preview site to view the changes you have made to the website

  6. If your website is already live, click on Publish changes to push the updates to your live website

Custom amenities

If you wish to add an amenity that is not part of the list provided, you can create a custom amenity.
​ Please note : Custom amenities are not translated by the website builder. You must provide the translations for the languages supported by your property.

To add a custom amenity:

  1. Click on Dashboard

  2. Click on Amenities , then click on the Custom amenities tab

  3. Click on Add a new amenity

  4. In the field provided, enter the amenity
    ​ Note : Ensure that the language selected is the displayed language, i.e. English for English, Spanish for Spanish, etc.

  5. Click on Save

  6. If your website supports other languages, enter a translation for the amenity

  7. Go back to Amenities and apply the custom amenity to the correct room type

  8. Click on Preview site to view the changes you have made to the website

  9. If your website is already live, click on Publish changes to push the updates to your live website

All selected default amenities and custom amenities will now be displayed on your website.

Add an attraction

Please follow the instructions to show attractions in your area on your website:

Add a new attraction

  1. Click on Dashboard

  2. Click on Attractions

  3. Click on Add new attraction

  4. On the Google Map, drag the red pin to the address of the attraction
    ​ Please note: The map is independent of the address you entered. You must drag and drop the pin on the map to the correct address as, sometimes, Google Maps cannot resolve the property address correctly on the map

  5. Enter the attraction information , such as name , address , and description

  6. Click the Add photo tile and select photos

  7. Click on Save

  8. Click on Preview site to view the changes you have made to the website

  9. If your website is already live, click on Publish changes to push the updates to your live website

Edit an attraction / Delete an attraction

  1. In your Website Builder, click on Dashboard

  2. Click on Attractions

  3. Select the attraction from the Select an attraction dropdown list

  4. Select the language you wish to edit from the Language dropdown list

  5. Make the applicable changes

  6. To delete an attraction - scroll to the bottom and click on Delete, please open a pop - up window to confirm this action. Deleting is not reversible and will autosave.

  7. Click on Save

  8. Click on Preview site to view the changes you have made to the website

  9. If your website is already live, click on Publish changes to push the updates to your live website
    ​

Customising rooms, gallery, promotions and attractions pages

You can select which rooms, photos, promotions and attractions to display, as well as define their order of display on the Rooms, Gallery, Promotions and Attractions pages.

To update the rooms displayed on your rooms page:

  1. Click on Website pages

  2. If applicable, you can move a page by holding the + button, then dragging and dropping it to your preferred order. This will show on the navigation panel on your website

  3. Click on either Rooms , Gallery , Promotions or Attractions

  4. Make the necessary changes. Add or remove items from the page display or change the order the items display in

  5. Click on Save

  6. Click on Preview site to view the changes you have made to the website

  7. If your website is already live, click on Publish changes to push the updates to your live website

How to disable, enable, hide, show and delete a page

To manage a website page:

  1. Click on Website pages

  2. Locate the page you want to manage and hover over the ellipsis (...).

  3. Make the necessary changes:

    • Disable page - this option will remove the page from your website. Your guests will not be able to access this page anywhere on your website.

    • Hide - this option will only remove the page from the navigation panel, but the page can still be accessed via a direct link from your footer, for example.

    • Delete page - this option will totally remove the page from the website builder.

  4. Click on Yes to confirm

  5. Click on Preview site to view the changes you have made to the website

  6. If your website is already live, click on Publish changes to push the updates to your live website

Please note: You can only delete a custom page and not the default pages of the website builder.

Uploading photos or videos in the website builder

All photos in the website builder must be uploaded in the Photos and videos tab.
The supported image formats are .jpeg , . png and .gif.

To upload photos:

  1. Click on the Photos and videos tab

  2. Drag and drop photos from your computer into the designated box, or click on the designated box and upload photos from your computer by selecting the photos you want to upload from the pop-up file browser and clicking Open

To upload videos:

  1. ​Click on the Photos and videos tab

  2. Click on Videos

  3. Enter Youtube or Vimeo embed codes in the provided field

  4. Click on Add

Please note : Only enter a single URL or embed code at a time. If you need to add more videos, repeat steps 1 to 3.
You can then use this video on your homepage and custom pages.

Dimensions

The recommended photo dimensions for the website builder vary depending on theme :

Top banner

  • Homer: 1600 x 600 pixels

  • Paul Rudd: 1200 x 700 pixels

  • Ally: 1600 x 600 pixels

Attractions

  • Homer: 750 x 600 pixels

  • Paul Rudd: 750 x 600

  • Celeste: 750 x 600 pixels

  • Ally: 335 x 184 pixels

Rooms

  • Homer: 750 x 600 pixels

  • Paul Rudd: 750 x 600 pixels

  • Celeste: 847px wide

  • Ally: 1024 x 420 pixels

Awards

  • Homer: 300 x 300 pixels

  • Paul Rudd: 300 x 300 pixels

  • Celeste: 300 x 300 pixels

  • Ally: 300 x 300 pixels

Promotions

  • Homer: 750 x 600 pixels

  • Paul Rudd: 600 x 450 pixels

  • Celeste: 555px wide

  • Ally: 1024 x 420
    ​

Create a new photo album in the website builder

You can organise photo galleries by creating photo albums to show website visitors what your hotel has to offer.


​ Please note : You cannot upload photos directly from your computer when creating a photo album. Upload photos into the website builder firstly to create a container of images for use on your website.

To create a photo album:

  1. Click on Photos and videos

  2. On the side navigation, click on Photo albums

  3. Click on Add album

  4. Enter the Album name in the provided field

  5. Add photos by clicking Add photo

  6. Click on Save album

  7. Click on Preview site to view the changes you have made to the website

  8. If your website is already live, click on Publish changes to push the updates to your live website
    ​

Customise your website homepage

You can customise the display of your homepage to make it more appealing.

Add, hide or remove contents within a page

You can add or remove contents in homepage's sections like Room types , Videos , Gallery , Attractions , Promotions or Awards. You can also enable/disable specific sections by ticking the checkbox next to the section title.

To add or remove contents to sections:

  1. Click on Website pages. You will be taken to Home by default

  2. Locate the content section that you wish to customise

  3. Enter the Title (e.g. Local attractions for attractions, Accommodation for room types, etc.).

  4. Make the necessary changes to the content section. Add or remove content, or change the order of the content

  5. Click Save

  6. Click on Preview site to view the changes you have made to the website

  7. If your website is already live, click on Publish changes to push the updates to your live website

Welcome banner

You can change the welcome banner image on your homepage at any time.
​ Please note: Not all themes support welcome banner images.

To change the welcome banner image on your homepage:

  1. Click on Website pages. You will be taken to Home by default

  2. Under Welcome banner , click on Add photo

  3. Select a photo from your pool of photos

  4. Drag and drop to organise the photos so that the new photo is displayed first. The photo on the left-most of the display order is your banner photo

  5. Tick the following checkboxes if applicable:

    • Slideshow - this option allows you to display your uploaded banner photos as a slideshow. A maximum of 8 photos will be displayed on your website

    • Darken Photo - this option will display a darkened version of your banner photos

  6. Select the Booking button display ba r from the drop-down menu

  7. Click Save

  8. Click on Preview site to view the changes you have made to the website

  9. If your website is already live, click on Publish changes to push the updates to your live website
    ​

Integrating your booking engine

To integrate the booking engine on your Website Builder, please see Link the booking engine in your Website Builder.

To customise the booking widget on your homepage:

  1. Click on Website pages. You will be taken to Home by default

  2. Locate the Booking engine section towards the bottom of the page

  3. Enter the Heading and Subheading

  4. Click Save

  5. Click on Preview site to view the changes you have made to the website

  6. If your website is already live, click on Publish changes to push the updates to your live website

Create and manage a custom page in the website builder

In addition to the default pages of the website builder, you can add your own custom pages. A custom page can have multiple types of content sections, like text, images, HTML codes and iFrames.

To create a custom page:

  1. Click on Website pages

  2. At the bottom of the left panel, enter the new page name in the provided field

  3. Click on +Add

  4. If applicable, you can move the new page by holding the + button then drag and drop to your preferred order. This will show on the navigation panel on your website

  5. Add contents to the page:

    • By default, a text section is added to the page. You can remove this and/or add your preferred content sections from the options found at the bottom of the page

    • In content sections with 2 columns, you can select the column ratio from the options found under it

  6. Click on Save for every content section that you have added

  7. Click on Preview site to view the changes you have made to the website

  8. If your website is already live, click on Publish changes to push the updates to your live website

Please note : Depending on the theme you choose, the website builder can only display a limited number of pages on the navigation panel of your website. Click on the 3-line icon to view pages not displayed by default on your website.

Create a subpage

You can create subpages for a custom page. This ensures that your contents are well organised on your website.
​ Please note: You can only create subpages for custom pages.

  1. Click on Website pages

  2. Find the custom page under which you want to create a subpage and click on the ellipsis (...).

  3. Click on Add subpage

  4. Enter the new subpage's name and click on +Add

  5. Adding contents to subpages are created in the same way as a custom page. Select your preferred content blocks and enter your contents

  6. Click on Save for every content section that you have added

  7. Click on Preview site to view the changes you have made to the website

  8. If your website is already live, click on Publish changes to push the updates to your live website
    ​

Improve your website's SEO

Please see Improve your website's SEO to ensure your website is setup for a better visibility on Google (SEO).

Related Articles
Website Builder - Add and manage media
Website Builder - Customise your website pages
Website Builder - Edit your property information in the dashboard
Website Builder - Set up languages in the website builder
Website Builder - Redirecting from old website pages
Did this answer your question?