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

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

それぞれの方法は、テーマ構造、アプリの機能、使用ケースに応じて独自の利点と制限があります。このガイドでは、App block と App embed の違い、テーマエディターでの設定方法、各統合方法に対応するアプリ機能について説明します。

アプリ統合タイプの理解

このセクションでは、App block と App embed の基本的な違い、機能、柔軟性、開発者によるカスタマイズの度合いを比較します。

App Block の設定方法

App block は、商品ページやトップページなど、ストアフロントの特定のセクションにアプリ提供の機能を挿入できる機能です。これらのブロックはドラッグ＆ドロップで順序を調整できます。

App Block を有効にする方法

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

   

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

   

3. テーマエディターでは、App block を追加する方法が2つあります：

方法1：ページモジュールの下に App Block を追加する

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

   

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

   

方法2：セクション内にアプリブロックを追加する

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

   

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

   

未インストールのアプリのアプリブロック管理

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

アプリブロックの復元方法

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

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

アプリ埋め込みの設定

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

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

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

   

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

   

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

   

統合タイプ別対応アプリ

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