Design van je secties aanpassen
Je landingspagina is opgebouwd in verschillende secties (blokken). Iedere sectie kun je naar wens aanpassen. Klik op het tandwieltje van de desbetreffende sectie om naar de instellingen te gaan.
Iedere sectie kun je andere achtergrond geven. Hierbij kun je kiezen voor een achtergrond afbeelding, video of een egale kleur.
Achtergrondafbeelding
Klik op de ‘Stel foto in’ om een achtergrondafbeelding toe te voegen. Vervolgens kun je een eigen foto uploaden of selecteren in je gallerij. Ook kun je gebruik maken van stockfoto’s. AdPage heeft hiervoor een koppeling met Unsplash.
Hou er rekening mee dat de achtergrondafbeelding die je instelt op de mobiele versie maar voor een deel zichtbaar is. De afbeelding wordt automatisch geoptimaliseerd voor mobiel.
Let op! Zorg dat de afbeelding niet groter dan 1MB is.
Met de ‘Cover kleur’ kun je eventueel een overlay over de afbeelding plaatsen. Lees hiervoor verder bij ‘Achtergrondkleur’.
Achtergrond video
Klik op ‘Stel video in’ om een video als achtergrond in te stellen. Vervolgens voeg je een URL van YouTube of Vimeo toe en klik je op ‘Achtergrond opslaan’. De video wort op de achtergrond afgespeeld zónder geluid.
Met de ‘Cover kleur’ kun je eventueel een overlay over de video plaatsen. Lees hiervoor verder bij ‘Achtergrondkleur’.
Achtergrondkleur
Klik op het blokje onder ‘Cover kleur’ om de instellingen aan te passen. Vervolgens kun je kiezen voor ‘Achtergrond’ en ‘Verloop’.
Selecteer je gewenste kleur of voeg je eigen kleurcode toe. Vervolgens kun je ook de transparantie van de achtergrondkleur aanpassen.
Door een verloop kleur toe te voegen kun je een meer speelse achtergrond creëren. Ook hier kun een kleur selecteren of je kleurcode toevoegen. Bepaal de plaats en richting van je verloop.
Met de padding kun je de afstanden aan de boven-, onder-, linker- en rechterkant van je sectie aanpassen. Dit doe je door op het ‘+’ of ‘-’ te drukken.
Let op! Check altijd de mobiele weergave van je landingspagina. Wanneer je te veel padding gebruikt ontstaat er veel onnodige witruimte in je landingspagina.
Met de parallax bepaal je of de achtergrondafbeelding of video vast blijft staan of mee beweegt. Zet je de parallax aan? Dan blijft bij het scrollen over de pagina de afbeelding als het ware vaststaan, terwijl de andere secties er overheen bewegen. Zet je parallax uit? Dan beweegt de afbeelding bij het scrollen mee.
Standaard worden alle secties automatisch geoptimaliseerd voor mobiel. Wil je op mobiel net een andere indeling gebruiken of bijvoorbeeld een andere foto, video of tekst? Dan zet je ‘Mobiele versie’ aan.
Er verschijnen dan 2 extra icoontjes aan de rechterkant van je sectie, de mobiel en de desktop. Wanneer het icoontje van de mobiel is geselecteerd, worden alle wijzigingen die je doet enkel op de mobiele versie doorgevoerd. Wanneer het icoontje van de desktop is geselecteerd, worden alle wijzigingen die je doet enkel op de desktop versie doorgevoerd
Achtergrond van de sectie aanpassen
Iedere sectie kun je andere achtergrond geven. Hierbij kun je kiezen voor een achtergrond afbeelding, video of een egale kleur.
Achtergrondafbeelding
Klik op de ‘Stel foto in’ om een achtergrondafbeelding toe te voegen. Vervolgens kun je een eigen foto uploaden of selecteren in je gallerij. Ook kun je gebruik maken van stockfoto’s. AdPage heeft hiervoor een koppeling met Unsplash.
Hou er rekening mee dat de achtergrondafbeelding die je instelt op de mobiele versie maar voor een deel zichtbaar is. De afbeelding wordt automatisch geoptimaliseerd voor mobiel.
Let op! Zorg dat de afbeelding niet groter dan 1MB is.
Met de ‘Cover kleur’ kun je eventueel een overlay over de afbeelding plaatsen. Lees hiervoor verder bij ‘Achtergrondkleur’.
Achtergrond video
Klik op ‘Stel video in’ om een video als achtergrond in te stellen. Vervolgens voeg je een URL van YouTube of Vimeo toe en klik je op ‘Achtergrond opslaan’. De video wort op de achtergrond afgespeeld zónder geluid.
Met de ‘Cover kleur’ kun je eventueel een overlay over de video plaatsen. Lees hiervoor verder bij ‘Achtergrondkleur’.
Achtergrondkleur
Klik op het blokje onder ‘Cover kleur’ om de instellingen aan te passen. Vervolgens kun je kiezen voor ‘Achtergrond’ en ‘Verloop’.
Selecteer je gewenste kleur of voeg je eigen kleurcode toe. Vervolgens kun je ook de transparantie van de achtergrondkleur aanpassen.
Door een verloop kleur toe te voegen kun je een meer speelse achtergrond creëren. Ook hier kun een kleur selecteren of je kleurcode toevoegen. Bepaal de plaats en richting van je verloop.
Padding aanpassen
Met de padding kun je de afstanden aan de boven-, onder-, linker- en rechterkant van je sectie aanpassen. Dit doe je door op het ‘+’ of ‘-’ te drukken.
Let op! Check altijd de mobiele weergave van je landingspagina. Wanneer je te veel padding gebruikt ontstaat er veel onnodige witruimte in je landingspagina.
Parallax
Met de parallax bepaal je of de achtergrondafbeelding of video vast blijft staan of mee beweegt. Zet je de parallax aan? Dan blijft bij het scrollen over de pagina de afbeelding als het ware vaststaan, terwijl de andere secties er overheen bewegen. Zet je parallax uit? Dan beweegt de afbeelding bij het scrollen mee.
Mobiel / Desktop
Standaard worden alle secties automatisch geoptimaliseerd voor mobiel. Wil je op mobiel net een andere indeling gebruiken of bijvoorbeeld een andere foto, video of tekst? Dan zet je ‘Mobiele versie’ aan.
Er verschijnen dan 2 extra icoontjes aan de rechterkant van je sectie, de mobiel en de desktop. Wanneer het icoontje van de mobiel is geselecteerd, worden alle wijzigingen die je doet enkel op de mobiele versie doorgevoerd. Wanneer het icoontje van de desktop is geselecteerd, worden alle wijzigingen die je doet enkel op de desktop versie doorgevoerd
Bijgewerkt op: 06/01/2023
Dankuwel!