在 Evlop 中使用移动应用嵌入扩展

简介

移动应用嵌入扩展可让您无缝地将网站或 Shopify 网站的页面嵌入到 Evlop 移动应用中。它仅显示网页的主要内容，自动隐藏页眉、页脚及其他非必要元素，确保在您的应用内拥有流畅的用户体验。

何时使用

• 快速展示自定义或复杂的网站页面，无需重新制作。
• 确保网站与移动应用之间的一致性。
• 直接在应用中嵌入政策、常见问题或特殊页面。

工作原理

该扩展会识别您网站或 Shopify 网站的 <body> 标签内直接包含的 <main> HTML 元素，仅在应用中显示该内容并隐藏其他所有元素。为获得最佳效果，请确保您的网站主题将 <main> 标签直接放置在 <body> 中，且页眉和页脚也位于 <body> 内但在 <main> 之外。

故障排除

1. 启用后未显示任何内容

• 检查：确认您的网站主题在 <body> 内、主要内容周围直接包含 <main> HTML 标签。
• 解决：如果缺少 <main> 标签，请将其添加到主题代码中，或联系您的主题开发者寻求帮助。
• 检查：确保已在 Shopify 主题设置中启用 Mobile App Embed：
  • 前往 Shopify Admin > Online Store > Themes > Customize。
  • 进入 Theme Settings > App Embeds。
  • 启用 Mobile App Embed 扩展。
• 解决：如果尚未启用，请启用并保存主题设置。

2. 如果页眉或页脚仍然显示

• 检查：核实您的网站主题结构。页眉和页脚必须位于 <body> 标签内、<main> 标签之外。
• 解决：调整主题结构，将页眉和页脚移到 <main> 之外。如果您不熟悉代码编辑，请联系您的主题开发者。

如需进一步帮助，请联系 Evlop Support。