Secties voor Narrative

Thema-content is gebouwd met secties. Secties zijn aanpasbare blokken met content die de opmaak en het uiterlijk van verschillende pagina's van je onlinewinkel bepalen.

Statische secties zijn secties die worden weergegeven op vooraf bepaalde locaties in je onlinewinkel. Deze secties kunnen niet worden verwijderd of herschikt. Statische secties kunnen kop-en voetteksten, navigatie secties of contentsecties bevatten op pagina's zoals productpagina's en collectiepagina's. De sectie Product bepaalt bijvoorbeeld het uiterlijk van elke productpagina in je onlinewinkel.

Dynamische secties zijn optionele secties die je kunt gebruiken om de indeling van je startpagina aan te passen. Op de startpagina van je winkel, kun je dynamische secties toevoegen, verplaatsenen verwijderen om de pagina-indeling te maken. Je kunt maximaal 25 dynamische secties op je startpagina hebben.

Je kunt meer leren over de unieke selectie secties van Narrative en hoe je ze kunt aanpassen aan je behoeftes.

Statische secties

Narrative bevat de volgende statische secties:

  • Koptekst
  • Diavoorstelling
  • Voettekst
  • Productpagina's
  • Productaanbevelingen
  • Collectie
  • Pagina collectielijst
  • Blog
  • Posts
  • Winkelwagenpagina

Dynamische secties

Narrative bevat de volgende dynamische secties:

  • Blogberichten
  • Collectielijst
  • Uitgelichte collectie
  • Galerie
  • Markeren
  • Afbeelding met tekst
  • Foto met tekstoverlay
  • Uitgelicht product
  • Nieuwsbrief
  • Kaart
  • Tekst met opmaak
  • Getuigenissen
  • Video
  • Aangepaste content
  • Aanbevolen schuifregelaar

Koptekst

De koptekstsectie bevat de content die bovenaan elke pagina in je winkel wordt weergegeven. Met Narrative kun je twee navigatiemenu's selecteren waartoe klanten toegang hebben door op het navigatiepictogram (☰) te klikken.

Je kunt ook het uiterlijk van de koptekst van je winkel wijzigen door deze transparant te maken.

De koptekst aanpassen

  1. Klik op de sectie Koptekst.

  2. Klik in het gebied Logoafbeelding op Afbeelding selecteren en voer een van de volgende handelingen uit: - Klik op het tabblad Bibliotheek als je een afbeelding wilt selecteren die je al hebt geüpload naar je Shopify-beheercentrum.

  3. Om een stockafbeelding van Burst te selecteren, klik je op het tabblad Gratis afbeeldingen. Hier kun je een zoekterm opgeven of door de afbeeldingscategorieën bladeren.

  4. Als je een afbeelding wilt selecteren vanaf je computer, klik op het tabblad Bibliotheek en vervolgens op Uploaden.

  5. Voer in het veld Aangepaste logohoogte (in pixels) de hoogte van je logo in pixels in.

  6. Kies in de lijst met Winkelwagenpictogram of je een tas- of winkelwagenlogo in je koptekst wilt weergeven.

  7. Voer de volgende handelingen uit als je de koptekst van je winkel transparant wilt maken:

    1. Klik op Transparante koptekst inschakelen op de homepage.
    2. Kies een afbeelding die je wilt weergeven over de transparante achtergrond. Mogelijk moet je een ander logo selecteren dan het logo dat je hebt geselecteerd voor weergave op je koptekstpagina. Je hebt bijvoorbeeld een wit logo nodig voor weergave tegen een donkere achtergrond.
    3. Klik op het kleurenpalet van de Transparante koptekstpictogrammen om een kleur te selecteren voor de logoafbeelding en de navigatie- en winkelwagenpictogrammen.
  8. Selecteer in de lijst Primaire navigatie het primaire menu dat wordt weergegeven wanneer een klant op het navigatiepictogram klikt.

  9. Selecteer in de lijst Secundaire navigatie het secundaire menu.

  10. Klik op Opslaan.

Voeg een aankondigingsbalk toe

