Embedding Website Pages機能とは？

EvlopのEmbedding Website Pages機能を使うと、ウェブサイトの主要ページをそのままネイティブモバイルアプリに統合できます。オンライン上にすでにあるコンテンツ用に別途アプリ用ページをデザイン・開発する手間とコストを省き、ウェブページを埋め込むだけで済みます。

この機能により、アプリ内の特定の重要ページを最適化されたウェブビューに置き換えることができます。ランディングページや商品詳細ページ（PDP）など、カスタムデザインや高度な連携機能が実装されているページをアプリ内でそのまま表示したい場合に特に有効です。ウェブページを埋め込むことで、これらの実装に対する追加のカスタム開発費用がかかりません。

この機能は一貫したユーザー体験を提供し、アプリ開発プロセスを大幅に効率化します。埋め込まれたウェブページは最適化されており、アプリの機能とシームレスに統合されるため、まるで完全なネイティブアプリのように見え、感じられます。

埋め込み可能なウェブページ：

1. ランディングページ（ホームページ）
2. 全商品ページ
3. 商品詳細ページ
4. コレクションページ
5. コレクション商品ページ

🟢 埋め込みウェブページ機能の有効化方法

• Evlop Mobile App の Shopify ダッシュボードの機能ページで「Embedding Website Pages」機能を探して有効にします。その後、Configuration オプションで、モバイルアプリ用に最適化されたウェブページに置き換えたいページを選択してください。 

• 設定では、他の機能でまだ有効にしていない場合、evlop mobile app 用に evlop app embed を先に有効にする必要があります。

• ウェブサイトページの最適化されたウェブビューに置き換えるページを選択してください。 

この設定例ページでは、ランディングページ（ホームページ）と商品詳細ページ（PDP）の2ページを選択しています。必要に応じて5ページすべてを選択することも可能です。 

• 変更を保存します。 

以上で設定は完了です。

変更を反映するには、インストール済みのアプリを再起動する必要があります。

または、端末上のEvlop Shopアプリ（デバイスプレビュー）内で、更新内容を直接すばやくプレビューすることもできます。