Zie je verschillen tussen je website op je mobiel en op je computer?
Heb je bijvoorbeeld een website gemaakt met een videoheader, en zie je de videoheader vervolgens niet terug op mobiel? Of ziet een unit er anders uit dan dat deze in de builder is gemaakt?
Dat kan kloppen! Bij verschillende units wordt er op desktop (je computer) iets anders getoond dan op mobiel. 📱
INHOUD
1. De reden
- Video units
- Headers/ units met achtergrond afbeelding
- Testimonials/ review units
1. De reden
Een mobiel heeft uiteraard een veel kleiner scherm dan je computer. Hierdoor is het niet effectief om precies dezelfde website te tonen op zowel desktop als mobiel.
Verschillende onderdelen (zoals een achtergrondfoto of achtergrondvideo) worden op mobiel anders getoond of zelfs weggelaten, omdat het anders te druk wordt op een klein scherm. De bezoeker wordt te veel geprikkeld en door het weglaten van deze elementen wordt er meer rust gecreëerd! En dit komt ten goede van je conversie en de tijd die een bezoeker besteed op je pagina wat weer gunstig is voor je SEO-ranking.
2. Welke units worden anders getoond
A. Video units
B. Headers/ Units met achtergrond afbeelding
C. Testimonials/ review units
D. Overig
A. Video Units
Een videoheader ofwel elke unit uit de categorie "Video Background" wordt ook niet getoond op mobiel. In plaats hiervoor wordt een zwartvlak of huisstijlkleur gebruikt.
Weergave op de desktop/ Builder:
Weergave op mobiel:
B. Headers/ Units met een achtergrond afbeelding
Vrijwel alle units met een Background Image (BG) veranderen op mobiel. Hierbij een paar voorbeelden ter illustratie:
Hero BG Image
Content (BG Image)
De unit Content (BG Image) heeft op desktop een achtergrondfoto, op mobiel heeft deze unit alleen een achtergrondkleur. Als je deze unit gebruikt voor een header en de achtergrondfoto niet kunt missen, kun je de unit Hero with BG image gebruiken.
Content (BG Image) op desktop:
Content (BG Image) op mobiel:
Optin with Background Image
Net als bij de Content (BG image), heeft ook de Optin with Background Image op desktop een achtergrondfoto, op mobiel heeft deze unit alleen een achtergrondkleur. Let dus op dat je voor mobiel een andere unit gebruikt. Zie ook de instructie hiervoor onderaan deze handleiding.
3. Verschillende units alleen zichtbaar maken voor mobiel of desktop
Heb je een unit gemaakt die je alleen zichtbaar wil maken voor op mobiel? Of een unit die je juist alleen wil tonen op desktop? Dat kan in Phoenix!
Je kan bij het aanmaken van een unit kunnen aangeven dat je deze alleen wilt weergeven op mobiel 📱 of desktop 💻 .
Dat doe je door in de Build Modus naar rij instellingen te gaan en op één van deze icoontjes in de unit te klikken:
Zo kan je kiezen of je een unit op mobiel, desktop of allebei wilt laten zien!
Kom je er niet uit? Stuur een berichtje naar de support, dan kijken we met je mee!