De banner op de homepagina bewerken

Met eenvoudige stappen kun je banners op de voorpagina van de webshop toevoegen, wijzigen, verwijderen of bijwerken. Je kiest zelf of je een enkele banner wilt of een carrousel met meerdere banners die roteren. Volg de gids om te zien hoe banners worden toegevoegd en/of bijgewerkt.

Er zijn verschillende manieren om banners toe te voegen, afhankelijk van het type banner dat je wilt.

Banner via carrousel

Een carrouselbanner ondersteunt één of meerdere afbeeldingen die roteren op het gewenste interval. 

  1. Voeg de sectie Carrousel toe
    Wijzig de plaatsing door de sectie omhoog/omlaag te slepen in het zijmenu
  2. Wanneer de sectie is toegevoegd, klik je op de plusknop en voeg je het blok Dia toe
  3. Klik op het potlood om het blok te bewerken
    1. Scrol naar beneden naar de instelling Afbeelding
    2. Kies Verwijderen of Vervangen
    3. Upload de gewenste banner

Wanneer je de gewenste banner hebt geüpload, is het belangrijk dat je op Formaat wijzigen klikt en de grootte van de banner invult. Dit zorgt voor een betere SEO.

Instellingen

Onder Afbeelding-instellingen kun je ervoor kiezen om verschillende banners te uploaden op verschillende apparaten. Dat wil zeggen dat je een aparte banner kunt hebben die is aangepast voor mobiel. Lees hier meer over instellingen voor afbeeldingen.

  • Link: Voeg een link toe waarnaar de klik op de banner moet leiden
  • Alternatieve tekst: Het is aan te raden om dit toe te voegen voor betere SEO. Alternatieve tekst, ook wel alt-tekst genoemd, is een tekstuele beschrijving van een afbeelding die op websites en in documenten wordt gebruikt om de inhoud toegankelijk te maken voor iedereen, vooral voor mensen met een visuele beperking of andere functiebeperkingen. Wanneer een schermlezer een afbeelding tegenkomt, leest deze de alternatieve tekst voor in plaats van de afbeelding te tonen. 
  • Titel, paragraaf en knop: Deze kunnen worden gebruikt als je diverse tekst en een knop boven de banner wilt hebben. Als je dit niet wilt, laat je de velden gewoon leeg.

 

Meerdere afbeeldingen toevoegen in dezelfde carrousel

Als je meerdere afbeeldingen in dezelfde carrousel wilt hebben, volg je gewoon de bovenstaande stappen. Dat wil zeggen, voeg meer dia's toe in dezelfde sectie.

Als je wijzigingen hebt aangebracht aan het dia-blok die je opnieuw wilt gebruiken, kun je het blok dupliceren en de afbeelding vervangen.

Instellingen voor automatisch afspelen, tijd tussen elke afbeelding en weergave van pijlen e.d. vind je onder de algemene instellingen voor de sectie Carrousel.


Banner via kolom

Een andere mogelijkheid voor een banner is het gebruik van de sectie Kolommen.
De afbeelding die je als banner wilt gebruiken, moet dan als achtergrondafbeelding op de kolom worden ingesteld. Met deze oplossing kun je slechts één banner afbeelding hebben, en niet meerdere zoals in de carrousel-sectie. 
Het voordeel van het gebruik van een kolom is dat je meerdere soorten secties boven de banner kunt plaatsen. Zoals bijvoorbeeld tekst, afbeeldingen, klantreferenties enz.

Bij gebruik van kolom moet deze één of meerdere blokken bevatten om zichtbaar te zijn. Zonder blokken heeft de sectie geen hoogte, waardoor de achtergrond niet wordt weergegeven.

  1. Voeg de sectie Kolommen toe
    Wijzig de plaatsing door de sectie omhoog/omlaag te slepen in het zijmenu
  2. Wanneer de sectie is toegevoegd, klik je op de potloodknop om de instellingen van de sectie te openen
  3. Open vervolgens Achtergrondinstellingen
  4. Voeg vervolgens de afbeelding toe die je als achtergrond wilt gebruiken
    Nadat de afbeelding is toegevoegd, kun je de grootte, positie en herhaling van de afbeelding instellen

Nadat de afbeelding als achtergrond is toegevoegd, kun je blokken boven de afbeelding plaatsen. 

  1. Klik op de plusknop in de sectie
  2. Voeg de blok(ken) toe die je boven de afbeelding wilt weergeven
  3. Pas de inhoud en instellingen van de blokken naar eigen wens aan

Was this article helpful?