Secties voor Debut

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 Debut en hoe je ze kunt aanpassen aan je behoeftes.

Statische secties

Debut bevat de volgende statische secties:

  • Koptekst
  • Voettekst
  • Productpagina's
  • Productaanbevelingen
  • Collectiepagina's
  • Pagina collectielijst
  • Blogpagina's
  • Posts
  • Winkelwagenpagina

Dynamische secties

Debut bevat de volgende dynamische secties:

  • Blogberichten
  • Collectielijst
  • Uitgelichte collectie
  • Galerie
  • Afbeelding met tekst
  • Foto met tekstoverlay
  • Logolijst
  • Uitgelicht product
  • Nieuwsbrief
  • Kaart
  • Tekst met opmaak
  • Getuigenissen
  • Tekstkolommen met afbeeldingen
  • Video
  • Aangepaste content
  • Diavoorstelling

Koptekst

In de koptekstsectie kun je de content bewerken die bovenaan elke pagina in je winkel wordt weergegeven. Je kunt een logoafbeelding toevoegen, kiezen welk menu wordt weergegeven en een aankondigingsbericht maken.

Voeg een aangepast logo toe

Je kunt een aangepaste logoafbeelding toevoegen aan de koptekst van je winkel. De beste indeling is een .png-bestand met een transparante achtergrond. Je kunt de grootte van het logo aanpassen door de breedte groter of kleiner te maken.

  1. Klik op Kop.
  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.
    • Als je een afbeelding wilt selecteren vanaf je computer, klik je op Bibliotheek > Uploaden.
  3. Gebruik de schuifregelaar Aangepaste logobreedte om de breedte van het logo aan te passen.
  4. Als je de uitlijning van je logo wilt instellen, selecteer in het gebied Logo-uitlijning de optie Links of Gecentreerd. Als je geen logoafbeelding toevoegt, dan wordt de naam van je winkel als tekst weergegeven. Je kunt de naam van je winkel wijzigen op de pagina Algemene instellingen in je Shopify-beheercentrum.
  5. 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 Aankondigingsbalk de optie Aankondiging weergeven in. Selecteer Alleen homepage om de aankondiging alleen op de homepage weer te geven.
  3. Voer de tekst voor je aankondiging in.
  4. Optioneel: voer een URL in om een link naar je aankondiging toe te voegen.
  5. Klik op de kleurstaal Balk en kies een andere kleur als je de kleur van de achtergrond van de aankondigingsbalk wilt wijzigen.
  6. Klik op de kleurstaal Tekst en kies een andere kleur als je de kleur van de tekst van de aankondiging wilt wijzigen.
  7. Klik op Opslaan.

Een menu toevoegen

Je kunt een Menu aan je koptekst toevoegen. Hiermee worden alle links van het menu in de koptekst weergegeven die je kunt gebruiken om veelgebruikte pagina's te markeren waar je klanten toegang tot hebben. Je kunt bijvoorbeeld een menu toevoegen met links naar je collecties.

  1. Klik op Kop.

  2. Klik op wijzigenom een menu te selecteren. Selecteer een menu in de lijst of klik op menu maken om een nieuwe te maken.

  3. Als je het menu wil bewerken, klik je op menu bewerken.

  4. Klik op Opslaan.

Voettekst

De voettekst van je thema is de sectie die bovenaan elke pagina in je winkel wordt weergegeven. Je kunt het volgende aan de voettekst toevoegen:

  • betalingspictogrammen
  • snelle links
  • een aanmelding voor een nieuwsbrief
  • een tekstsectie met informatie over je bedrijf
  • pictogrammen voor social media
  • een taalkiezer
  • een valutakiezer

Betaalpictogrammen toevoegen

Je kunt pictogrammen weergeven voor de betaalmethoden die je in je voettekst accepteert. In dit gebied worden de pictogrammen weergegeven die zijn gekoppeld aan de betalingsprovider die je hebt ingeschakeld in het gedeelte betalingsinstellingenvan je beheerder.

  1. Klik op Voettekst.

  2. Schakel betalings pictogrammen weergevenin.

  3. Klik op Opslaan.

