Wij maken voor het aanmaken van een melding gebruik van de gratis versie van de plugin Advanced Floating Content Lite. Deze vind je in de WordPress repository.
WooCommerce winkelmelding
Mocht je liever geen plugin gebruiken en maak je gebruik van WooCommerce dan zou je ook de winkelmededeling van WordPress zelf in kunnen stellen, je kunt deze instellen via Customizer > WooCommerce > Winkelmededeling.
Advanced Floating Content plugin
- Installeer de plugin vanuit je WordPress dashboard en dan de optie ‘Plugins’;
- Na installatie heb je links een nieuwe optie met de naam ‘Advanced Floating Content’;
- Als je de optie aanklikt heb je de optie ‘Add new’;
- Voer een titel in;
- Voer je bericht in. Zorg dat dit kort en krachtig is en centreer dit in verband met het opvallen van je bericht. Let op dat je mogelijk de tekstkleur nog wilt wijzigen afhankelijk van de kleur van je pop-up. In dit geval is de beste optie om dit direct in de editor door te voeren, zie tekstkleur in het screenshot hieronder.
- Kies een positie van de melding bij Position: Je hebt de keuze voor onder of bovenaan je scherm;
- Kies of je wel/geen sluiten button wilt tonen bij Show Close Button;
- Kies een breedte van de melding bij width. Wij kiezen meestal voor 100 en zetten Pixels dan op Percentage. Dit betekent dat de pop-up 100% breedte van het scherm is;
- Kies een achtergrondkleur bij Background. Ga niet voor een veilige huisstijl kleur maar kies een opvallende kleur.
Het kan voorkomen dat je bijvoorbeeld op mobiel de tekst iets kleiner wilt maken.
Styling met CSS
In de gratis versie heb je weinig mogelijkheden, maar je kunt de pop-up prima stylen met CSS. Alles over CSS lees je in deze blog.