Secties voor Express

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

Statische secties

Express bevat de volgende statische secties:

  • Koptekst
  • Voettekst
  • Product
  • Productaanbevelingen

Dynamische secties

Express bevat de volgende dynamische secties:

  • Uitgelichte collecties
  • Uitgelicht product
  • Aangepaste content
  • Afbeelding met tekst

Koptekst

De koptekst van je thema is de sectie die bovenaan elke pagina in je winkel wordt weergegeven.

Je kunt de volgende artikelen in je koptekst aanpassen:

  • Logo
  • Aankondigingsbalk
  • Menu
  • Zoeken

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. De maximumbreedte voor een logo is 180 px. Je kunt de grootte van het logo wijzigen door de breedte te vergroten of te verkleinen.

  1. Klik op Koptekst. 5. Klik in het gebied Logo-afbeelding op Afbeelding selecteren en voer een van de volgende handelingen uit: * als je een afbeelding wilt selecteren die je al hebt geüpload naar je Shopify-beheercentrum, klik je op het tabblad Bibliotheek. * Als je een afbeelding wilt selecteren vanaf je computer, klik je op Bibliotheek > Uploaden. 6. Gebruik de schuifregelaar Aangepaste logobreedte om de breedte van het logo aan te passen. 8. 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 Koptekst. 5. Schakel in het gebied Aankondigingsbalk de optie Aankondiging weergeven in. 6. Voer de tekst voor je aankondiging in. 7. Optioneel: voer een URL in om een link naar je aankondiging toe te voegen. 8. Optioneel: selecteer in het Pictogrammenu een pictogram dat je op de aankondigingsbalk wilt weergeven. Het pictogram gebruikt dezelfde kleur als je aankondigingstekst. 9. Klik op de staal Balkkleur en kies een kleur om de kleur van de achtergrond van de aankondigingsbalk te wijzigen. 10. Klik op de staal Tekstkleur en kies een kleur om de kleur van de aankondigingstekst te wijzigen. 11. 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.

Zoeken inschakelen

Je kunt een zoekoptie toevoegen aan de koptekst, zodat klanten snel artikelen in je winkel kunnen vinden.

  1. Klik op Koptekst. 2. Vink Zoekopdracht weergeven aan. 3. 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
  • een menu
  • een aanmelding voor een nieuwsbrief
  • een tekstsectie met informatie over je bedrijf
  • pictogrammen voor social media
  • een taalkiezer

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
  • Nieuwsbrief
  • Tekst

    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

  1. Klik op Thema-instellingen.

  2. Klik op Social media.

    1. Klik in het gebied Afbeelding voor sociaal delen op Afbeelding selecteren of Gratis afbeeldingen ontdekken als je een afbeelding voor sociaal delen wilt uploaden.
  3. Schakel een of meer van de volgende opties in om knoppen voor het delen via social media aan je producten en blogberichten toe te voegen:

- Delen op Facebook - Twitteren op Twitter - Pinnen op Pinterest (niet beschikbaar voor delen van blogposts)

  1. Als je links naar je sociale media-accounts wilt toevoegen, voer je in de velden onder Accounts de links naar je accounts in. Voer volledige links in, zoals https://instagram.com/shopify of https://twitter.com/shopify.

    1. Als je de stijl van de knoppen voor het delen wilt wijzigen, selecteer je Volledig gemerkt of Alleen logo in het menu Knopstijl.
  2. Klik op Opslaan.

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.

Product

De productpagina wordt weergegeven wanneer een koper op een product van een Uitgelichte collectie klikt. Hiermee wordt de beschrijving, prijs, varianten en afbeeldingen van je product weergegeven. Je kunt ervoor kiezen om gebruikers naar een nieuwe pagina te leiden of de productdetails weer te geven in een overlay op de homepage. Deze instelling wordt beheerd door je Thema-instellingen. Wanneer Productpagina's in een overlay weergeven is ingesachakeld, wordt de productpagina weergegeven als een overlay wanneer een product wordt geselecteerd uit een Uitgelichte collectie.

De sectie Product bevat de volgende instellingen:

  • Hoeveelheidskiezer weergeven: laat gebruikers een aantal opgeven om aan hun winkelwagen toe te voegen.
  • Leverancier tonen - Toon het productmerk of de leverancier in de productpagina. Als je een merk of leverancier wilt weergeven, moet je een leverancier aan het product toevoegen.
  • Dynamische betaalknop weergeven: laat klanten de winkelwagen overslaan en rechtstreeks naar de kassa gaan in de sectie Uitgelichte producten.
  • Productpagina's in een overlay weergeven: Selecteer deze optie om productdetails weer te geven in een overlay op de huidige pagina. Deze overlay wordt weergegeven wanneer een product is geselecteerd uit een uitgelichte collectie.
  • Knoppen voor delen via social media weergeven: knoppen weergeven die je klanten kunnen gebruiken om je producten op sociale media te delen. Deze knoppen worden beheerd door je thema-instellingen.

