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.