Verbergen header en footer van je Squarespace salespagina
Op een salespagina verkoop je je (kern)product. Alle focus ligt daarop 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. Squarespace heeft hier helaas geen instelling voor, dus moet je zelf een stukje code toevoegen aan de pagina.
Onderstaande code zet je in de Page Header Code Injection:
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.
Squarespace 7.1
(inclusief Fluid Engine)
<style>
/* HIDE HEADER AND FOOTER */
header, footer
{display:none!important;
}
</style>
Squarespace 7.0 (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 je salespagina, maar ook bij de pagina voor je weggever of nieuwsbrief en aan de ‘link in bio’ pagina voor Instagram.