Je kunt een aankondigingsbalk toevoegen aan de koptekst die je kunt gebruiken om een bericht weer te geven voor je klanten. Je kunt je bericht aanpassen en kan contactgegevens bevatten, informatie over winkelevenementen of aanbiedingen, of een winkelslogan.

  1. Klik op Kop.
  2. Schakel in het gebied Aankondiging de optie Aankondiging weergeven in.
  3. Voer de tekst voor je aankondiging in.
  4. Optioneel: voer een URL in om een link naar je aankondiging toe te voegen.
  5. Optioneel: selecteer in het menu Pictogram een pictogram dat je op de aankondigingsbalk wilt weergeven. Het pictogram gebruikt dezelfde kleur als je aankondigingstekst.
  6. Klik op de kleurstaal Balk en kies een andere kleur als je de kleur van de achtergrond van de aankondigingsbalk wilt wijzigen.
  7. Klik op de kleurstaal Tekst en kies een andere kleur als je de kleur van de tekst van de aankondiging wilt wijzigen.
  8. Klik op Opslaan.

Diavoorstelling

Je kunt een diavoorstelling voor de homepage maken met maximaal vijf afbeeldingen of videodia's.

Het is het beste om afbeeldingen met hoge resolutie te gebruiken voor je dia's. Gebruik afbeeldingen die 4000 x 2200 pixels of groter zijn, maar overschrijd de uploadlimieten van Shopify niet.

Omdat de grootte en vorm van de diavoorstelling afhangen van de grootte en vorm van het apparaat van de klant, worden de afbeeldingen van je diavoorstelling op sommige schermen bijgesneden. Probeer afbeeldingen te gebruiken met een focuspunt in het midden zodat het belangrijkste deel van elke afbeelding altijd zichtbaar is.

Lees in Afbeeldingen uploaden meer tips voor afbeeldingen in diavoorstellingen.

Het diavoorstellingsgedeelte bevat de volgende instellingen:

  • Diahoogte: Stel de hoogte van de diavoorstelling in. Selecteer Aanpassen aan eerste afbeelding om de hoogte van je diavoorstelling te baseren op de hoogte van je eerste afbeelding.
  • Knoppen centreren - Stel de positie van de knoppen op je dia's in.
  • Overlay weergeven - voeg een laag kleur toe aan je dia's. Een overlay kan de tekst van een diavoorstelling gemakkelijker leesbaar maken.
  • Kleur van overlay - stel de kleur van je overlay in.
  • Ondoorschijnend: maak de overlay ondoorschijnend.
  • Afbeelding: voeg een afbeelding toe aan je diavoorstelling.
  • Uitlijning afbeelding: kies het belangrijkste gebied van de afbeelding waarop de aandacht moet worden gericht in de diavoorstelling.
  • Videolink: voeg de YouTube-link voor de video toe.
  • Coverafbeelding: voeg een coverafbeelding toe aan de videodia. De coverafbeelding is te zien wanneer de video niet wordt afgespeeld.
  • Kop: Voeg een kop aan je dia toe.
  • Titel dia - Voeg een titel aan je dia toe. Deze wordt onder aan de diavoorstelling weergegeven wanneer je meer dan één dia hebt.
  • Knoplabel: Voeg een knop met een tekstlabel aan je dia toe.
  • Knoplink: de URL of pagina waarnaar je een link wilt toevoegen instellen. Plak in de URL of selecteer een pagina in het menu. Als je geen knop in de sectie wilt opnemen, laat je dit veld leeg.

Een diavoorstelling toevoegen aan je homepage

  1. Klik op Sectie toevoegen.
  2. Klik op Diavoorstelling en dan op Selecteren.
  3. Gebruik de instellingen om je diavoorstelling aan te passen.

  4. Klik op Opslaan.

Voettekst

In de voettekstsectie kun je de content bewerken die onderaan elke pagina in je winkel wordt weergegeven. Je kunt het volgende aan de voettekst toevoegen:

  • pictogrammen voor social media
  • betalingspictogrammen
  • een aanmelding voor een nieuwsbrief
  • een parallax scrolleffect
  • maximaal twee menu's

