---
title: "Componenten"
description: "Bouw je slides op met hero's, afbeeldingen, productlijsten, variatielijsten en productgroepen."
url: "https://unipage.be/nl/support/unisignage/componenten"
---

# Componenten

Elke slide bouw je op uit componenten. Kies onder de display-instellingen een basisconfiguratie (bijvoorbeeld twee componenten naast elkaar) en definieer elk component via **Add component**.

## Hero: één artikel uitlichten

Zet één product in de kijker: laad een productfoto op, kies via **Choose variant** waar de foto en de tekst staan, en vul de titel, begeleidende tekst, prijs en valuta in. Onderaan de pagina kan je de hero weer verwijderen.

## Afbeelding

Toon gewoon een beeld: laad een foto op of kies er één uit de bibliotheek. Via **Background image 2** leg je een transparante foto bovenop de eerste. Sla tussendoor regelmatig op.

## Productlijst

Een artikellijst, met de categorienaam erboven (laat je die leeg, dan is er meer plaats voor producten). Kies één of meerdere kolommen, en vul de producten manueel in of kies ze uit je productendatabase. Verder stel je de marges in (minimaal 2 aangeraden), toon je desgewenst icoontjes naast producten, kies je een normaal of compact formaat en zet je de lijnen tussen artikelen aan of uit.

## Productvariatielijst

Meerdere prijzen naast hetzelfde product, bijvoorbeeld klein, middel en groot:

- Vul de titels van de prijsvariaties in, gescheiden door een komma zonder spaties: dat maakt de prijskolommen.
- Pas desgewenst de productnaam aan enkel voor het scherm (bijvoorbeeld "kleine friet" wordt "Verse frietjes"), zonder de kassa of webshop te wijzigen.
- Voeg subtekst onder het artikel toe, of een badge ernaast (altijd met groene achtergrond).

## Productgroep

Presenteer een totaalconcept uit meerdere artikelen, meestal een menu: geef de groep een titel, voeg artikelen toe (de naam pas je toch aan en de artikelprijs wordt niet getoond), zet begeleidende tekst onder elk artikel en werk desgewenst met prijsvariaties zoals in de productvariatielijst: namen en prijzen in dezelfde volgorde, gescheiden door komma's zonder spaties.

---
*Dit is een markdown-versie van [https://unipage.be/nl/support/unisignage/componenten](https://unipage.be/nl/support/unisignage/componenten) voor AI/LLM-gebruik. Elke pagina op https://unipage.be is beschikbaar als markdown door `.md` aan de URL toe te voegen; zie ook [https://unipage.be/llms.txt](https://unipage.be/llms.txt).*