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.
Ga in het linker menu naar Pages
Klik op het tandwieltje achter de betreffende pagina. Een klein venster opent.
Klik op Navigation
Zet hier de Header en/of Footer uit (zie afbeelding)
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:
Klik in je linker menu op Pages
Klik op het tandwieltje achter de betreffende salespagina. Een klein venster opent.
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.