Een menu, een nieuwsbrief aanmelding of tekst toevoegen

  1. Klik op Voettekst.

  2. Voeg een contentblok toe door in het Contentgebied op Content toevoegen te klikken. Selecteer een van de volgende bloktypen:

- [Menu](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text

Je kunt tot 4 contentblokken toevoegen

Om een contentblok te verwijderen, klik je op het blok en vervolgens op Content verwijderen.

Om een contentblok aan te passen, klik je op het blok en bewerk je de instellingen.

  1. Klik op Opslaan.

Pictogrammen voor sociale media toevoegen

Wanneer je een social media-account toevoegt aan je Thema-instellingen, wordt dit automatisch weergegeven in je voettekst.

Een taalkiezer toevoegen

Voeg alleen een taalkiezer toe als je meerdere winkel talenhebt ingeschakeld.

  1. Klik op Secties.

  2. Klik op Voettekst.

  3. Selecteer taalkiezer weergevenonder taalkiezer.

  4. Klik op Opslaan.

Een valutakiezer toevoegen

Voeg alleen een valuta kiezer toe als je meerdere valuta'shebt ingeschakeld.

  1. Klik op Voettekst.

  2. Schakel onder valuta kiezerde optie valuta kiezer weergevenin.

  3. Klik op Opslaan.

Productpagina's

De sectie Productpagina's is de belangrijkste aanpasbare sectie voor productpagina's. Als je Lokaal ophalen hebt ingeschakeld, geeft deze sectie ook de afhaalbeschikbaarheid van het product weer.

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.
  • Verkoper tonen: laat het productmerk of de verkoper zien. 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

  • Grootte: stel de grootte van je Productmedia in.
  • Zoomen op afbeelding inschakelen: laat klanten met hun muis inzoomen op de productafbeelding.
  • Video-looping inschakelen: selecteer deze optie om productvideo's te continu herhalen. Als deze optie is uitgeschakeld, wordt er een afspeelknop weergegeven op video's wanneer ze zijn afgelopen.

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.

Toon beschikbaarheid van ophaalservice

Met Debut kun je klanten laten zien of een product in je onlinewinkel beschikbaar is voor lokale afhaling. Op elke productpagina wordt in het gedeelte met beschikbaarheid van ophalen weergegeven of het product beschikbaar is, en het geschatte tijdsbestek voor het ophalen. Om deze functie te gebruiken, moet je lokale ophaalservice instellen. Als lokaal ophalen is ingeschakeld, is deze functie altijd zichtbaar op je productpagina's en kan deze niet worden uitgeschakeld.

Nadat lokaal afhalen is ingeschakeld, wordt op de productpagina weergegeven of het product beschikbaar is voor afhalen op een lokale afhaallocatie. Deze informatie wordt alleen weergegeven voor producten die op ten minste één afhaallocatie zijn opgeslagen en waarvan Dit is een fysiek product is geselecteerd in het gedeelte Verzending van de details van een productvariant.

  1. Ga vanaf het Shopify-beheercentrum naar Producten > Alle producten.

  2. Selecteer een product.

  3. Selecteer een variant onder Varianten.

  4. Vink onder Verzenden Dit is een fysiek product aan.

  5. Klik op Opslaan.

Als je afhalen ter plaatse hebt ingeschakeld voor maar één locatie, worden de locatie en de beschikbaarheid van ophaalservice voor die locatie weergegeven. Klanten kunnen op Winkelgegevens bekijken klikken voor meer informatie over de afhaallocatie.

Als je lokaal ophalen hebt ingeschakeld voor meer dan één locatie, geeft het gedeelte met ophaalbeschikbaarheid de locatie en ophaalbeschikbaarheid weer voor de locatie die het dichtst bij de klant ligt, op basis van het IP-adres van de klant. Wanneer de klant klikt op Controleer beschikbaarheid bij andere winkels, wordt de lijst met afhaallocaties gerangschikt op afstand van de klant.

Als de locatie van de klant niet kan worden bepaald op basis van hun IP-adres, geeft het gedeelte met ophaalbeschikbaarheid de locatie en ophaalbeschikbaarheid alfabetisch weer, eerst op stad en vervolgens op locatienaam. Stel dat je drie ophaallocaties hebt: "Queen Street" in Toronto, "Front Street" in Toronto en "Alberni Street" in Vancouver. In het gedeelte met beschikbaarheid van ophalen worden de details voor "Front street" in Toronto weergegeven.

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.
  5. Klik op Opslaan.

Collectiepagina's

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

De sectie Collectiepagina's bevat de volgende instellingen:

  • Opmaak: kies de manier waarop producten worden gerangschikt op de collectiepagina.
  • Producten per rij (alleen raster): kies het aantal producten dat je in elke rij op de collectiepagina wilt weergeven. Dit gedeelte is alleen van toepassing als de Opmaak is ingesteld op Raster.
  • Rijen per pagina (alleen raster): kies het aantal rijen producten dat je wilt weergeven op de collectiepagina. Dit gedeelte is alleen van toepassing als de Opmaak is ingesteld op Raster.
  • Collectie-afbeelding tonen: toon de collectie-afbeelding aan de bovenkant van de collectiepagina.
  • Productverkopers tonen: laat onder de producttitel de verkoper zien voor elk product.
  • Sorteren inschakelen: selecteer deze optie zodat klanten de producten op je collectiepagina's kunnen sorteren.
  • Filteren met tags inschakelen: selecteer deze optie zodat klanten de collectie op producttags kunnen filteren.

Instellingen voor collectiepagina's bewerken

  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.

Pagina collectielijst

Je klanten kunnen de pagina collectielijst gebruiken om de collectie te zoeken die ze willen bekijken. Op de pagina collectielijst worden alle collecties in je winkel weergegeven. Je kunt ook een groep collecties weergeven die je selecteert.

De pagina collectielijst bevat de volgende instellingen:

  • Collectie: stel collecties in die jij op de pagina collectielijst wilt weergeven. Deze informatie wordt alleen gebruikt als Bepaalde collecties om te tonen is ingesteld op Geselecteerd.
  • Collecties selecteren om weer te geven: kies collecties om weer te geven.
  • Collecties sorteren op: stel in hoe je collecties worden gesorteerd. Deze instellingen wordt alleen gebruikt als Selecteer alle collecties om weer te geven is ingesteld op Alles.
  • Collecties per rij: stel het aantal collecties in dat in elke rij moet worden weergegeven op de pagina collectielijst.

De sectie pagina collectielijst aanpassen

  1. Selecteer Collectielijst.
  2. Klik op de sectie Collectielijst pagina.
  3. Optioneel: klik in het gebied Content op Collectie toevoegen om collecties aan de pagina collectielijst toe te voegen.
  4. Gebruik de instellingen om de sectie pagina collectielijst aan te passen.
  5. Klik op Opslaan.

Blogpagina's

De sectie Blogpagina's is het hoofddeel dat aan te passen is van een blogpagina. Op de blogpagina worden alle berichten weergegeven die op je blog zijn gepubliceerd. Je kunt een lijst met je blogposts plaatsen of ze in een raster weergeven. In de lijst en in de rasterweergave wordt de titel van de blogpost en een uittreksel weergegeven, indien beschikbaar. Als er geen uittreksel beschikbaar is, worden de eerste zinnen van de blogpost weergegeven.

De sectie Blogpagina's bevat de volgende instellingen:

  • Opmaak: kies Lijst of Raster.
  • Auteur weergeven: geef de naam van de auteur weer onder de titel van de blogpost.
  • Datum weergeven: geef de publicatiedatum weer onder de titel van de blogpost.

De sectie blogpagina's aanpassen

  1. Selecteer Blogs.
  2. Klik op de sectie Blogpagina's.
  3. Gebruik de instellingen om je sectie Posts aan te passen.
  4. Klik op Opslaan.

Posts

Op blogpostpagina's worden individuele blogposts weergegeven. De sectie Posts bevat de volgende instellingen:

  • Auteur weergeven: geef de naam van de auteur weer onder de titel van de blogpost.
  • Datum weergeven: de datum weergeven waarop de blogpost is gepubliceerd onder de titel van de blogpost.
  • Knoppen voor delen via social media weergeven: schakel deze optie in om knoppen voor delen via social media weer te geven in je blogposts. Je kunt kiezen welke platforms kunnen worden gebruikt voor het delen in je sociale media-instellingen.

Je sectie Posts aanpassen

  1. Selecteer Blogposts.
  2. Klik op de sectie Posts.
  3. Gebruik de instellingen om je sectie Posts aan te passen.
  4. Klik op Opslaan.

Winkelwagenpagina

De sectie Winkelwagenpagina bevat de volgende instellingen:

  • Automatische updates van winkelwagen inschakelen: selecteer deze optie om de winkelwagen bij te werken zodra de klantwijzigingen zijn aangebracht. Zo kan de subtotaal prijs worden bijgewerkt wanneer de klant het aantal artikelen in de winkelwagen wijzigt.
  • Notities voor winkelwagen inschakelen - in sommige Thema's wordt deze optie Opmerkingen bij bestellingen genoemd.

De paginasectie van je winkelwagen aanpassen

  1. Selecteer Winkelwagen.
  2. Klik op de sectie Winkelwagenpagina.
  3. Gebruik de instellingen om je sectie Winkelwagenpagina aan te passen.
  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:

  • Kop: voeg een tekst toe die boven de producten in de collectie verschijnt. De standaardtekst is Uitgelichte collectie.
  • Collectie: kies de collectie die jij in de sectie wilt weergeven.
  • 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.
  • Productverkoper 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.

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. Er worden maximaal 50 producten weergegeven uit de collectie die je selecteert.
  4. Gebruik de instellingen om de sectie Uitgelichte collecties aan te passen.
  5. Klik op Opslaan.

Afbeelding met tekst

Met Debut kun je een afbeelding toevoegen met tekst die rechts of links van de afbeelding wordt weergegeven. Je kunt ook een knop toevoegen die naar een andere pagina in je winkel leidt.

Je kunt een afbeelding met tekstsectie gebruiken om te adverteren voor een specifiek product of een specifieke collectie.

De sectie Afbeelding met tekst bevat de volgende instellingen:

  • Afbeelding: voeg de afbeelding toe die je wilt opnemen in de sectie. Je kunt een afbeelding uploaden, een eerder geüploade afbeelding gebruiken of een gratis stockafbeelding van Burst selecteren.
  • Uitlijning afbeelding: kies of de afbeelding in de sectie links of rechts moet staan.
  • Kop: voeg de primaire tekst die moet worden gekoppeld toe aan de afbeelding.
  • Tekst: voeg de secundaire tekst toe die moet worden gekoppeld aan de afbeelding. Deze tekst wordt weergegeven onder de kop tekst.
  • Knoplabel: voeg de tekst toe die je op de knop wilt weergeven.
  • 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.

Voeg een afbeelding toe met tekstsectie aan je homepage:

  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 aan te passen.

  7. Klik op Opslaan.

Foto met tekstoverlay

Je kunt een grote afbeelding met aangepaste tekstoverlay op je homepage weergeven.

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

  • Afbeelding: kies de afbeelding die je in de sectie wilt opnemen. Je kunt een afbeelding uploaden, een eerder geüploade afbeelding gebruiken of een gratis stockafbeelding van Burst selecteren.
  • Uitlijning afbeelding: kies of de afbeelding in de sectie links of rechts moet staan.
  • Layout: Stel de breedte van de sectie in.
  • Sectiehoogte: Stel de hoogte van de sectie in. Selecteer Aanpassen aan afbeelding als je niet wilt dat de afbeeldingen worden bijgesneden, waarbij de hoogte van de sectie wordt ingesteld op basis van de hoogte van je afbeelding.
  • Tekstgrootte: stel de grootte van de tekst in.
  • Kop: voeg een primaire tekst toe die moet worden gekoppeld aan de afbeelding. De sectie Afbeelding met tekstoverlay wordt automatisch hernoemd naar de kop die je opgeeft.
  • Tekst: voeg de secundaire tekst toe die moet worden gekoppeld aan de afbeelding. Deze tekst wordt weergegeven onder de kop tekst.
  • Knoplabel: voeg de tekst toe die je op de knop wilt weergeven.
  • 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 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 de sectie afbeelding met tekstoverlay aan te passen.

  7. Klik op Opslaan.

Uitgelicht product

Je kunt een product uitlichten op jouw startpagina. Dit is een geweldige manier om een nieuw product of een product dat in de uitverkoop is te promoten. Klanten kunnen aanvullende productafbeeldingen bekijken met behulp van de pijlen links en rechts onder de afbeelding.

De sectie weergegeven product bevat de volgende instellingen:

  • Product: kies het product dat je wilt weergeven op de startpagina.
  • 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.
  • Verkoper tonen: laat het productmerk of de verkoper zien. 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 weergeven: knoppen weergeven die je klanten kunnen gebruiken om je producten op sociale media te delen.

Media

  • Grootte: stel de grootte van je Productmedia in.
  • Zoomen op afbeelding inschakelen: laat klanten met hun muis inzoomen op de productafbeelding.
  • 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.

Een uitgelichte productsectie toevoegen

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Bureaublad</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Ga in het Shopify-beheercentrum naar <strong>Onlinewinkel</strong> &gt; <strong>Thema&#39;s</strong>.
</li><li>Klik naast <strong>Debut</strong> op <strong>Aanpassen</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Tik in de <a href="https://www.shopify.com/install/detect">Shopify-app</a> op <strong>Winkel</strong>.
</li><li>Tik in het gedeelte <strong>Verkoopkanalen</strong> op <strong>Onlinewinkel</strong>.
</li><li>Tik op <strong>Thema&#39;s beheren</strong>.
</li><li>Tik naast <strong>Debut</strong> op <strong>Aanpassen</strong>.
</li><li>Tik op <strong>Bewerken</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Tik in de <a href="https://www.shopify.com/install/detect">Shopify-app</a> op <strong>Winkel</strong>.
</li><li>Tik in het gedeelte <strong>Verkoopkanalen</strong> op <strong>Onlinewinkel</strong>.
</li><li>Tik op <strong>Thema&#39;s beheren</strong>.
</li><li>Tik naast <strong>Debut</strong> op <strong>Aanpassen</strong>.
</li><li>Tik op <strong>Bewerken</strong>.
</li></ol></div>
</div>
  1. Klik op Sectie toevoegen.
  2. Klik op Uitgelicht product en vervolgens op Selecteren.
  3. Gebruik de instellingen om de sectie uitgelicht product aan te passen.
  4. 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 een kop in voor het aanmelden voor nieuwsbrief.

  4. Voer een subtitel in voor de aanmelding voor een nieuwsbrief.

  5. 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.

Tekst met opmaak

Gebruik de sectie Tekst met opmaak om geschreven content op te geven die je op je homepage wilt weergeven of om een pagina in te sluiten die in het Shopify-beheercentrum is gemaakt. Je kunt bijvoorbeeld geplande evenementen weergeven door je blogpagina in te sluiten of je kunt een pagina weergeven met een van de volgende artikelen:

De sectie tekst met opmaak bevat de volgende instellingen:

  • Brede weergave: verklein de marges aan beide kanten van de tekst.
  • Kop: voeg een kop aan je sectie tekst met opmaak toe.
  • Tekst: voeg aangepaste tekst toe en maak deze op. Als je een pagina uit je winkel wilt weergeven, klik op Content toevoegen en klik vervolgens op Pagina. Selecteer een pagina die als je homepage moet worden weergegeven in het vervolgkeuzemenu.
  • Grootte: stel de grootte van de tekst in.

Voeg RTF toe aan je homepage

  1. Klik op Sectie toevoegen.

  2. Klik op Tekst met opmaaken klik vervolgens op Selecteren.

  3. Gebruik de instellingen om de sectie tekst met opmaak aan te passen.

  4. Klik op Opslaan.

Video

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

Het videogedeelte bevat de volgende instellingen:

  • Coverafbeelding: voeg een coverafbeelding toe aan de video. De coverafbeelding wordt verborgen tijdens het afspelen van de video.
  • Afbeelding uitlijnen: lijn de coverafbeelding zo uit dat het belangrijkste onderdeel altijd zichtbaar is.
  • Videolink: voeg de YouTube-URL voor de video toe.
  • Overlay weergeven: voeg een kleurlaag toe aan je video om tekst beter leesbaar te maken. Als je de videostijl instelt op Afbeelding met knop afspelen, wordt de overlay verwijderd tijdens het afspelen van de video.
  • Stijl: stel de stijl van de video in. De stijl Achtergrondvideo is alleen beschikbaar op een desktopcomputer. Als klanten je winkel bezoeken op een tablet of mobiel apparaat, zien ze altijd de stijl Afbeelding met knop afspelen.
  • Videohoogte: geef de hoogte van de video op.
  • Kop: voeg een kop toe voor de video.
  • Tekstgrootte: voeg tekst toe aan de video. Als je de videostijl instelt op Afbeelding met knop afspelen, wordt de tekst verwijderd tijdens het afspelen van de video.

Een video toevoegen aan je homepage

  1. Klik op Sectie toevoegen.
  2. Klik op Video en vervolgens op Selecteren.
  3. Gebruik de instellingen om het videogedeelte aan te passen.
  4. Klik op Opslaan.

Diavoorstelling

Je kunt een diavoorstelling met afbeeldingen toevoegen aan je homepage. In de sectie diavoorstelling kun je de hoogte van de dia's instellen, tekst en knoppen toevoegen en kiezen of je diavoorstelling automatisch wordt afgespeeld.

De sectie diavoorstelling bevat de volgende instellingen:

  • Afbeeldingsdia: kies een afbeelding die je wilt opnemen in de diavoorstelling. Je kunt een afbeelding uploaden, een eerder geüploade afbeelding gebruiken of een gratis stockafbeelding van Burst selecteren. Je kunt de volgende instellingen gebruiken voor elke dia: - Afbeeldingspositie: kies de uitlijning van de afbeelding in het frame van de diavoorstelling. In de onderstaande richtlijnen vind je meer informatie over de Afbeeldingspositie.

    • Kop: voeg de primaire tekst die moet worden gekoppeld toe aan de afbeelding.
    • Subkop: voeg de secundaire tekst toe die moet worden gekoppeld aan de afbeelding. Deze tekst wordt weergegeven onder de kop tekst.
    • Knoplabel: voeg de tekst toe die je op de knop wilt weergeven.
    • 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.
  • Diahoogte: Stel de hoogte van de diavoorstelling in. Lees meer over wat de invloed van de diahoogte op je diavoorstelling is.

  • Tekstgrootte: stel de grootte van de koppen in de diavoorstelling in.

  • Tekstuitlijning: kies de positie van de tekst op je dia's.

  • Overlay tonen: voeg een afbeeldingsoverlay toe tussen een afbeelding en de tekst die op de afbeelding wordt geplaatst. Overlays kunnen helpen met kleurcontrast en leesbaarheid. Je kunt de kleur en ondoorschijnendheid van de overlay instellen in de kleurinstellingen.

  • Automatisch roteren tussen dia's: Stel de diavoorstelling in om automatisch af te spelen.

  • Wijzig dia's elke: selecteer hoe vaak een nieuwe dia moet worden gewijzigd.

Zie de richtlijnen voor diavoorstellingen voor meer informatie over het bijsnijden van afbeeldingen en aanbevolen afbeeldingsformaten.

Een diavoorstelling toevoegen aan je homepage

  1. Klik op Sectie toevoegen.
  2. Klik op Diavoorstelling en dan op Selecteren.
  3. Voer de volgende stappen uit om een afbeeldingsdia toe te voegen:

    1. Klik in het gebied Content op Afbeeldingsdia toevoegen.
    2. Selecteer onder Afbeelding de optie Afbeelding selecteren. Upload de afbeelding van je computer door op Uploaden te klikken. Als je een gratis stockafbeelding van Burst wilt gebruiken, klik op Gratis afbeeldingen.
    3. Selecteer een positie in het vervolgkeuzemenu Afbeeldingspositie als je wilt kiezen hoe je de afbeelding in de diavoorstelling wilt uitlijnen. In de onderstaande richtlijnen vind je meer informatie over de afbeeldingspositie.
    4. Typ tekst in het veld Kop, het veld Subkop of beide als je tekst aan de afbeeldingsdia wilt toevoegen.
    5. Voeg een knop toe aan je afbeeldingsdia door tekst in te voeren in het veld Knoplabel. Selecteer een deel van je onlinewinkel waaraan de knop moet worden gekoppeld, in het veld Knoplink.
  4. Gebruik de instellingen om de sectie diavoorstelling aan te passen.

  5. Klik op Opslaan.

Richtlijnen voor diavoorstellingen

Je kunt de onderstaande instellingen en aanbevelingen voor afbeeldingen gebruiken om te bepalen hoe de diavoorstelling er in je onlinewinkel uit moet zien. Hoe je dia's worden weergegeven, wordt door de volgende factoren bepaald:

  • De afmetingen van je afbeeldingen
  • Je instellingen voor de afbeeldingspositie
  • Je instellingen voor de diahoogte
  • De breedte-/hoogteverhouding van je afbeeldingen

Vanwege verschillen in de grootte en vorm van het scherm kunnen je dia's er anders uitzien op mobiele apparaten en desktops.

Aanbevelingen voor de afbeeldingsgrootte

De aanbevolen afmetingen voor de afbeeldingen in een diavoorstelling zijn afhankelijk van de instellingen voor de diahoogte. Gebruik de volgende richtlijnen:

Aanbevelingen voor de afbeeldingsgrootte via instellingen
Instelling voor diahoogte Aanbevolen breedte Aanbevolen hoogte
Aanpassen aan eerste afbeelding 1200 pixels 600 pixels
Klein 1200 pixels 475 pixels
Gemiddeld 1200 pixels 489 pixels
Groot 1200 pixels 775 pixels

Raadpleeg stap 5 van de instructies voor het maken van een diavoorstelling als je de instellingen voor de diahoogte wilt bekijken of wijzigen.

Afbeeldingen bijsnijden

Je kunt stappen nemen om te bepalen hoe je afbeeldingen worden bijgesneden of om bijsnijden van afbeeldingen te voorkomen.

Bepalen hoe je afbeeldingen worden bijgesneden

Je kunt in de volgende situaties verwachten dat afbeeldingen bij sommige schermgrootten worden bijgesneden:

  • Je afbeeldingen hebben niet dezelfde breedte-/hoogteverhouding.
  • De diahoogte is ingesteld op Klein, Gemiddeld of Groot.
  • Je diahoogte is ingesteld op Aanpassen aan eerste afbeelding en je afbeeldingen zijn hoger dan het apparaatscherm of browservenster.

Je kunt bepalen hoe je afbeeldingen worden bijgesneden door de instelling Afbeeldingspositie te gebruiken.

Voor elke afbeelding kun je kiezen welk onderdeel je in het zicht wilt houden wanneer je bijsnijdt. In het volgende voorbeeld zie je hoe bij sommige schermgrootten dezelfde afbeelding kan worden bijgesneden. Voor de dia links is de afbeeldingspositie ingesteld op Centraal in het midden. Voor de dia rechts is de afbeeldingspositie ingesteld op Linksboven.

Een voorbeelddia die verschillend is bijgesneden, afhankelijk van de instelling voor de afbeeldingspositie.

Raadpleeg stap 10 van de instructies voor het maken van een diavoorstelling als je de instellingen voor de afbeeldingspositie wilt bekijken of wijzigen.

Het bijsnijden van afbeeldingen vermijden

Probeer de volgende stappen om het bijsnijden van afbeeldingen in je diavoorstelling te voorkomen:

  • Stel de diahoogte in op Aanpassen aan eerste afbeelding.
  • Gebruik afbeeldingen die twee keer zo breed zijn als ze hoog zijn. Dergelijke afbeeldingen hebben een breedte-/hoogteverhouding van 2:1. De aanbevolen afmetingen zijn 1200 x 600 pixels.
  • Zorg ervoor dat alle afbeeldingen dezelfde breedte-/hoogteverhouding hebben. De breedte-/hoogteverhouding van de dia's is belangrijker dan hun afmetingen in pixels.

In het volgende voorbeeld wordt een afbeelding van een diavoorstelling met een verhouding van 2:1 weergegeven op een desktop en op een mobiel apparaat:

Een dia wordt weergegeven op een desktop en een mobiel apparaat zonder bijsnijden.

Diahoogte

De breedte van de sectie diavoorstelling is altijd 100% van het browservenster. De hoogte van je dia's is relatief ten opzichte van de breedte. Vanwege verschillen in schermgrootte variëren de breedte en hoogte van je dia's voor verschillende apparaten. De hoogte van je dia's wordt ook beïnvloed door je instellingen voor de diahoogte.

Je kunt de instelling voor diahoogte Aanpassen aan eerste afbeelding gebruiken om de hoogte van je diavoorstelling te baseren op de hoogte van je eerste afbeelding. Deze instelling werkt het best als alle afbeeldingen dezelfde grootte of dezelfde breedte-/hoogteverhouding hebben. Als je afbeeldingen verschillende grootten of breedte-/hoogteverhoudingen hebben, kun je de volgorde van je dia's wijzigen om te zien hoe ze er met verschillende hoogten uitzien.

In het volgende voorbeeld wordt de kortste dia het eerst gepositioneerd:

Een dia die korter is, bepaalt de hoogte van de andere twee dia's. Omdat de andere dia's hoger zijn, worden ze aan de boven- en onderkant bijgesneden.

In het volgende voorbeeld wordt een hogere dia het eerst gepositioneerd:

Een dia met gemiddelde hoogte bepaalt de hoogte van de andere twee dia's. De dia die hoger is, wordt aan de boven- en onderkant bijgesneden. De dia die korter is, wordt aan de zijkanten bijgesneden.

Als je in plaats daarvan de hoogte-instellingen Klein, Gemiddeld of Groot gebruikt, word je verwezen naar de aanbevelingen voor de afbeeldingsgrootte voor je dia's.

Breedte-/hoogteverhoudingen van afbeeldingen

Als je in de diavoorstelling het bijsnijden van afbeeldingen wilt vermijden, is de aanbevolen breedte-/hoogteverhouding voor de afbeeldingen 2:1.

Als je je geen zorgen maakt over bijsnijden op desktopschermen maar wel invloed wilt hebben op de weergave op mobiele apparaten, gebruik dan afbeeldingen die vierkant zijn of afbeeldingen die hoger zijn dan dat ze breed zijn. In de volgende voorbeelddia wordt een vierkante afbeelding getoond met een breedte-/hoogteverhouding van 1:1.

Op een desktop en een mobiel apparaat wordt een vierkante dia weergegeven. De afbeelding is bijgesneden op de desktop, maar niet bijgesneden op het mobiele apparaat.

In de volgende voorbeelddia wordt een staande afbeelding getoond met een breedte-/hoogteverhouding van 2:3.

Op een desktop en een mobiel apparaat wordt een hoge dia weergegeven. De afbeelding is bijgesneden op de desktop, maar niet bijgesneden op het mobiele apparaat.

Klaar om te beginnen met verkopen met Shopify?

Probeer het gratis