Help
Inloggen

Je thema uitbreiden met apps

Je kunt apps installeren om functies en integraties aan je thema toe te voegen. Je vindt apps in de Shopify App Store.

Apps kunnen op de volgende manieren met je thema integreren:

  • Als app-blok: met app-blokken kun je app-functionaliteit precies toevoegen waar je die in je thema wilt gebruiken. Je kunt app-blokken toevoegen, verwijderen, bekijken, verplaatsen en aanpassen via de themabewerker.
  • Als app-insluiting: app-insluitingen zijn door apps geleverde elementen die zweven of als een overlay in je thema worden weergegeven, of die code aan je webshop toevoegen zonder zichtbaar te zijn voor je klanten. Je kunt app-insluitingen activeren, deactiveren, bekijken en aanpassen via de themabewerker.
  • Door aangepaste code toe te voegen: sommige apps injecteren code rechtstreeks in de code van je thema om functionaliteit aan je thema toe te voegen. Je kunt de app aanpassen via de app-instellingen of de themabewerker.

Op deze pagina

App-blokken

Apps kunnen worden toegevoegd als blokken in een sectie en als secties in een template. Hiermee kun je app-functionaliteit precies toevoegen waar je die op een pagina wilt gebruiken. App-blokken kunnen via de themabewerker worden toegevoegd, verwijderd, verplaatst en aangepast.

App-blokken zijn mogelijk alleen compatibel met bepaalde paginatypen. Een app met een maattabel is bijvoorbeeld mogelijk alleen compatibel met productpagina's.

Een app-blok dat in een sectie wordt gebruikt:

Een app-blok dat in een sectie wordt gebruikt.

Een app-blok dat wordt gebruikt als een sectie in een template:

Een app-blok dat wordt gebruikt als een sectie in een template.

Ondersteuning voor app-blokken in secties

Sommige secties van je thema ondersteunen mogelijk geen app-blokken. Om te zien welke secties van je thema app-blokken ondersteunen, raadpleeg je de documentatie van je thema of neem je contact op met je thema-ontwikkelaar.

Als een sectie app-blokken ondersteunt en je een compatibele app hebt geïnstalleerd, wordt er een sectie Apps weergegeven in de blokkiezer.

Een app-blok aan een sectie toevoegen

Desktop

  1. Ga vanuit je Shopify-beheercentrum naar Webshop > Thema's.

  2. Zoek het thema dat je wilt bewerken en klik op Thema bewerken.

  3. Ga naar de pagina en sectie waaraan je het app-blok wilt toevoegen.

  4. Klik in de zijbalk op Blok toevoegen.

  5. Selecteer in de vervolgkeuzelijst, in de sectie Apps, het app-blok dat je aan de sectie wilt toevoegen, of klik op de zoekbalk en voer een zoekterm in om je geïnstalleerde apps te doorzoeken.

  6. Optioneel: klik op het pictogram ⠿ en sleep het om het blok naar een andere beschikbare locatie op de pagina te verplaatsen. Je kunt het blok ook aanpassen met de beschikbare instellingen.

  7. Klik op Opslaan.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in de sectie Verkoopkanalen op Webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema dat je wilt bewerken en tik op Thema bewerken.

  5. Tik op Bewerken.

  6. Ga naar de pagina en sectie waaraan je het app-blok wilt toevoegen.

  7. Tik in de zijbalk op Blok toevoegen.

  8. Selecteer in de vervolgkeuzelijst in de sectie Apps het app-blok dat je aan de sectie wilt toevoegen, of tik op de zoekbalk en voer een zoekterm in om je geïnstalleerde apps te doorzoeken.

  9. Optioneel: Tik en sleep het pictogram ⠿ om het blok naar een andere beschikbare locatie op de pagina te verplaatsen. Je kunt het blok ook aanpassen met de beschikbare instellingen.

  10. Tik op Opslaan of ✓.

Een app-blok aan een template toevoegen

Desktop

  1. Ga vanuit je Shopify-beheercentrum naar Webshop > Thema's.

  2. Zoek het thema dat je wilt bewerken en klik op Thema bewerken.

  3. Ga naar de pagina waaraan je de app-sectie wilt toevoegen.

  4. Klik in de zijbalk op Sectie toevoegen.

  5. Selecteer in de vervolgkeuzelijst in de sectie Apps de app die je aan de pagina wilt toevoegen of klik op de zoekbalk en voer tekst in om je geïnstalleerde apps te doorzoeken.

  6. Optioneel: klik op het pictogram ⠿ en sleep het om het blok naar een andere beschikbare locatie op de pagina te verplaatsen. Je kunt het blok ook aanpassen met de beschikbare instellingen.

  7. Klik op Opslaan.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in de sectie Verkoopkanalen op Webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema dat je wilt bewerken en tik op Thema bewerken.

  5. Tik op Bewerken.

  6. Ga naar de pagina waaraan je de app-sectie wilt toevoegen.

  7. Tik in de zijbalk op Sectie toevoegen.

  8. Selecteer in de vervolgkeuzelijst in de sectie Apps de app die je aan de pagina wilt toevoegen of tik op de zoekbalk en voer tekst in om je geïnstalleerde apps te doorzoeken.

  9. Optioneel: Tik en sleep het pictogram ⠿ om het blok naar een andere beschikbare locatie op de pagina te verplaatsen. Je kunt het blok ook aanpassen met de beschikbare instellingen.

  10. Tik op Opslaan of ✓.