De voettekst aanpassen

  1. Klik op Voettekst.
  2. Voeg pictogrammen voor sociale media toe aan je voettekst door Socialmediapictogrammen weergeven in te schakelen. Je kunt de pictogrammen linken aan je sociale media-accounts vanuit de instellingen voor sociale media.
  3. Voeg betalingspictogrammen, zoals Mastercard of PayPal, aan de voettekst toe door Betalingspictogrammen weergeven in te schakelen. In dit gebied worden de pictogrammen weergegeven die zijn gekoppeld aan de betalingsprovider die je hebt ingeschakeld in het gedeelte betalingsinstellingenvan je beheerder.
  4. Voer de volgende stappen uit om een aanmelding voor een nieuwsbrief toe te voegen aan de voettekst:

    1. Schakel Aanmelding voor nieuwsbrief weergeven in.
    2. Voer in het veld Kop een kop voor de nieuwsbriefaanmelding in. De standaardkop is Aanmelden voor updates.
    3. Voer in het veld Subkop een subkop voor de nieuwsbriefaanmelding in. De standaardsubkop is 'Promoties, nieuwe producten en uitverkoop'. Rechtstreeks naar je inbox.'
  5. Voer de volgende stappen uit om een menu aan je voettekst toe te voegen:

    1. Klik onder Content op Menu toevoegen.
    2. Als je het standaardmenu wilt bewerken, klik op Menu bewerken. Als je een ander menu wilt gebruiken, klik op Wijzigen en selecteer een bestaand menu of klik op Menu maken.
  6. Klik op Opslaan.

Productpagina's

De sectie Productpagina's is het hoofddeel dat aan te passen is voor productpagina's. Je kunt deze sectie aanpassen met de volgende opties:

  • Hoeveelheidskiezer weergeven: laat gebruikers een aantal opgeven om aan hun winkelwagen toe te voegen.
  • Toon variantlabels: laat variantlabels zien, zoals "Maat" en "Kleur" boven de vervolgkeuzemenu's voor varianten. De variantlabels die worden weergegeven zijn gebaseerd op de optienamen van de variant voor het product.
  • Productverkoper tonen: toon het productmerk of verkoper. Als je een merk of verkoper wilt weergeven, moet je een verkoper aan het product toevoegen.
  • Dynamische betaalknop weergeven: laat klanten de winkelwagen overslaan en rechtstreeks naar de kassa gaan in de sectie Uitgelichte producten.
  • Knoppen voor delen via social media tonen: laat knoppen zien die klanten kunnen gebruiken om producten op social media te delen. De opties voor het delen zijn in te stellen via thema-instellingen.

Media

  • Video-looping inschakelen: video's continu tonen. Als deze optie is uitgeschakeld, verschijnt de knop voor het afspelen van video's wanneer ze zijn afgelopen.
  • Variantmedia in galerie verbergen: selecteer deze optie om te voorkomen dat variantmedia wordt weergegeven in de galerie onderaan de pagina. Wanneer deze optie is ingeschakeld, worden de enige media weergegeven die niet aan een variant zijn gekoppeld.

Instellingen Productpagina's bewerken

  1. Selecteer Productpagina's.
  2. Klik op de sectie Productpagina's.
  3. Gebruik de instellingen om de sectie productpagina's aan te passen.
  4. Klik op Opslaan.

Productaanbevelingen

Je kunt aanbevolen producten op productpagina's weergeven om het voor klanten gemakkelijker te maken om andere producten te ontdekken die hen mogelijk interesseren.

Productaanbevelingen inschakelen

  1. Selecteer Productpagina's.

  2. Klik op de sectie met Productaanbevelingen.

  3. Schakel Dynamische aanbevelingen weergeven in om productaanbevelingen op je productpagina's weer te geven.

  4. Optioneel: als je de titel boven de aanbevolen producten wil wijzigen, voer dan een nieuwe in het veld Kop in.

    1. Optioneel: gebruik het selectievakje Verkoper weergeven om de verkopers in de productbeschrijvingen te tonen of te verbergen.
    2. Optioneel: voeg spatiëring tussen productafbeeldingen toe door Afbeeldingsafstand inschakelen te kiezen.
  5. Klik op Opslaan.

