Uso de la extensión Mobile App Embed en Evlop

Introducción

La extensión Mobile App Embed te permite insertar fácilmente páginas de tu sitio web o de tu sitio de Shopify en tu app móvil de Evlop. Muestra solo el contenido principal de tu página web y oculta automáticamente encabezados, pies de página y otros elementos no esenciales para garantizar una experiencia fluida dentro de tu app.

Cuándo usarla

Muestra rápidamente páginas web personalizadas o complejas sin tener que recrearlas.
Garantiza la coherencia entre tu sitio web y tu app móvil.
Incluye políticas, preguntas frecuentes o páginas especiales directamente en la app.

Cómo funciona

La extensión identifica el elemento HTML <main> directamente dentro de la etiqueta <body> de tu sitio web o de tu sitio de Shopify, mostrando solo ese contenido en la app y ocultando todos los demás elementos. Para obtener los mejores resultados, asegúrate de que el tema de tu sitio web coloque la etiqueta <main> directamente dentro de <body>, con los encabezados y pies de página también dentro de la etiqueta <body> pero fuera de <main>.

Solución de problemas

1. Si no se muestra nada después de activarla

Comprobar: Confirma que el tema de tu sitio web tenga una etiqueta HTML <main> directamente dentro de <body>, alrededor de tu contenido principal.
Resolver: Si falta la etiqueta <main>, añádela al código de tu tema o contacta con el desarrollador de tu tema para recibir ayuda.
Comprobar: Asegúrate de que el Mobile App Embed esté activado en la configuración de tu tema de Shopify:
- Ve a Shopify Admin > Online Store > Themes > Customize.
- Navega a Theme Settings > App Embeds.
- Activa la extensión Mobile App Embed.
Resolver: Si no está activado, actívalo y guarda la configuración del tema.

2. Si el encabezado o el pie de página siguen apareciendo

Comprobar: Verifica la estructura del tema de tu sitio web. Los encabezados y pies de página deben estar dentro de la etiqueta <body> pero fuera de la etiqueta <main>.
Resolver: Ajusta la estructura de tu tema moviendo los encabezados y pies de página fuera de <main>. Si no te sientes cómodo editando el código, contacta con el desarrollador de tu tema.

Para obtener más ayuda, contacta con el soporte de Evlop.