1. Help Center
  2. Website content

How to Edit Your Website's Homepage

Take control of your website. Change texts, buttons, links, images, and manage your sections on the homepage the way you want to, whenever you want to directly from your SpotHopper platform.

Contents:

  1. More Control
  2. How to Use the Inline Website Editor
  3. What You Can Edit
  4. What Cannot be Edited

More Control

As a restaurant owner/manager, we know you’re juggling multiple things at once. That's why we’ve made sure that updating your website isn't one of them.

Now, you can easily make a quick change late at night or during the busy weekend hours without having to contact support!

Our new feature Inline Website Editor allows for easy, convenient, and time-saving website updates. And it is super simple to use!

How to Use the Inline Website Editor

From your SpotHopper account, choose the “Website” tab near the top of the left sidebar.

At the top of the “Website” page, you will see an orange “Edit Website” button.

Clicking that button will open the Inline Website Editor. 

The Inline Website Editor is actually your homepage, but in an edit view:

To edit a section, simply click the pencil icon above it.


Know when your editing thanks to the 'Editing' icon replacing the simple 'pencil' icon.


What You Can Edit


With the Inline Website Editor, you have four options:

1. Change Text:

2. Change Button/CTA Links and Text:

Please note that changing links/texts applies to that section only.

If you're changing a Reservations link in a section at the top of your homepage, it will only update the Reservation link there–nowhere else. This is important if you have multiple Reservation links on your website that need updating.

Reach out to your support agent if further changes need to be made!

3. Change Images:

Clicking the pencil icon will open your SpotHopper gallery so you can either choose an existing image or upload a new one.

4. Hide/Show Homepage Sections

In the upper right corner of each homepage section, you will see a"Hide Section" button.

Clicking this button will hide the specific section from your homepage. Keep in mind that the section will only be hidden from the website view, but saved within the editor. You can easily bring it back by clicking the "Show Section" button in the left corner below the hidden section.

For instance, if you hide Section 2 (as shown in the image above), the "Show Section 2" button will be placed on the left, between Section 1 and Section 3. So you can always bring it back.

Once happy with the changes, make sure to save them so they become active. You can do so by clicking the orange "Save Changes" button at the bottom of the screen.

You can easily switch out of the "Editor" view by clicking the "Preview" button. 

To go back to editing, simply click the "Edit Website" button.

What Cannot Be Edited

The Inline Website Editor will help you customize your homepage. However, it will not work for those parts that can be updated directly through your platform.

For instance, in the contact section at the bottom of the homepage, you can only update the title text as seen below:

Information like hours, address, phone number, social icons, etc. should be updated from their respective page on the platform.

The changes made with the Inline Website Editor will be visible on your website within seconds. However, please allow a minute or two if opening your website from the "Website" tab in SpotHopper.