Verbergen header en footer van je Squarespace salespagina

---

Op een salespagina verkoop je een product of dienst. Daarop ligt alle focus en daarom wil je verder zo min mogelijk afleiding voor je websitebezoeker. Het verbergen van de header en footer op een salespage is daarom gebruikelijk.

Voorheen was hier geen setting voor in Squarespace en moest je dit bewerkstelligen met een stukje code. Ondertussen heeft Squarespace deze optie toegevoegd aan de pagina instellingen.

1. Ga in het linker menu naar Pages

2. Klik op het tandwieltje achter de betreffende pagina. Een klein venster opent.

3. Klik op Navigation

4. Zet hier de Header en/of Footer uit (zie afbeelding)

Volledige grootte weergeven

Het uitzetten van de header en footer is alleen mogelijk bij de volgende pagina’s:

• normale pagina’s in de Main Navigation en Not Linked sectie

• normale pagina’s in Member Areas

• pagina’s in Courses

Bij deze pagina’s is het uitzetten van de header en footer op deze manier (nog) niet mogelijk:

• blog en blogposts

• portfolio en portfolio items

• events

• shop en producten

Je kan ook de header en/of footer verbergen met code. Onderstaande code zet je in de Page Header Code Injection van de betreffende pagina:

1. Klik in je linker menu op Pages

2. Klik op het tandwieltje achter de betreffende salespagina. Een klein venster opent.

3. Klik op de tab ‘Advanced’. Hier kan je de code invoeren.

<style>
  /* HIDE HEADER AND FOOTER */
  header, footer
  {
    display:none!important;
  }
</style>

Werk je nog met Squarespace 7.0 dan kan je de volgende code gebruiken. (Brine templates)

<style>
  /* HIDE HEADER AND FOOTER */
  header, footer {
    display: none !important;
  }

/* REMOVE MOBILE HEADER */ 
  .Mobile-bar {
    display: none !important;
  }

/* REMOVE ANNOUNCEMENT BAR */
.sqs-announcement-bar {
  display: none !important;
}
</style>

NB1: Check na het toevoegen van code voor de zekerheid ook of de code werkt op de mobiele versie van je site.

NB2: Het verbergen van de header en footer kan je niet alleen toepassen bij salespagina’s, maar ook bij de pagina voor je weggever, nieuwsbrief of aan je zelfgemaakte ‘link in bio’ pagina voor Instagram.

---

---

Meer lezen?