Edit your site's header and footer

The header and footer appear on every page of your booking site, except inside the booking flow itself. You edit them under Settings › Appearance › Header and Settings › Appearance › Footer. Each card has its own Save button.

Edit the header

1. 1

   Step 1 of 4

   Choose a layout

   Go to Settings › Appearance › Header. In the Layout card, pick Standard or Centered. Turn on Sticky Header to keep the header visible while visitors scroll. Click Save.

2. 2

   Step 2 of 4

   Choose how your logo shows

   In the Logo Display card, choose Logo Only, Text Only or Logo + Text. Enter the Logo Text you want next to or instead of your logo. If you leave it empty, your salon name is shown. Click Save.

   If you haven't uploaded a logo, the header shows the text, whatever you choose here.

3. 3

   Step 3 of 4

   Edit the menu links

   In the Links card:

   • Click Add Link, enter a Label and a Link, and click Add Link in the dialog. A link can be a page on your site, such as /services or /about, or a full web address, such as https://instagram.com/hairhaven.
   • Drag a link by its handle to change the order.
   • Open a link's menu to Update or Delete it.

   Click Save to publish your changes.

4. 4

   Step 4 of 4

   Add an announcement bar

   In the Top Bar card, turn on Show Top Bar. Enter a Title, such as a short announcement, and a description, such as Use code SAVE20 for 20% off. Pick a Variant: Primary, Secondary or Destructive. Click Save.

   The top bar appears above the header on every page.

Edit the footer

The footer is made of blocks arranged in columns.

1. 1

   Step 1 of 4

   Pick the number of columns

   Go to Settings › Appearance › Footer. In the Layout card, choose 1, 2 or 3 columns. If you reduce the number, blocks from the removed columns move into the last remaining one.

2. 2

   Step 2 of 4

   Arrange the blocks

   Drag blocks within a column or between columns. Use the switch on each block to show or hide it.

3. 3

   Step 3 of 4

   Edit the text

   Hover over a Text block and click the pencil button to change its content. Click Save Changes in the dialog.

4. 4

   Step 4 of 4

   Save

   Click Save at the bottom of the card.

   You will see:

   A Settings Updated message appears.

Where footer details come from

A contact block with no matching detail in Settings › Company stays hidden on your site. To change your address or social links, update them there. See Company settings explained.