Hoe voeg ik een video toe op de product pagina ?

Voor het opzetten van een video op uw productdetailpagina is een specifieke configuratie vereist. Je kunt dit alleen doen met behulp van semantics / aanvullende productdata per .csv upload.

Semantics wordt standaard aangeboden als je het Core-Suite Portal Enterprise-abonnement hebt. Heb je geen Enterprise, maar wilt je wel extra productdata op uw B2B waarbij u ook video's op je productdetailpagina kunt plaatsen? Neem dan eerst contact op met onze salesafdeling.

Semantics

Als je productvideo's wilt plaatsen onder bij de productdetailpagina, kan dit op modelniveau alleen via semantics upload gevoed worden.

1. Voeg een kolom toe in de semantics.csv en plaatst daarin de unieke video-id in de kolom.

Op dit moment werkt dit samen met YouTube en Vimeo.

2. Ga in de B2B naar de Semantics module. Voeg een nieuw veld toe en selecteer de video kolom die je in de .csv hebt geplaatst hebt.

Vervolgens gaan we een nieuwe sectie in de Tab Manager-module maken met de naam video. Het tonen van een video werkt niet onder het hoofdmenu links of links omdat daar geen ruimte voor is.

1. Maak een aparte nieuwe sectie aan in Tab Manager > Toevoegen

 

2. Ga naar Tab Manager > Sectie Video > Tabitems > Wijzig
3. Voeg een sectie toe en selecteer 'custom' - en kies add-ons.

4. In het addons-veld plaatsen we in feite de embedcode voor een Vimeo- of YouTube-video.

5. Op de plek waar de video-id staat gebruiken we de {placeholder} om de juiste Vimeo-video-ID uit de semantics te halen, zodat deze de juiste video op het juiste product laat zien.

6. Daarnaast gebruiken we de placeholders voor de dimensies zodat deze via de tab manager goed op de productpagina worden getoond

7. Bij "veldnaam" selecteer het semantics-veld wat bij semantics module eerder is gekoppeld.

Dit ziet er als volgt uit:

Hieronder vind je de codes die u kunt gebruiken:

YouTube

<iframe width="{placeholder_width}"
height="{placeholder_height}"
src="https://www.youtube.com/embed/{placeholder}"
frameborder="0"
allowfullscreen
allow="autoplay; encrypted-media"
/>

8. In de overige instellingen onderaan:

- Veldnaam weergeven - Ja als je wilt dat er "video" getoond wordt

- Weergave: In de pagina

- Maat; zie "dimensies" hieronder.

Als u autoplay wilt toevoegen, moet de code iets anders worden geconfigureerd. Houd er rekening mee dat vanwege recente wijzigingen automatisch afspelen alleen werkt als u de video ook vanaf het begin dempt en er geen geluid afspeelt. Je kunt het ook in loop afspelen hiermee.

YouTube

<iframe width="{placeholder_width}"
height="{placeholder_height}"
src="https://www.youtube.com/embed/{placeholder}?autoplay=1&mute=1&loop=1&playlist={placeholder}"
frameborder="0"
allowfullscreen
allow="autoplay; encrypted-media"
/>

 

Dimensies

Tot slot configureer je de dimensies op de tabmanager zelf.

Het wordt aanbevolen om de aspect ratio te gebruiken van het type video dat je wilt tonen. Dus 16:9(1920:1080) voor normale video en 9:16(1080:1920) voor shortst/portretvideo.