Collectie

De sectie Collectie is het hoofddeel dat aan te passen is voor collectiepagina's.

De sectie Collectie bevat de volgende instellingen:

  • Tag-filtering inschakelen: voeg een filter toe waarmee klanten producten in een collectie met een bepaalde tag kunnen bekijken. Als het filter op een collectiepagina moet worden weergegeven, moet je tags toevoegen aan de producten in die collectie.
  • Collectie sorteren inschakelen: voeg een menu toe waarmee klanten een collectie op verschillende manieren kunnen sorteren, zoals alfabetisch of op prijs.
  • Rasterstijl: stel de indeling van de producten op de pagina in.
  • Collectie-afbeelding tonen: toon de collectie-afbeelding aan de bovenkant van de collectiepagina.
  • Spatiëring van afbeeldingen inschakelen: selecteer deze optie om de ruimte tussen afbeeldingen te vergroten.
  • Productverkoper weergeven: geef het productmerk of de leverancier weer.

Je collectiepagina's aanpassen

  1. Collectiepagina's selecteren.
  2. Klik op de sectie Collectiepagina's.
  3. Gebruik de instellingen om de sectie collectiepagina's aan te passen.
  4. Klik op Opslaan.

Winkelwagenpagina

De sectie Winkelwagenpagina is het hoofddeel dat aan te passen is voor de winkelwagen van je onlinewinkel. Op de pagina winkelwagen, kun je notitie voor winkelwagen inschakelen zodat je klanten speciale instructies bij hun bestellingen kunnen voegen.

Opmerkingen bij bestellingen inschakelen

  1. Selecteer Winkelwagen.
  2. Klik op de sectie Winkelwagenpagina's.
  3. Selecteer Notities voor winkelwagen inschakelen.
  4. Klik op Opslaan.

Uitgelichte collectie

Je kunt een collectie op de homepage weergeven. Met het weergeven van collecties kun je uitverkopen en nieuwe collecties promoten.

De sectie Uitgelichte collectie heeft de volgende instellingen:

  • Collectie: kies een collectie die je wilt weergeven in de sectie.
  • Spatiëring van afbeeldingen inschakelen: selecteer deze optie om de ruimte tussen afbeeldingen te vergroten.
  • Kop: voeg een tekst toe die boven de producten in de collectie verschijnt. De standaardtekst is Uitgelichte collectie.
  • Productverkopers tonen: laat onder de producttitel de verkoper zien voor elk product.
  • Toon knop 'Alles bekijken': selecteer deze optie om de knop Alles bekijken onder de laatste rij in de sectie toe te voegen. Klanten kunnen op deze knop klikken om de gehele collectie te zien.
  • Secundaire knopstijl gebruiken: de knop weergeven als een transparante knop met een effen contour.
  • Rasterstijl: stel de indeling van de producten op de pagina in.
  • Producten per rij: kies het aantal producten dat in elke rij van de sectie moeten worden weergegeven.
  • Rijen: kies het aantal rijen producten dat in de sectie moet worden weergegeven.

Een uitgelichte collectie toevoegen aan je homepage

  1. Klik op Sectie toevoegen.
  2. Klik op Uitgelichte collecties en vervolgens op Selecteren.
  3. Klik op Collectie selecteren en kies vervolgens een selectie uit de lijst Collectie.
  4. Gebruik de instellingen om de uitgelichte collectiesectie aan te passen.
  5. Klik op Opslaan.

Galerie

De sectie Galerie is een reeks van maximaal drie afbeeldingen. Je kunt een pictogram selecteren in een lijst met 13 aangepaste pictogrammen die je op elke afbeelding kunt weergeven. Je kunt elke afbeelding desgewenst linken aan een URL of een pagina in je winkel.

De sectie afbeelding met tekst bevat de volgende instellingen:

