Plaats een product uit je winkel op een andere pagina van je site en leid klanten direct via een hyperlink naar de kassa.

Een productblok toont een item uit de winkel van je site op andere pagina's of posts. Dit is een uitstekende manier om producten op je hele site te promoten, of om een alternatieve lay-out te maken dan de ingebouwde landingspagina van je winkel.

Bekijk een video

Voordat je begint

• Om productblokken te gebruiken, heb je een winkelpagina nodig met het product dat je wilt weergeven.
• De winkelpagina met het product moet ingeschakeld zijn. Als je dit uitschakelt, verschijnt het product niet in winkelwagentjes wanneer het wordt toegevoegd via productblokken.
• Het product moet worden gepubliceerd en zichtbaar zijn.

Voeg het productblok toe

Voeg als volgt een productblok toe:

1. Bewerk een pagina of post, klik op Blok toevoegen of een invoegpunt en klik vervolgens op Product. Ga voor hulp naar Inhoud toevoegen met blokken.
2. Open de blokeditor door op het potloodpictogram op het blok te klikken.
3. In het Product toevoegen-veld, zoek naar het product dat je wilt weergeven. Klik erop in de zoekresultaten om het toe te voegen. In de zoekfunctie worden maximaal zeven producten weergegeven.
4. (Optioneel) Om naar je inventaris te gaan en wijzigingen in producten aan te brengen, klik je op Producten bewerken en vervolgens op Opslaan en doorgaan. Onthoud dat hiermee de huidige pagina wordt gesloten.
5. Schakel onder Elements de schakelaars in of uit om te bepalen welke productdetails worden weergegeven.
6. Klik op Ontwerp om het Masker van de afbeelding van het productblok aan te passen.

Tip: In productblokken wordt één product tegelijk weergegeven. Om meer dan één product op een pagina te tonen, gebruik meerdere productblokken, of toon een collectie producten met samenvattingsblokken.

Promoot producten die alleen tegen betaling verkrijgbaar zijn.

Als je een abonnement hebt op ledensites en je een online winkel opent op een van je ledensites, moeten bezoekers zich aanmelden voor een lidmaatschap voordat ze producten kunnen kopen in die gesloten winkel. Om niet-leden in staat te stellen deze producten te kopen, voeg je productblokken toe op je hoofdsite en gebruik je de zoekbalk Een product toevoegen om producten uit je gesloten winkel te selecteren.

Kan ik abonnementsproducten toevoegen aan productblokken?

Je kunt abonnementsproducten toevoegen aan productblokken, maar als je abonnementsproduct een eenmalige aankoopoptie bevat, toont het blok alleen die optie en geen abonnementsoptie.

Om klanten te laten kiezen tussen een eenmalige aankoop en een abonnement, schakel de snelle weergave in via de instellingen van het productblok.

Productgegevens toevoegen

In het tabblad content van het productblok kun je aanpassen welke productdetails worden weergegeven door de schakelaars aan of uit te zetten:

• Afbeelding - Toont de uitgelichte afbeelding van het product
• Titel - Geeft de titel van het product weer.
• Prijs - Geeft de prijs van het product weer
• Beschrijving - Geeft de beschrijving van het product weer.
• Knop Toevoegen aan winkelwagentje - Toont een knop Toevoegen aan winkelwagentje en een veld voor de hoeveelheid
• Snelle productweergave - Maakt een snelle weergave mogelijk

Om een van deze gegevens te wijzigen, bewerk het product.

Stel de Masker van de productafbeelding in.

Klik op het tabblad Ontwerp van de editor van het productblok op het uitklapmenu onder Afbeelding om het masker van de productafbeelding aan te passen. Verschillende Maskers kunnen uw productafbeelding op verschillende manieren bijsnijden, dus we raden aan te experimenteren om een Masker te vinden dat u mooi vindt.

Je kunt ook de beeldverhouding, focuspunt afbeelding en de uitlijning van de inhoud van het productblok wijzigen. Afhankelijk van het Masker kun je de hoekradius bewerken om de hoeken van de afbeelding afzonderlijk of allemaal samen af te ronden.

