> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.uplisting.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Website Builder - Editing Design and Content

# Website Builder - Editing Design and Content

When using the Website Builder, some parts of your site can be edited directly, while others are locked by default, to ensure everything works correctly.  This applies the same way whether you're on the **Basic or Plus** plan

## What can I customize on both Basic and Plus plans of the Website Builder?
On both Basic and Plus plans, you can customize:

* The hero background image
* The search page heading
* The search page subheading

> **📘** Some sections of the website builder are intentionally locked and cannot currently be edited. This is the same on both plans, Basic or Plus. 
> For what differs between Basic and Plus — templates, custom domain, SEO tools, and more — see [Website Builder Plans: Basic vs Plus.](https://support.uplisting.io/en/article/website-builder-plans-basic-vs-plus-1rjnkqn/)



# 1. Hero Background Image

## Accessing the Hero Background Image

To update the hero background image shown on the search page, you first need to log in to your website builder

1. Select **Login to website builder** on this [page](https://app.uplisting.io/direct/link)

![](https://storage.crisp.chat/users/helpdesk/website/-/1/b/e/b/1beb313cc044d100/image_l41efy.png)


2. Once logged in , click on '**Edit Site**.'

![](https://files.readme.io/c2d6dedefbfa732098edf8e9f386982effb7a91164c87159b4932035ac3331a6-image.png)


## Updating the hero background image:

1. From the left panel of the site editor, click on the **CMS** icon  to open the settings
2. Navigate to: **CMS → Business → Data → Business Images**

![](https://files.readme.io/b366deb8406f4dcddfd041f5a3442eea36e0674365c9c48bba0ab9f05f91eeba-image.png)

3. The **Business Images** window will open, showing the default hero background image - labelled “**SearchHeroBackground”** in the **Label** field.

   Any updates made to this image will automatically become the new background displayed on the Direct Booking search page.

![](https://files.readme.io/1859ddb3f0000480ba3a00d813d39a23eda9834ba7a3f44898285b480e9912bb-image.png)

## Replacing the Hero Image

1. In the **Business Images** window shown in the image above, click on the **Replace** button
2. Select a new image. You can:
    * Upload a new image
    * Or select an existing uploaded image
3. Close the editor once the image has been selected
4. Republish your changes

The updated hero image will now appear on your live website.

![](https://files.readme.io/ef3096ec3f6af4b470dcaafb980e3d7d4f9cd466f4dc0500208af4c996c1b70b-image.png)

## Deleting the Custom Hero Image

To test or intentionally delete a custom hero image:

1. Start by copying the label “**Search Page Hero Image**” so you can reuse it later
2. Delete the custom image from: **CMS → Business → Data → Business Images**

![](https://files.readme.io/7f24a6713e36bdb4585ed8865982cf4c4ba9744440150cdc1769c72cb462bbbe-image.png)

3. Close the editor. The website will automatically display the default background image instead.


## Restoring the Hero Image

To restore a custom hero image after deletion:

1. Return to: **CMS → Business → Data → Business Images**
2. Create a new image entry

![](https://files.readme.io/44860919433ed879089562c0bd601de819fa43dc01dc8d1d06c8f92ed2f3e304-image.png)

3. Upload or select the desired image

![](https://files.readme.io/b88278ee0ba8db9b47a665e57c4b2525086f0543e9ac4d73b0259c723063a9f6-image.png)

4. Name the entry exactly: **Search Page Hero Image** so it reconnects to the search page.

![](https://files.readme.io/4926f6154bbad206c06d1aad28f7ed5e3d4c430032baf8842734cbfd04a86249-image.png)

5. Close the editor
6. Republish your changes

The custom hero image will now display again on the search page.


# 2. Search Page Heading and Sub-heading

## Editing The Search Page Heading and Sub-heading

To update the heading and subheading text shown on the search page:

1. Navigate to: **CMS → Business → Data → Business Text**
2. Locate the relevant text entries controlling:

* The search page heading
* The search page subheading

Examples may include:

* `Search Page Heading`
* `Search Page Subheading`

3. Edit the text as required

![](https://files.readme.io/b9f0fdadf15e8ca6a53aa8b7c4905984823f3303316118bf572e2f8f1d025ee6-image.png)

4. Close the editor
5. Republish your changes

Your updated text will now appear publicly on the website.

## Deleting and Restoring Heading or Subheading Text

The same fallback behavior applies to Business Text entries.

### Deleting a Text Entry

1. Copy the current text label
2. Delete the corresponding text block from: **CMS → Business → Data → Business Text**
3. Close the editor

The website will revert to the default heading or subheading text.

![](https://files.readme.io/34b98f3bdb9bf57335acbf43d2995449fc47fb36a4c0bc1287cc59767d41167c-image.png)

## Restoring a Text Entry

1. Create a new text block

![](https://files.readme.io/c0d45abddbde40d0f047ee95fe69e193975814916bc421de7faba961039db2c8-image.png)

2. Use the original label exactly as before.  For example: '**Search Page Heading'**
3. Enter your custom text

![](https://files.readme.io/d91fb23e236395a67d21fa185957de76f76147f12af6daee96b1cc14dead3fa5-image.png)

4. Close the editor
5. Republish your changes

Your custom heading or subheading will appear again on the website.



# Editable vs Locked Sections on Basic and Plus Plans

Currently, only specific content areas can be customized on each plan.

## Editable Content - Basic Plan

On the Basic plan you can currently edit:

* Hero background images
* Headings
* Subheadings
* Text styling options such as font size and formatting

## Locked Content - Basic Plan

On the Basic Plan any section currently shown as "**View only**" are locked by default cannot currently be:
* Edited
* Removed
* Repositioned
* Re-linked


# Understanding Default Fallback Content

> **📘** If a custom Business Image or Business Text entry is deleted, the website will automatically revert to default content.

This applies to:

* Hero images
* Headings
* Subheadings

This fallback behavior helps ensure the search page continues to display correctly even if custom content is removed.

> **📘Important Notes**
> * Changes must be republished before they appear on the live website
> * Some sections of the website builder are intentionally locked
> * Locked sections **cannot** currently be customized
> * Incorrect labels may prevent content from displaying properly
> * When recreating deleted entries, labels must match exactly


## Additional Features on Plus Plan

Everything that is editable in the **Basic** plan as highlighted in this article under the section [Editable Content - Basic Plan](#2-editable-content-basic-plan) is also editable in the **Plus** plan
The additional features below are supported in the **Plus plan:**

* [**Request to Book:**](https://support.uplisting.io/en/article/using-request-to-book-website-builder-plus-plan-1pzm5ad/) guests request dates and you approve or decline before any payment is taken
* [**12 premium templates**](https://support.uplisting.io/en/article/choosing-a-premium-template-plus-plan-1krlcty/): switch your site's design without losing your content
* [**Custom domains:**](https://support.uplisting.io/en/article/connecting-a-custom-domain-plus-plan-b1mpw4/) connect a domain you already own, or buy a new one inside the editor
* [**Advanced SEO**](https://support.uplisting.io/en/article/advanced-seo-tools-plus-plan-wm7zaf/)**:** edit page titles and descriptions, control indexing, set URL redirects and run a site audit
* [**Popup overlays:**](https://support.uplisting.io/en/article/creating-popups-plus-plan-161e5ey/) show targeted popups for offers, newsletters or announcements
* [**Discount promotion:**](https://support.uplisting.io/en/article/length-of-stay-discounts-plus-plan-117lc9l/) length-of-stay discounts appear across your site with strikethrough pricing and promo badges
* **Airbnb profile link**: optionally show a link to your Airbnb listing as social proof