Inhoud

  • Afbeelding: voeg een afbeelding toe die je wilt weergeven in de sectie.
  • Uitlijning van afbeelding: kies hoe ke de afbeelding wilt uitlijnen in de sectie. Als je geen pictogram wilt weergeven, selecteer je 'Geen' in de lijst Pictogram.
  • Pictogram: voeg een pictogram toe om op de afbeelding weer te geven.
  • Bijschrift: voer de tekst in die je op de afbeelding wilt weergeven.
  • Link: plak een link naar een URL of klik in het veld om een pagina in je winkel te selecteren.

Instellingen

  • Sectiehoogte: kies hoe groot je deze sectie wilt hebben.
  • Overlay weergeven: voeg een laag kleur toe aan je afbeelding. Een overlay kan de tekst van een diavoorstelling gemakkelijker leesbaar maken.
  • Kleur van overlay: stel de kleur van je overlay in.
  • Tekstkleur: stel de kleur van je kop en tekst in. Als de achtergrondafbeelding donker is, is de tekst beter leesbaar als je een lichte tekstkleur kiest.
  • Ondoorschijnend: maak de overlay ondoorschijnend.

Een galerie toevoegen aan je homepage

  1. Klik op Sectie toevoegen.
  2. Klik op Galerie en klik vervolgens op Selecteren.
  3. Klik in het gebied Afbeelding op Afbeelding selecteren en voer een van de volgende handelingen uit als je de afbeelding wilt toevoegen: - Klik op het tabblad Bibliotheek als je een afbeelding wilt selecteren die je al hebt geüpload naar je Shopify-beheercentrum.
  4. Om een stockafbeelding van Burst te selecteren, klik je op het tabblad Gratis afbeeldingen. Hier kun je een zoekterm opgeven of door de afbeeldingscategorieën bladeren.
  5. Als je een afbeelding wilt selecteren vanaf je computer, klik op het tabblad Bibliotheek en vervolgens op Uploaden.

  6. Gebruik de instellingen om de sectie galerie aan te passen.

  7. Klik op Opslaan.

Afbeelding met tekst

Narrative bevat de sectie Afbeelding met tekst waarin je een afbeelding met een aangepast bericht kunt weergeven voor je klanten.

Je kunt een afbeeldingsuitlijning selecteren om ervoor te zorgen dat belangrijke delen van de afbeelding niet worden bijgesneden wanneer deze worden weergegeven op mobiele apparaten. Als je bijvoorbeeld wilt dat de onderkant van je afbeelding nooit wordt bijgesneden omdat hier het te verkopen product wordt weergegeven, kun je de uitlijning middenonder kiezen om te zorgen dat dit deel van de afbeelding niet wordt bijgesneden.

De sectie afbeelding met tekst bevat de volgende instellingen:

Instellingen

  • Sectiehoogte: kies hoe groot je deze sectie wilt hebben.
  • Achtergrondkleur: stel een achtergrondkleur in voor de sectie.

Afbeelding

  • Afbeelding: voeg een afbeelding toe die je wilt weergeven in de sectie.
  • Afbeeldingsstijl: kies de bijsnijdstijl voor de afbeelding. Kies Geen om de afbeelding ongesneden te houden.
  • Afbeeldingspositie: kies de uitlijning van de afbeelding in het frame.

Tekst

  • Kop: voeg een kop aan de sectie toe.
  • Tekst: voeg tekst aan de sectie toe.
  • Secundaire knopstijl gebruiken: de knop weergeven als een transparante knop met een effen contour.
  • Knoplabel: voeg een knop met een tekstlabel toe aan de sectie.
  • Knoplink: de URL of pagina waarnaar je een link wilt toevoegen instellen. Plak in de URL of selecteer een pagina in het menu. Als je geen knop in de sectie wilt opnemen, laat je dit veld leeg.

Afbeelding uitlijnen

  • Bureaublad: geef aan of de afbeelding in de sectie links of rechts wordt weergegeven op een desktop computer.
  • Mobiel: geef aan of de afbeelding in de sectie als eerste of tweede wordt weergegeven wanneer het vanaf een mobiel apparaat wordt bekeken.