Bewerk de productinstellingen

  1. Klik op Product. 2. Gebruik de instellingen om je productpagina aan te passen. 3. 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.

Als Productpagina's weergeven in een overlay is ingeschakeld voor je productpagina, worden producten in een overlay op de huidige pagina weergegeven wanneer ze vanuit deze sectie worden geopend.

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: als je wil dat klanten rechtstreeks vanuit het gedeelte met Productaanbevelingen producten aan de winkelwagen kunnen toevoegen, selecteert dan Knop 'Snel kopen' inschakelen.
    2. Optioneel: gebruik het selectievakje Verkoper weergeven om de verkopers in de productbeschrijvingen te tonen of te verbergen.
  5. Klik op Opslaan.

Uitgelichte collecties

Je kunt meerdere collecties in één sectie op je homepage weergeven. Collecties worden weergegeven als tabbladen waarnaar klanten kunnen navigeren.

Wanneer een klant een of meer producten van een uitgelichte collectie aan zijn winkelwagen toevoegt, wordt de hoeveelheid van het product dat aan de winkelwagen is toegevoegd, weergegeven als een badge op het product.

Een uitgelichte collectiesectie die meerdere collecties bevat. De naam van de collectie wordt weergegeven als klikbare tabbladen bovenaan de sectie.

De sectie uitgelichte collecties bevat de volgende instellingen:

  • Collectie: kies de collecties die je wilt opnemen in de sectie Uitgelichte collecties.
  • Grootte collectielijst: kies het aantal producten dat standaard wordt weergegeven. Deze instelling is van toepassing op alle collecties in de sectie Uitgelichte collecties. - Klein - 6 producten

    • Gemiddeld - 18 producten
    • Groot - 36 producten
  • Afbeeldingsstijl: kies de stijl voor de afbeeldingsbijsnijding voor de productafbeeldingen in de collecties. Deze instelling is van toepassing op alle collecties in de sectie.

Sectie uitgelichte collecties toevoegen aan je homepage

  1. Klik op Sectie toevoegen. 2. Klik op Uitgelichte collecties en klik vervolgens op Selecteren. 3. Selecteer in het gebied content een Collectie-blok, of klik op Collectie toevoegen. 4. Klik op Collectie selecteren. 5. Selecteer in de lijst Collectie de collectie die je op het tabblad wilt weergeven en klik vervolgens op Selecteren.
To add a collection, click the **Add collection** link to open the [**Create collection**](/manual/products/collections) page in a new tab.

To add or remove products from the selected collection, click the **Edit collection** link to open the **Collections** page in a new tab.
  1. Herhaal stappen 3 tot 5t om meer collecties aan de sectie toe te voegen.
  2. 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.
  • Leverancier weergeven: geef het productmerk of de fabrikant weer in de sectie uitgelicht product. Als je een merk of leverancier wilt weergeven, moet je een leverancier aan het product toevoegen.
  • Dynamische betaalknoppen 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. Deze knoppen worden beheerd door je thema-instellingen.
  • Productafbeelding: geef aan of je een vierkante of cirkelvormige uitsnede van je uitgelichte productafbeeldingen wilt toevoegen.

Een uitgelichte productsectie toevoegen

  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.

Aangepaste content

In het gedeelte Aangepaste content kun je verschillende contentblokken samen groeperen. De breedte en uitlijning van elk blok kan worden aangepast voor een aangepaste opmaak.

De sectie Aangepaste content bevat de volgende instellingen:

  • Kop: de titel van de sectie.
  • Mobiele opmaak: de opmaak van de blokken wanneer je winkel vanaf een mobiel apparaat wordt bekeken. Kies een van de volgende opties: - Raster: blokken tot 50% breedte worden in dezelfde rij weergegeven. Containers boven de breedte van 50% worden weergegeven in hun eigen rij.
    • Stapel: elk blok wordt in zijn eigen rij weergegeven.
    • Slider: blokken zijn ingeklapt in één sectie als diavoorstelling. Klanten kunnen op de navigatiepijlen klikken om extra blokken te bekijken.

Je kunt kiezen uit de volgende soorten bloktypen.

Aangepaste content bloktypen
Bloktype Instellingen
Tekst

Kop: voeg een kop toe aan het tekstblok.

Tekst: voeg aangepaste tekst toe en maak deze op.

