Breid je thema uit met apps

Je bedrijf laten groeien

Blader door de collectie van de Online Store 2.0-app om apps te vinden die naadloos kunnen worden geïntegreerd met je webshop. Je kunt app-functionaliteit overal in je thema toevoegen met behulp van app-blokken en ingesloten apps.

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

Apps kunnen op de volgende manieren integreren met je thema:

• Als een app-blok: met app-blokken kun je app-functionaliteit precies toevoegen waar je het in je thema wilt gebruiken. Je kunt app-blokken toevoegen, verwijderen, opnieuw weergeven en aanpassen via de themabewerker.
• Als een ingesloten app: ingesloten apps zijn elementen die zweven of verschijnen als een overlay in je thema, of code aan je webshop toevoegen zonder zichtbaar te zijn voor je klanten. Je kunt de ingesloten apps activeren, deactiveren, bekijken en aanpassen via de themabewerker.
• Door aangepaste code toe te voegen: sommige apps plaatsen code direct in de code van je thema om functionaliteit aan je thema toe te voegen. Je kunt de app aanpassen met de app-instellingen of met de themabewerker.

Opmerking

Als je ervoor kiest om apps voor je thema te installeren en later je gepubliceerde thema te wijzigen, activeer je die apps opnieuw in je nieuwe thema, omdat ze niet standaard actief zijn.

Appblokken

Je kunt apps toevoegen als blokken in een sectie en als secties in een template. Hiermee kun je app-functionaliteit precies toevoegen waar je deze op een pagina wilt gebruiken. Je kunt app-blokken toevoegen, verwijderen, verplaatsen en aanpassen via de themabewerker.

App-blokken zijn mogelijk alleen compatibel met bepaalde paginatypen. Een app voor maattabellen is mogelijk alleen compatibel met productpagina's.

Opmerking

App-blokken kunnen alleen worden gebruikt met Online Store 2.0-thema's. Als je een vintage thema gebruikt, dan moet je de app-vermelding en documentatie lezen om te begrijpen of de app compatibel is met je thema.

Een app-blok dat in een sectie wordt gebruikt:

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

Opmerking

De zoekbalk zoekt door je geïnstalleerde apps en niet door de hele app-bibliotheek.

Ondersteuning app-blok in secties

Sommige themasecties ondersteunen mogelijk geen app-blokken. Om te bepalen welke van je themasecties 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 in het Shopify-beheercentrum naar webshop > Thema's.
2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
3. Navigeer naar de pagina en sectie waar 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 balk Zoeken en voer de zoekterm in om door je geïnstalleerde apps te zoeken.
6. Optioneel: Klik 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.
7. Klik op Opslaan.

iPhone

1. Tik in de Shopify-app op de knop ….
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Tik op bewerken.
6. Navigeer naar de pagina en sectie waar je het app-blok wilt toevoegen.
7. Klik 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 klik op de balk Zoeken en voer de zoekterm in om door je geïnstalleerde apps te zoeken.
9. Optioneel: Klik 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. Klik op Opslaan.

Android

1. Tik in de Shopify-app op de knop ….
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Tik op bewerken.
6. Navigeer naar de pagina en sectie waar je het app-blok wilt toevoegen.
7. Klik 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 klik op de balk Zoeken en voer de zoekterm in om door je geïnstalleerde apps te zoeken.
9. Optioneel: Klik 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. Klik op Opslaan.

Een app-blok aan een template toevoegen

Desktop

1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
3. Navigeer naar de pagina waar 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 dat je aan de pagina wilt toevoegen of klik op de balk Zoeken en voer tekst in om door je geïnstalleerde apps te zoeken.
6. Optioneel: Klik 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.
7. Klik op Opslaan.

iPhone

1. Tik in de Shopify-app op de knop ….
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Tik op bewerken.
6. Navigeer naar de pagina waar je de app-sectie wilt toevoegen.
7. Klik in de zijbalk op Sectie toevoegen.
8. Selecteer in de vervolgkeuzelijst in de sectie Apps de app dat je aan de pagina wilt toevoegen of klik op de balk Zoeken en voer tekst in om door je geïnstalleerde apps te zoeken.
9. Optioneel: Klik 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. Klik op Opslaan.

Android

1. Tik in de Shopify-app op de knop ….
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Tik op bewerken.
6. Navigeer naar de pagina waar je de app-sectie wilt toevoegen.
7. Klik in de zijbalk op Sectie toevoegen.
8. Selecteer in de vervolgkeuzelijst in de sectie Apps de app dat je aan de pagina wilt toevoegen of klik op de balk Zoeken en voer tekst in om door je geïnstalleerde apps te zoeken.
9. Optioneel: Klik 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. Klik op Opslaan.

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

Ingesloten apps

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

Activeer een ingesloten app

Desktop

1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
2. Zoek het thema dat je wilt bewerken en klik vervolgens op Aanpassen.
3. Klik in de zijbalk op het pictogram App insluiten.
4. Selecteer de ingesloten app die je wilt activeren of klik op de zoekbalk en voer een zoekterm in om je geïnstalleerde apps te doorzoeken.
5. Klik naast de ingesloten app die je wil activeren op de wisselknop om deze te activeren.
6. Optioneel: Bekijk de instellingen voor de ingesloten app door op het pictogram ▸ naast de naam van de ingesloten app te klikken.
7. Klik op Opslaan.
8. Bekijk een voorbeeld van je winkel om de ingesloten app live te zien.

iPhone

1. Tik in de Shopify-app op de knop ….
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Tik op ... > Ingesloten apps.
6. Selecteer de ingesloten app die je wil activeren of vul in de zoekbalk een zoekterm in om je geïnstalleerde apps te doorzoeken.
7. Tik naast de ingesloten app die je wil activeren op de wisselknop om deze te activeren.
8. Optioneel: Bekijk de instellingen voor de ingesloten app door op het pictogram ▸ naast de naam van de ingesloten app te klikken.
9. Tik op Opslaan.
10. Bekijk een voorbeeld van je winkel om de ingesloten app live te zien.

Android

1. Tik in de Shopify-app op de knop ….
2. Tik in het gedeelte Verkoopkanalen op webshop.
3. Tik op Alle thema's beheren.
4. Zoek het thema dat je wilt bewerken en tik vervolgens op Aanpassen.
5. Tik op ... > Ingesloten apps.
6. Selecteer de ingesloten app die je wil activeren of vul in de zoekbalk een zoekterm in om je geïnstalleerde apps te doorzoeken.
7. Tik naast de ingesloten app die je wil activeren op de wisselknop om deze te activeren.
8. Optioneel: Bekijk de instellingen voor de ingesloten app door op het pictogram ▸ naast de naam van de ingesloten app te klikken.
9. Tik op Opslaan.
10. Bekijk een voorbeeld van je winkel om de ingesloten app live te zien.

Apps toegevoegd aan themacode

Sommige apps plaatsen code rechtstreeks in de code van je thema om functionaliteit aan je thema toe te voegen. Nadat je de app hebt geïnstalleerd, ontvang je mogelijk instructies voor onboarding die het bewerken van je eigen code omvatten om app-functionaliteit toe te voegen waar je wilt dat deze in je thema wordt weergegeven. Je kunt de app aanpassen met behulp van de app-instellingen of met behulp van de themabewerker.

Als je thema een sectie Aangepaste Liquid biedt, dan kun je misschien je app code in een Custom Liquid sectie in de thema-editor zetten in plaats van je thema code direct te bewerken.