Een afbeelding met tekst aan de homepage toevoegen

  1. Klik op Sectie toevoegen.
  2. Klik op Afbeelding met tekst en klik vervolgens op Selecteren.
  3. Klik in het gedeelte Afbeelding op Afbeelding selecteren en voer een van de volgende acties uit: - Klik op het tabblad Bibliotheek als je een afbeelding wilt selecteren die je al hebt geüpload naar je Shopify-beheercentrum.
  4. Om een stockafbeelding van Burst te selecteren, klik je op het tabblad Gratis afbeeldingen. Hier kun je een zoekterm opgeven of door de afbeeldingscategorieën bladeren.
  5. Als je een afbeelding wilt selecteren vanaf je computer, klik op het tabblad Bibliotheek en vervolgens op Uploaden.

  6. Gebruik de instellingen om de sectie afbeelding met tekst aan te passen.

  7. Klik op Opslaan.

Foto met tekstoverlay

Je kunt een aangepast bericht weergeven voor je klanten op de homepage met behulp van het gedeelte afbeelding met tekst bedekking. Met het bericht kun je een product beschrijven, een aankondiging delen of klanten verwelkomen in je winkel.

De sectie Afbeelding met tekst-overlay bevat de volgende instellingen:

Instellingen

  • Witruimte: kies hoe groot je deze sectie wilt hebben: Klein, Gemiddeld, Grootof Extra groot.
  • Afbeelding: voeg een afbeelding toe die je wilt weergeven in de sectie.
  • Uitlijning van afbeelding: kies hoe je de afbeelding wilt uitlijnen in de sectie.

Tekst

  • Kop: voeg een titel aan je sectie toe.
  • Tekst: voeg hoofdtekst toe aan de sectie.
  • Tekstgrootte: stel de grootte van de kop- en hoofdtekst in.
  • Secundaire knopstijl gebruiken: de knop weergeven als een transparante knop met een effen contour.
  • Knoplabel: voeg een knop met een tekstlabel toe aan de sectie.
  • Knoplink: de URL of pagina waarnaar je een link wilt toevoegen instellen. Plak in de URL of selecteer een pagina in het menu. Als je geen knop in de sectie wilt opnemen, laat je dit veld leeg.

Overlay

  • Overlay weergeven: voeg een laag kleur toe aan je afbeelding. Een overlay kan de tekst van een diavoorstelling gemakkelijker leesbaar maken.
  • Kleur van overlay: stel de kleur van je overlay in.
  • Tekstkleur: stel de kleur van je kop en tekst in. Als de achtergrondafbeelding donker is, is de tekst beter leesbaar als je een lichte tekstkleur kiest.
  • Ondoorschijnend: maak de overlay ondoorschijnend.

Een afbeelding met tekst-overlay aan de homepage toevoegen

  1. Klik op sectie toevoegen.
  2. Klik op Afbeelding met tekst-overlay en klik vervolgens op Selecteren.
  3. Klik in het gedeelte Afbeelding op Afbeelding selecteren en voer een van de volgende acties uit: - Klik op het tabblad Bibliotheek als je een afbeelding wilt selecteren die je al hebt geüpload naar je Shopify-beheercentrum.
  4. Om een stockafbeelding van Burst te selecteren, klik je op het tabblad Gratis afbeeldingen. Hier kun je een zoekterm opgeven of door de afbeeldingscategorieën bladeren.
  5. Als je een afbeelding wilt selecteren vanaf je computer, klik op het tabblad Bibliotheek en vervolgens op Uploaden.

  6. Gebruik de instellingen om je sectie aan te passen.

  7. Klik op Opslaan.

Nieuwsbrief

Je kunt een nieuwsbriefaanmelding toevoegen aan de homepage. Met een nieuwsbriefaanmelding kun je e-mailadressen van klanten verzamelen voor campagnes met e-mailmarketing. In de Shopify-blog vind je meer informatie over e-mailmarketing.

