Hoe voeg ik een paginaheader toe?

Een paginaheader is de afbeelding bovenaan iedere pagina in je webwinkel. Vaak staat hier je logo in. Je plaatst deze afbeelding in de beheeromgeving bij Instellingen/Vormgeving/Template instellingen onder het tabblad 'Header'. 

Om ervoor te zorgen dat je header op alle apparaten goed wordt weergegeven, raden we aan om aparte headers toe te voegen voor de desktop- en mobiele versie van je webwinkel.

Desktop header

De desktop header mag maximaal 2200 pixels breed en 400 pixels hoog zijn. Zorg er wel voor dat je alleen in de middelste 1100 pixels belangrijke informatie zoals je logo plaatst. De buitenste 1100 pixels worden op kleine schermen (zoals telefoon en tablet) ‘afgesneden’. Om nog meer controle te hebben over de header op mobiele weergaven kun je een mobiele header toevoegen. 

Mobiele header

Bij een schermbreedte van 768px (dit is de breedte van een telefoonscherm) kan een aparte mobiele header worden getoond. Heeft je header namelijk veel tekst? Dan kun je met de mobiele header deze nét wat anders indelen dan je desktop header zodat alles duidelijk leesbaar blijft. De mobiele header mag maximaal 768 pixels breed en 512 pixels hoog zijn. 

• Gebruik voor het maken van de afbeelding een fotobewerkings- of tekenprogramma, zoals Adobe PhotoShop of Gimp. Beschik je niet over deze software? Dan kun je ook een online tool als Pixlr of Canva gebruiken
• Door de afbeelding op te slaan als .JPG, .GIF of (transparante) .PNG  kun je de afbeelding toevoegen en gebruiken als pagina header. Het is ook mogelijk om een bewegende .GIF afbeelding te plaatsen

Kom je er niet helemaal uit met de vormgeving van jouw webwinkel of wil je jouw design naar een volgend level tillen? Ons design team kan je helpen! Ontvang op maat gemaakt design om jouw webwinkel te laten shinen! Geef de vormgeving volledig uit handen of ontvang handige tips voor verbeteringen. Benieuwd hoe? Neem dan contact op via services@mijnwebwinkel.nl voor meer informatie.