Doc

Usa l'App Embed Extension per mostrare contenuti dal sito web

Aggiornato March 28, 2025

Usare l'estensione Mobile App Embed in Evlop

Introduzione

L'estensione Mobile App Embed ti permette di incorporare facilmente pagine del tuo sito web o del tuo sito Shopify nella tua app mobile Evlop. Mostra solo il contenuto principale della pagina, nascondendo automaticamente header, footer e altri elementi non essenziali per garantire un'esperienza utente fluida all'interno della tua app.

Quando usarla

  • Mostrare rapidamente pagine web personalizzate o complesse senza ricrearle.
  • Garantire coerenza tra il tuo sito web e la tua app mobile.
  • Includere direttamente nell'app informative, FAQ o pagine speciali.

Come funziona

L'estensione identifica l'elemento HTML <main> direttamente all'interno del tag <body> del tuo sito web o del tuo sito Shopify, mostrando solo questo contenuto nell'app e nascondendo tutti gli altri elementi. Per risultati ottimali, assicurati che il tema del tuo sito posizioni il tag <main> direttamente all'interno di <body>, con header e footer anch'essi all'interno del tag <body> ma fuori da <main>.

Risoluzione dei problemi

1. Se dopo l'attivazione non viene visualizzato nulla

  • Verifica: conferma che il tema del tuo sito web abbia un tag HTML <main> direttamente all'interno del <body> attorno al contenuto principale.
  • Risolvi: se il tag <main> manca, aggiungilo al codice del tuo tema o contatta lo sviluppatore del tema per assistenza.
  • Verifica: assicurati che Mobile App Embed sia attivato nelle impostazioni del tema Shopify:
    • Vai a Shopify Admin > Online Store > Themes > Customize.
    • Vai a Theme Settings > App Embeds.
    • Attiva l'estensione Mobile App Embed.
  • Risolvi: se non è attivato, abilitalo e salva le impostazioni del tema.

2. Se l'intestazione o il piè di pagina è ancora visibile

  • Verifica: controlla la struttura del tema del tuo sito web. Intestazioni e piè di pagina devono trovarsi all'interno del tag <body> ma al di fuori del tag <main>.
  • Risolvi: modifica la struttura del tema spostando intestazioni e piè di pagina fuori dal <main>. Se non ti senti a tuo agio a modificare il codice, contatta lo sviluppatore del tema.

Per ulteriore assistenza, contatta il supporto Evlop.