Een aanmelding voor een nieuwsbrief toevoegen aan je homepage.

  1. Klik op Sectie toevoegen.
  2. Klik op Nieuwsbrief en vervolgens op Selecteren.
  3. Voer in het veld Kop een kop voor de aanmelding voor een nieuwsbrief in.
  4. Voer in het veld Subkop een subkop voor de aanmelding voor een nieuwsbrief in.
  5. Voer een succesbericht in het veld Geslaagd in. Klanten zien het succesbericht nadat ze hun e-mailadres hebben verzonden. Het standaardsuccesbericht is 'Bedankt voor het abonneren'.
  6. Stel de tekstkleur in voor het veld Nieuwsbriefaanmelding door op de staal Tekstkleur te klikken en een kleur te kiezen.
  7. Stel de achtergrondkleur in voor de sectie Nieuwsbriefaanmelding door op de staal Achtergrondkleur te klikken en een kleur te kiezen.
  8. Klik op Opslaan.

Kaart

Je kunt een Google-kaart toevoegen aan je homepage om klanten te laten zien waar je bedrijf zich bevindt.

De kaartsectie bevat de volgende instellingen:

  • Kop: voeg een kop aan de kaartsectie toe.
  • Adres en uren: voeg aan de kaartsectie het adres en de openingstijden van de winkel toe.
  • Adres toewijzen: stel de kaart zo in dat de locatie van je winkel wordt weergegeven.
  • Link-label toewijzen: voeg een knop toe die leidt naar je locatie op Google Maps.
  • Pin weergeven : voeg een pin toe waarmee de specifieke locatie van je winkel op de kaart wordt weergegeven.
  • Google Maps API-sleutel: voeg de API-sleutel van je kaart aan de kaartsectie toe.
  • Afbeelding: voeg een afbeelding toe die wordt weergegeven als de kaart niet wordt geladen.
  • Afbeeldingspositie: stel de positie voor de afbeelding in.

Een kaart toevoegen aan je homepage

  1. Klik op sectie toevoegen.
  2. Klik op Kaarten vervolgens op Selecteren.
  3. Gebruik de instellingen om de kaartsectie aan te passen.
  4. Klik op Opslaan.

Video

Je kunt een YouTube- of Vimeo-video toevoegen aan je homepage. Video's kunnen klanten aantrekken en interesse in je bedrijf wekken.

Als je een video wilt toevoegen, moet je de link voor het delen van de video zoeken:

  • YouTube: een YouTube-link voor delen ziet er als volgt uit: https://youtu.be/Oc5v_ToKP7c. In dit YouTube Help-artikel leer je hoe je de link voor het delen van een YouTube-video kopieert.
  • Vimeo: een Vimeo-link voor delen ziet er volgt uit: https://vimeo.com/123456789. In dit artikel van het Vimeo-helpcentrum leer je hoe je de link voor het delen van een Vimeo-video kopieert.

Het videogedeelte bevat de volgende instellingen:

Instellingen

  • Kop: voeg de tekst toe die wordt weergegeven boven de afspeelknop.
  • Videolink: voeg de link voor het delen van de video toe.

Cover

  • Afbeelding: voeg een afbeelding toe die wordt weergegeven in het videogedeelte wanneer de video niet wordt afgespeeld.
  • Afbeeldingspositie: kies de plaatsing van de afbeelding in het videogedeelte.

Overlay

  • Overlay weergeven: voeg een kleurlaag toe tussen de afbeelding van de tijdelijke aanduiding en het knoplabel. Een overlay maakt tekst op een video gemakkelijker te lezen en wordt weergegeven totdat op de afspeelknop wordt geklikt.
  • Overlay: stel de kleur van je overlay in.
  • Tekst: stel de kleur in van de koptekst en de afspeelknop.
  • Ondoorschijnend: maak de overlay ondoorschijnend.

Een video toevoegen aan je homepage

  1. Klik op Sectie toevoegen.
  2. Klik op Video en vervolgens op Selecteren.
  3. Plak de link voor het delen van je video in het veld Video-link.
  4. Gebruik de instellingen om het videogedeelte aan te passen.
  5. Klik op Opslaan.

Aanbevolen schuifregelaar

Met de uitgelichte schuifregelaar kun je meer productgegevens weergeven op de homepage.

