OS 3.0 テーマへのアプリの統合方法

OS 3.0 テーマでは、ストアにアプリを連携する方法として、アプリパーツとアプリ埋め込みの2つの方法があります。これらの連携オプションにより、ストアフロント上でのアプリの表示や機能をカスタマイズでき、より柔軟で魅力的なショッピング体験を構築できます。

それぞれの方法は、テーマ構造、アプリの機能、使用ケースに応じて独自の利点と制限があります。このガイドでは、アプリパーツとアプリ埋め込みの違い、テーマエディターでの設定方法、および各連携方法をサポートするアプリ機能について説明します。

アプリ連携タイプの理解

このセクションでは、アプリパーツとアプリ埋め込みの主な違いについて、機能、柔軟性、開発者によるカスタマイズのレベルを比較します。

アプリパーツの設定

アプリパーツを使うと、商品ページやトップページなどストアフロントの特定のセクションにアプリ提供の機能を挿入できます。これらのパーツはドラッグ＆ドロップで順序を調整し、レイアウトの好みに合わせて配置可能です。

アプリパーツを有効にする方法

1. SHOPLINE管理画面で、オンラインストア > デザインに移動します。

   

2. マイテーマタブで、現在のテーマセクションを見つけてデザインをクリックします。

   

3. テーマエディターでは、アプリパーツを追加する方法が2つあります：

方法1：ページモジュールの下にアプリパーツを追加する

1. 左側のサイドバーにあるパーツアイコンをクリックします。該当するページモジュールの下で、パーツを追加をクリックし、アプリタブに切り替えて追加したいアプリを選択します。

   

2. 選択したアプリが該当するページモジュール内に表示されます。必要に応じて設定を構成し、変更を適用するために保存をクリックします。

   

方法2：セクション内にアプリパーツを追加する

1. 対象のセクション（例：商品の下の商品情報セクション）に移動し、該当するページセクションの隣にある＋アイコンをクリックします。アプリタブに切り替えて追加したいアプリを選択します。

   

2. 選択したアプリが指定されたパーツ内に表示されます。必要に応じて設定を構成し、変更を適用するために保存をクリックします。

   

未インストールのアプリのアプリパーツ管理

ストアにまだインストールされていないアプリのアプリパーツを含むOS 3.0テーマをインストールまたはコピーすると、SHOPLINEはレイアウトを維持しながらセットアップを案内します。

アプリパーツの復元方法

テーマエディターでアプリパーツが無効になり、「アプリデータを取得できません。{アプリ名}がインストールされて有効になっていることを確認してください。」というメッセージが表示された場合、以下の手順で復元してください：

1. エラーメッセージ内のアプリ名リンクをクリックします。
2. SHOPLINE アプリストアにリダイレクトされます。インストールと有効化を完了してください。
3. テーマエディターに戻ると、パーツは自動的に更新され、元の設定が保持されたまま有効になります。

アプリ埋め込みの設定

アプリ埋め込みは、特定のセクションに追加することなく、ストアフロント全体でアプリの機能を有効にすることができます。

アプリ埋め込みの有効化方法

1. SHOPLINE管理画面から、オンラインストア > デザイン に移動します。

   

2. マイテーマ タブで、現在のテーマ セクションを見つけて、デザイン をクリックします。

   

3. テーマエディターで、左のサイドバーにあるアプリ埋め込みアイコンをクリックします。有効にしたいアプリをオンに切り替え、変更を適用するために保存をクリックします。

   

統合タイプ別対応アプリ

このセクションでは、機能別にテーマエディターで対応しているすべてのアプリ機能と、適用可能な統合方法（アプリパーツ または アプリ埋め込み）を一覧で示します。