使い方マニュアル
アプリをインストール
Shopifyアプリストアから、シンプルバナー+を対象のストアにインストールする。
ストア内のシンプルバナー+アプリのページは、下記URLから直接開けます。
https://apps.shopify.com/simple-banner-1
以上です。
テーマの対応状況を確認
最初に、お使いのテーマに対応しているか確認しましょう。
ストアのダッシュボードから、「アプリ」→「シンプルバナー+」を選択し、アプリ画面を開く。
「シンプルバナー導入」で「対応テーマを確認する」ボタンをクリック。
お使いのテーマの対応状況が一覧で表示されます。
>対応テーマあり
対応テーマのページに、シンプルバナーを挿入してみましょう。(次のステップへ)
>対応テーマなし
Shopify テーマストアからOnline Store 2.0 テーマをインストールしてみましょう。
シンプルバナーを挿入する手順
シンプルバナーの挿入方法は、既存のセクションやブロックと同じです。
対応テーマのカスタマイズ画面を開く。
バナーを挿入したいページを開く。
「セクションを追加」→アプリの「シンプルバナー」を選択。
既存のセクションやブロックと同様に「シンプルバナー」のブロックが挿入されます。
シンプルバナーのカスタマイズ概要
挿入された「シンプルバナー」ブロックをクリックし、設定メニューを表示。
画像・URL・レイアウトなどを設定し、お好みのバナー表示に仕上げましょう(1つのブロックに最大4つのバナーを設定できます)。
【挿入例】↑このようなバナーのレイアウトも可能です。
固定バナーを配置する手順
対応テーマのカスタマイズ画面を開く。
左メニューの「埋め込みアプリ」を選択し、インストール済みの埋め込みアプリの一覧を表示。
「固定バナー」のチェックを「ON」にすると、固定バナーがページ下部に設置されます。
固定バナーのカスタマイズ概要
前述の固定バナーを有効にした画面内に、固定バナーの詳細設定メニューがあります (▼を押すと表示されます)。
画像・URL・レイアウトなどを設定し、固定バナーを自由に設置してみましょう。
【挿入例】他アプリと重ならないような配置も可能です。
無料プランと有料プランの違い
>シンプルバナー機能
無料プランと有料プランで、機能面の違いはありません。
無料プランでは、2枚目以降のバナーの前面に「Simple Banner」のクレジットが表示されます。
有料プランをご契約いただくと、全てのバナーでクレジットが非表示になります。
>固定バナー機能
無料プランと有料プランで基本的な機能は同じですが、下記の違いがあります。
無料プラン
バナーの画像や位置は画面幅に関係なく常に同じです。
有料プラン
画面幅が狭いモバイル表示などで、バナー画像と位置を切り替えることができます。
下記の特別な設定が有効になります。
閉じるボタンの位置の設定
z-index (オブジェクトの重なり順)の設定
有料プランのご契約方法
ストアのダッシュボードから、「アプリ」→「シンプルバナー+」を選択し、シンプルバナーのアプリ画面を開く。
「プラン管理」で「ご契約手続きへ」ボタンをクリック。
Shopifyアプリの請求画面が表示されるので、契約内容をご確認の上「承認」をクリック。
シンブルバナーのアプリ画面に戻るので、ご契約の状況が「ご契約中」になっていることを確認。