De app wordt toegevoegd als een blok in een Apps-sectie. Je kunt extra app-blokken aan de sectie toevoegen. Je kunt ook meerdere Apps-secties aan een pagina toevoegen.

App-insluitingen

App-insluitingen zijn door apps aangeleverde elementen die zweven of als een overlay in je thema worden weergegeven, of die code aan je webshop toevoegen zonder zichtbaar te zijn voor je klanten. Een chatballon-app die in een hoek van je winkel verschijnt, of een analytics- of tracking-app kan bijvoorbeeld als app-insluiting aan je winkel worden toegevoegd. App-insluitingen kunnen worden geactiveerd, gedeactiveerd en aangepast via de themabewerker. App-insluitingen kunnen met elke themaversie worden gebruikt.

Als je meerdere markten hebt, kun je de app-insluitingen voor elke markt aanpassen. Je kunt bijvoorbeeld een chat-app-insluiting alleen voor je markt Noord-Amerika activeren, of verschillende instellingen voor app-insluitingen configureren voor verschillende markten. Als je app-insluitingen voor een specifieke markt wilt aanpassen, selecteer je de markt in de vervolgkeuzelijst Markt in de themabewerker voordat je app-insluitingen activeert of configureert. Zie Je thema aanpassen voor specifieke markten of Shopify B2B voor meer informatie over het aanpassen van je thema voor specifieke markten.

Een ingesloten app-blok.

Een app-insluiting activeren

Desktop

  1. Ga vanuit je Shopify-beheercentrum naar Webshop > Thema's.

  2. Zoek het thema dat je wilt bewerken en klik op Thema bewerken.

  3. Optioneel: Als je de app-insluiting voor een specifieke markt wilt aanpassen, klik je op de vervolgkeuzelijst Markt en selecteer je de markt die je wilt aanpassen. Als je geen markt selecteert, worden de wijzigingen toegepast op de Standaardwinkel.

  4. Klik in de zijbalk op het pictogram App-insluitingen.

  5. Selecteer de app-insluiting die je wilt activeren of klik op de zoekbalk en voer een zoekterm in om je geïnstalleerde apps te doorzoeken.

  6. Klik naast de app-insluiting die je wilt activeren op de wisselknop om deze te activeren.

  7. Optioneel: Bekijk de instellingen voor de app-insluiting door op het uitklappictogram ▸ naast de naam van de app-insluiting te klikken.

  8. Klik op Opslaan.

  9. Bekijk een voorbeeld van je winkel om de ingesloten app live te zien.

Mobiel

  1. Tik in de Shopify-app op het pictogram Menu.

  2. Tik in de sectie Verkoopkanalen op Webshop.

  3. Tik op Alle thema's beheren.

  4. Zoek het thema dat je wilt bewerken en tik op Thema bewerken.

  5. Optioneel: Als je de app-insluiting voor een specifieke markt wilt aanpassen, tik je op de vervolgkeuzelijst Markt en selecteer je de markt die je wilt aanpassen. Als je geen markt selecteert, worden de wijzigingen toegepast op de Standaardwinkel.

  6. Tik op … > App-insluitingen.

  7. Selecteer de app-insluiting die je wilt activeren of voer een zoekterm in de zoekbalk in om je geïnstalleerde apps te doorzoeken.

  8. Tik naast de app-insluiting die je wilt activeren op de wisselknop om deze te activeren.

  9. Optioneel: Bekijk de instellingen voor de app-insluiting door op het uitklappictogram ▸ naast de naam van de app-insluiting te tikken.

  10. Tik op Opslaan.

  11. Bekijk een voorbeeld van je winkel om de ingesloten app live te zien.

Apps toevoegen aan themacode

Sommige apps injecteren code rechtstreeks in de code van je thema om functionaliteit aan je thema toe te voegen. Nadat je de app hebt geïnstalleerd, krijg je mogelijk onboardinginstructies waarin staat dat je je eigen code moet bewerken om de app-functionaliteit toe te voegen waar je deze in je thema wilt weergeven. Je kunt de app aanpassen via de app-instellingen of de themabewerker.

Als je thema een Custom Liquid-sectie biedt, kun je de code van je app hieraan toevoegen in de themabewerker in plaats van je themacode rechtstreeks te bewerken.