Knoplabel: voeg een knop met een tekstlabel toe aan het blok.

Knoplink: voeg de tekst toe die je op de knop wilt weergeven.

Tekstgrootte: stel de grootte van de tekst in.

Containerbreedte: stel de breedte van het blok in.

Verticale uitlijning: stel de verticale positie van de content in het blok in.

Horizontale uitlijning: stel de horizontale positie van de content in het blok in.

Afbeelding

Afbeelding: voeg een afbeelding toe die in het blok wordt opgenomen. Je kunt een afbeelding uploaden, een eerder geüploade afbeelding gebruiken of een gratis stockafbeelding van Burst selecteren.

Containerbreedte: stel de breedte van het blok in.

Verticale uitlijning: stel de verticale positie van de content in het blok in.

Product

Product - Kies een product dat in het blok moet worden weergegeven. De productnaam, de afbeelding en de prijs worden weergegeven. Als het product geen afbeelding heeft, verschijnt de producttitel in het blok.

Containerbreedte: stel de breedte van het blok in.

Verticale uitlijning: stel de verticale positie van de content in het blok in.

Als Productpagina's weergeven in een overlay is ingeschakeld voor je productpagina, worden producten in een overlay op de huidige pagina weergegeven wanneer ze vanuit deze sectie worden geopend.

Collectie

Collectie - Kies een collectie die je wilt weergeven in het blok. De titel van de collectie en de uitgelichte afbeelding worden weergegeven. Als er geen uitgelichte afbeelding is, wordt een afbeelding van het eerste product in de collectie weergegeven. Als de producten in de collectie geen afbeeldingen hebben, wordt de titel van de collectie in het blok weergegeven.

Containerbreedte: stel de breedte van het blok in.

Verticale uitlijning: stel de verticale positie van de content in het blok in.

Menu

Menu: selecteer een menu om in het blok weer te geven.

Kop: voeg een kop toe voor het menu.

Containerbreedte: stel de breedte van het blok in.

Verticale uitlijning: stel de verticale positie van de content in het blok in.

Horizontale uitlijning: stel de horizontale positie van de content in het blok in.

Aangepaste content toevoegen aan je homepage

  1. Klik op Sectie toevoegen.

  2. Klik op Aangepaste content en klik vervolgens op Selecteren.

  3. Selecteer en configureer de contentblokken die je in de sectie wilt opnemen. Selecteer en configureer de contentblokken die je in de sectie wilt opnemen.

  4. Klik op Opslaan.

Afbeelding met tekst

Met Express 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 een afbeelding toe die in de sectie wordt opgenomen. Je kunt een afbeelding uploaden, een eerder geüploade afbeelding gebruiken of een gratis stockafbeelding van Burst selecteren.
  • Kop: voeg een primaire tekst toe die moet worden gekoppeld aan de afbeelding.
  • Tekst: deze tekst wordt weergegeven onder de kop tekst. 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.

Opmaakopties

  • Bureaublad: geef aan of de afbeelding in de sectie links of rechts wordt weergegeven op een desktop computer. Als je de afbeelding aan de linkerkant wilt weergeven, selecteer je Eerst afbeelding.
  • Mobiel: geef aan of de afbeelding in de sectie als eerste of tweede wordt weergegeven wanneer het vanaf een mobiel apparaat wordt bekeken.
  • Secundaire achtergrond: geef aan of je een secundaire achtergrondkleur wilt toevoegen aan de sectie. Selecteer Gedeeltelijk om de achtergrondkleur toe te voegen aan de eerste drievijfde van de sectie. Je kunt deze kleur wijzigen in de thema-instellingen. Je kunt deze kleur wijzigen in de thema-instellingen.
  • Tekstgrootte: selecteer de relatieve grootte van de kop en tekst in de sectie.
  • Afbeeldingsratio behouden: selecteer deze optie om te voorkomen dat je geselecteerde afbeelding wordt bijgesneden. Als je deze optie niet inschakelt, wordt de afbeelding bijgesneden in een vierkant.
  • Secundaire tekstkleur inschakelen: selecteer deze optie om de achtergrondkleur voor de achtergrondtekst voor de kop en tekst te gebruiken. Je kunt deze kleur wijzigen in de thema-instellingen.

Voeg een Afbeelding met tekst toe 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.
    • 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.
    • Als je een afbeelding wilt selecteren vanaf je computer, klik op het tabblad Bibliotheek en vervolgens op Uploaden.
  2. Gebruik de instellingen om de sectie aan te passen. 5. Klik op Opslaan.

Klaar om te beginnen met verkopen met Shopify?

Probeer het gratis