Centre de connaissances/Docs/Article
Docs

Utiliser l'extension App Embed pour afficher du contenu du site web

Mis à jour 28 mars 2025

Utiliser l’extension Mobile App Embed dans Evlop

Introduction

L’extension Mobile App Embed vous permet d’intégrer de façon fluide des pages de votre site web ou de votre boutique Shopify dans votre application mobile Evlop. Elle n’affiche que le contenu principal de votre page, masquant automatiquement les en‑têtes, pieds de page et autres éléments non essentiels afin d’assurer une expérience utilisateur fluide dans votre application.

Quand l’utiliser

  • Afficher rapidement des pages web personnalisées ou complexes sans les recréer.
  • Assurer la cohérence entre votre site web et votre application mobile.
  • Intégrer directement les politiques, FAQ ou pages spéciales dans l’application.

Comment ça fonctionne

L’extension identifie l’élément HTML <main> situé directement à l’intérieur de la balise <body> de votre site web ou de votre boutique Shopify, n’affichant que ce contenu dans l’application et masquant tous les autres éléments. Pour de meilleurs résultats, assurez‑vous que le thème de votre site place la balise <main> directement dans <body>, avec les en‑têtes et pieds de page également à l’intérieur de <body> mais en dehors de <main>.

Dépannage

1. Si rien ne s’affiche après l’activation

  • Check : Confirmez que le thème de votre site possède une balise <main> HTML directement à l'intérieur de la balise <body> autour de votre contenu principal.
  • Resolve : Si la balise <main> est absente, ajoutez‑la à votre code de thème ou contactez le développeur de votre thème pour obtenir de l’aide.
  • Check : Assurez‑vous que l’intégration Mobile App Embed est activée dans les paramètres de votre thème Shopify :
    • Allez à Shopify Admin > Online Store > Themes > Customize.
    • Naviguez vers Theme Settings > App Embeds.
    • Activez l’extension Mobile App Embed.
  • Resolve : Si elle n’est pas activée, activez‑la et enregistrez les paramètres du thème.

2. Si l’en‑tête ou le pied de page s’affichent toujours

  • Check : Vérifiez la structure du thème de votre site. Les en‑têtes et pieds de page doivent être à l’intérieur de la balise <body> mais à l’extérieur de la balise <main>.
  • Resolve : Ajustez la structure de votre thème en déplaçant les en‑têtes et pieds de page en dehors de <main>. Si vous n’êtes pas à l’aise avec la modification du code, contactez le développeur de votre thème.

Pour toute assistance supplémentaire, contactez le support Evlop.