Je producten op je website tonen

De producten uit Shop › Producten zet je op je website met een blok in de websitebouwer. Naam, prijs, foto's, voorraad en varianten komen dan rechtstreeks uit je productlijst. Verander je daar een prijs of een foto, dan volgt je website vanzelf; je hoeft de pagina niet aan te passen.

Er zijn drie blokken. Kies het blok dat past bij wat je wilt tonen.

Shop-raster: je hele webshop

Het Shop-raster toont al je producten die te koop staan in de webshop, of alleen die van één categorie. Een nieuw product verschijnt er vanzelf in. Dit is het blok voor je shoppagina.

Productraster: een paar producten die jij kiest

Met het Productraster kies je zelf welke producten er staan, en in welke volgorde. Handig voor Onze toppers op je homepage of drie producten onder een blogbericht.

1. Zet het blok op je pagina.
2. Kies rechts bij Producten voor Uit Producten.
3. Klik op Product toevoegen… en kies een product. Herhaal voor de volgende.
4. Met Naar boven en Naar beneden zet je ze in de juiste volgorde.

Product: één product in de kijker

Het blok Product toont één product groot, met foto en beschrijving naast elkaar. Kies rechts bij Product voor Uit Producten, en daarna het product.

Het blok had altijd al de keuze Zelf invullen, waarbij je naam, prijs en foto in het blok typt. Die blijft bestaan, en bestaande blokken blijven zoals ze waren. Schakel je om naar Uit Producten, dan blijft je eigen tekst bewaard, voor als je terug wilt.

Instellingen die je per blok kiest

• Voorraad tonen (Product en Productraster) — toont bv. Nog 3 op voorraad bij een product met een beperkte voorraad.
• Foto-verhouding (alle drie) — liggend 4:3, vierkant 1:1, staand 3:4 of breed 16:9. De foto wordt bijgesneden tot dat kader, zodat alle kaarten even hoog zijn. Welk deel van de foto zichtbaar blijft, bepaal je met het brandpunt in je mediabibliotheek.
• Knoptekst (Productraster) — leeg = In winkelmandje, in de taal van de pagina.

De opmaak van het blok (kleuren, lettertype, knoppen) blijft van jou.

Wat je bezoeker ziet

Een klik op een product opent een productvenster met:

• alle foto's om door te bladeren;
• de beschrijving;
• de keuze van de variant, bv. maat en kleur. Een combinatie die uitverkocht is, staat doorgestreept;
• het aantal en de knop om het in het winkelmandje te leggen.

Heeft een product varianten, dan zegt de knop op de kaart Kies, en opent hij het venster. Zonder varianten gaat het product meteen in het winkelmandje.

Elk product heeft een eigen adres: het adres van je shoppagina met ?product=… erachter. Deel je dat adres, dan opent het venster meteen. Google ziet er een aparte pagina in, met de naam, prijs en foto van het product. Dat adres gebruikt ook de feed voor Google Shopping.

Een product dat niet verschijnt

Een product toont niet op je website als:

• het uitgevinkt staat bij Te koop in de webshop;
• het gewist is.

In de bouwer zie je dat bij het blok: Wordt niet getoond. Zet het product weer online of kies een ander.