Naar de inhoud

Showcase / Content en vindbaarheid

Banners en USP-balken uit het beheer

Een actiebalk boven de winkel, een beeld op de homepage, een banner boven de categorie en de vaste beloftes over verzenden en retourneren. Het is klein werk dat in veel shops toch bij een developer terechtkomt. In onze demowinkel zet je het zelf klaar.

De bovenkant van de homepage van de demowinkel met een donkere actiebalk, de USP-balk met vier beloftes en daaronder de banner over duurzaam bewaren
Boven aan de homepage: de actiebalk, de USP-balk en de banner, elk vanuit het beheer
De banner onder aan een categoriepagina van de demowinkel, met een titel, een ondertitel en een beeld
De banner op de categoriepagina's komt uit hetzelfde beheerscherm

Magento 2 · Hyvä · Content · Beheer

Wat het doet

Vier vaste plekken

De balk boven aan elke pagina, boven aan de homepage, halverwege de homepage en bij de categoriepagina's. Je kiest de plek, de rest gaat vanzelf.

Een periode per banner

Een begin- en einddatum bepalen wanneer een banner meedoet. Een actie die maandag begint zet je vrijdag al klaar.

Wegklikbare actiebalk

De balk boven aan de pagina heeft een kruisje. Klikt een bezoeker hem weg, dan blijft hij weg bij een volgend bezoek vanaf hetzelfde apparaat.

USP-balken op drie plekken

Onder de header, boven de footer en op de productpagina. Per belofte een pictogram uit een vaste set, een titel en een regel eronder.

Meerdere winkels of talen

Draait je shop in meerdere talen of landen, dan zet je een banner of belofte op allemaal of op één. Elke plek heeft een eigen volgorde en een schakelaar om iets tijdelijk uit te zetten.

Voor wie

Shops die met acties werken en nu voor elke campagne wachten tot een developer tijd heeft. Het werk verschuift naar de marketingkant en de developer bouwt alleen een nieuwe plek als er echt eentje mist.

Ook handig als de beloftes over verzending en retour nu in het thema staan. Gaat de drempel voor gratis verzending omhoog, dan pas je die regel zelf aan in het beheer.

Zelf bekijken

De demowinkel toont de actiebalk en de USP-balk op elke pagina, een banner op de homepage en een banner bij de categorieën.

Open de demowinkel (opent in een nieuw venster)

Voor developers

  • Twee kleine entiteiten: een banner met plek, beeld voor desktop en mobiel, link, alt-tekst, tekst, volgorde en een periode, en een belofte met pictogram, titel, ondertitel, plek en link.
  • Een provider haalt per plek op wat actief is, binnen de periode valt en bij de winkelweergave hoort, gesorteerd op volgorde.
  • Plaatsen gaat via de lay-out: de plekken hangen aan de standaard-, homepage- en categoriehandles, dus er staat geen widget-code in de content.
  • De pictogrammen zijn een kleine vaste set inline SVG's; er komt geen icoonlettertype of extern bestand aan te pas.
  • Het wegklikken van de actiebalk is Alpine met een waarde in de browseropslag, dus zonder cookie en zonder verzoek naar de server.
  • De Tailwind-klassen van beide blokken staan in de bronlijst van het thema, zodat ze na een rebuild in de CSS zitten.

Hele pagina's stel je samen met de content builder; deze module is er voor de vaste plekken in de winkel.

Dit soort beheerwerk hoort bij technisch beheer: wij bouwen het, jouw team gebruikt het.

Terug naar alle onderdelen in de showcase.

Wacht je op een developer voor een actiebalk?

In een kennismaking van een kwartier kijken we wat je zelf zou willen kunnen zetten.

Plan een kennismaking

Jasper van Tellingen, e-commerce architect