Je kunt productfuncties, een nieuwe collectie of varianten van een product weergeven. De diavoorstelling werkt het beste met een klein aantal dia's omdat scrollen op de pagina vergrendeld is tijdens het bladeren door de set op een desktop.

Wanneer je de schuifregelaar gebruikt op mobiele apparaten, is er een tik- of knijpbeweging nodig om deze te openen en weer te geven. Gebruik een aantrekkelijke omslagafbeelding en gebruik tekst met een "oproep tot actie" om je mobiele klanten te verleiden om de gekenmerkte schuifregelaar te openen.

Je kunt maximaal vijf dia's toevoegen aan een weergegeven schuifregelaar.

De uitgelichte schuifregelaar aanpassen

  1. Klik op Sectie toevoegen.
  2. Klik op Uitgelichte schuifregelaar en klik vervolgens op Selecteren.
  3. Gebruik de instellingen om je uitgelichte schuifregelaar aan te passen.
  4. Klik op Opslaan.

Voeg een afbeeldingsdia toe

  1. Klik in het gebied Content op Dia.
  2. Klik op de staal Achtergrondkleur om een achtergrondkleur in een palet te selecteren.
  3. Klik in het gedeelte Afbeelding op Afbeelding selecteren en voer een van de volgende acties uit: - Klik op het tabblad Bibliotheek als je een afbeelding wilt selecteren die je al hebt geüpload naar je Shopify-beheercentrum.
  4. Om een stockafbeelding van Burst te selecteren, klik je op het tabblad Gratis afbeeldingen. Hier kun je een zoekterm opgeven of door de afbeeldingscategorieën bladeren.
  5. Als je een afbeelding wilt selecteren vanaf je computer, klik op het tabblad Bibliotheek en vervolgens op Uploaden.

  6. Typ in het veld Kop de tekst die je op de dia wilt weergeven.

  7. Typ in het veld Knoplabel de tekst die je wilt weergeven op de knop.

  8. Stel in het veld Knoplink URL of pagina in waarnaar je de knop wilt linken. Plak in de URL of selecteer een pagina in het menu. Als je geen knop in de sectie wilt opnemen, laat je dit veld leeg.

Pas de instellingen van de weergegeven schuifregelaar aan

  1. Schakel Secundaire knopstijl gebruiken in als je de diaknoppen wilt weergeven als een transparante knop met een effen contour.
  2. Als je de tekstkleur wilt wijzigen, klik op de staal Kleur van diakop om een kleur in een palet te selecteren.
  3. Selecteer in het gebied Coverinstellingen een coverafbeelding voor de sectie Weergegeven schuifregelaar door op Afbeelding selecteren te klikken en een van de volgende handelingen uit te voeren: - Klik op het tabblad Bibliotheek als je een afbeelding wilt selecteren die je al hebt geüpload naar je Shopify-beheercentrum.
  4. Om een stockafbeelding van Burst te selecteren, klik je op het tabblad Gratis afbeeldingen. Hier kun je een zoekterm opgeven of door de afbeeldingscategorieën bladeren.
  5. Als je een afbeelding wilt selecteren vanaf je computer, klik op het tabblad Bibliotheek en vervolgens op Uploaden.

  6. Voer in de lijst Kop de tekst in die moet verschijnen op de omslagafbeelding.

  7. Selecteer in de lijst Positie kop of de koptekst links of in het midden van de coverafbeelding wordt weergegeven. Deze instelling is alleen van toepassing op desktopweergaven.

  8. Schakel in het gebied Overlay de optie Overlay weergeven in.

  9. Klik op de staal Overlaykleur om een kleur voor de afbeeldingsoverlay te selecteren.

  10. Klik op de staal Tekstkleur om een kleur voor de tekst te selecteren.

<aside class="note note-information">
<h4>Tip</h4>
<p>If the background image is dark, picking a light text color makes the text easier to read.</p>
</aside>
  1. Selecteer in de lijst Ondoorschijnend een transparantieniveau voor de afbeeldingsoverlay.

  2. Klik op Opslaan.

Klaar om te beginnen met verkopen met Shopify?

Probeer het gratis