Voor hulp bij het aanpassen van blokken, bezoek Blokken aanpassen.

Pas het Masker van een bestaand productblok aan.

 Om het Masker van bestaande productblokken op je site aan te passen:

1. Open de pagina met het productblok.
2. Dubbelklik op het productblok om de bijbehorende editor te openen.
3. Klik op ontwerp en vervolgens op het uitklapmenu en selecteer een vorm.

Stijl het productblok

Je kunt het productblok stijlen en de knop 'Toevoegen aan winkelwagentje' aanpassen.

Tekst knop

Standaard is de tekst voor de knop van het productblok Toevoegen aan winkelwagentje. Je kunt deze tekst veranderen in iets anders, zoals Nu kopen.

1. Open de winkelpagina met het product dat in je productblok wordt weergegeven.
2. Dubbelklik op het product om de producteditor te openen.
3. Voer in het tabblad Details de nieuwe knoptekst in.

Knopontwerp

Hoe je het ontwerp van de knop wijzigt, hangt af van de versie van je site.

productblok tekst en lettertype

Hoe je de titel, prijs en beschrijving van het productblok opstelt, hangt af van de versie van je site. 

Uitverkochtlabels

Hoe je het uitverkochte label vormgeeft, hangt af van de versie van je site.

Veld voor aantal

Het veld Aantal wordt naast de knop Toevoegen aan winkelwagentje weergegeven als er voldoende ruimte is. Op smallere schermen stapelen deze velden zich op en wordt het veld Aantal eerst weergegeven. De manier om het veld Aantal aan te passen is afhankelijk van de versie van je site.

Zoektips voor productblok

Bij het zoeken naar een product om in het blok te tonen, zijn de zoekresultaten gebaseerd op de volgende informatie:

• Titels
• Beschrijvingen
• Tags
• Categorieën
• Tekstblokken in de extra productinformatie

De zoekopdracht toont maximaal zeven overeenkomsten. Als je producten vergelijkbare namen hebben, zoek dan op de exacte titel. Nieuwe producten worden mogelijk niet direct weergegeven in de zoekopdracht.

Je online winkel personaliseren

Hoewel je een winkelpagina moet gebruiken om producten aan je site toe te voegen, kun je productblokken gebruiken om een aangepaste lay-out voor je online winkel op een andere pagina te creëren. Nadat je je winkel hebt gemaakt en aangepast, kun je de winkelpagina verbergen door deze te verplaatsen naar het gedeelte Niet gekoppeld in het paginapaneel. Dit verwijdert de winkelpagina uit de navigatiemenu's terwijl deze ingeschakeld blijft.

Probleemoplossing

In mijn productblok wordt de verkeerde afbeelding weergegeven

Productblokken tonen de uitgelichte afbeelding van het product. Deze afbeelding kan afwijken van de eerste afbeelding die in de producteditor is weergegeven. Om de afbeelding in het productblok te wijzigen, wijzig je de uitgelichte afbeelding van het product.

Het product voegt zich niet toe aan het winkelwagentje vanuit het productblok

Als het product niet aan de winkelwagen wordt toegevoegd wanneer u op de knop ' Toevoegen aan winkelwagen ' van een productblok klikt, is de gekoppelde winkelpagina mogelijk uitgeschakeld. Producten van uitgeschakelde winkelpagina's kunnen in productblokken worden weergegeven, maar kunnen niet aan winkelwagentjes worden toegevoegd. Om dit probleem op te lossen, moet je de winkelpagina inschakelen.

Foutmelding: Er is iets misgegaan. Probeer het opnieuw of vernieuw de pagina.

Je krijgt mogelijk deze foutmelding als je een productblok probeert te bewerken dat is gekoppeld aan een verwijderde winkelpagina. Productblokken halen productdetails van een winkelpagina en kunnen niet afzonderlijk worden bewerkt. Om het probleem op te lossen, kun je een winkelpagina herstellen die je in de afgelopen 30 dagen hebt verwijderd.