Kenniscentrum/Documentatie/Artikel
Documentatie

App Embed-extensie gebruiken om content van je website weer te geven

Bijgewerkt 28 maart 2025

Het Mobile App Embed Extension gebruiken in Evlop

Introductie

Met de Mobile App Embed Extension embed je pagina's van je website of Shopify-website naadloos in je Evlop mobiele app. Er wordt alleen de hoofdcontent van je webpagina weergegeven; headers, footers en andere niet-essentiële elementen worden automatisch verborgen voor een soepele gebruikerservaring in je app.

Wanneer gebruiken

  • Laat snel aangepaste of complexe websitepagina's zien zonder ze opnieuw te bouwen.
  • Zorg voor consistentie tussen je website en je mobiele app.
  • Neem policies, FAQ's of speciale pagina's direct op in de app.

Hoe het werkt

De extensie herkent het HTML-element <main> direct binnen de <body>-tag op je website of Shopify-website en toont alleen deze content in de app, terwijl alle andere elementen worden verborgen. Voor het beste resultaat moet je websitethema de <main>-tag direct binnen <body> plaatsen, met headers en footers ook binnen de <body>-tag maar buiten <main>.

Problemen oplossen

1. Als er niets wordt weergegeven na het inschakelen

  • Controleer: Controleer of je websitethema een <main> HTML-tag direct binnen de <body> rond je hoofdcontent heeft.
  • Los op: Als de <main>-tag ontbreekt, voeg deze dan toe aan je themacode of neem contact op met je thema-ontwikkelaar voor hulp.
  • Controleer: Zorg ervoor dat de Mobile App Embed is ingeschakeld in je Shopify-them instellingen:
    • Ga naar Shopify Admin > Online Store > Themes > Customize.
    • Navigeer naar Theme Settings > App Embeds.
    • Activeer de Mobile App Embed-extensie.
  • Los op: Als dit niet is geactiveerd, schakel het dan in en sla de thema-instellingen op.

2. Als de header of footer nog steeds wordt weergegeven

  • Controleer: Controleer de structuur van je websitethema. Headers en footers moeten binnen de <body>-tag staan maar buiten de <main>-tag.
  • Los op: Pas je themastructuur aan door headers en footers buiten <main> te plaatsen. Als je niet vertrouwd bent met het bewerken van code, neem dan contact op met je thema-ontwikkelaar.

Neem voor verdere hulp contact op met Evlop Support.