フッター設定｜SHOP Builder

• 新しいフッタービルダーを有効にする
• ウィジェットを追加する
• その他のウィジェット
• 公開する
• 注意事項

⚠️ 始める前に：

• SHOP Builderは現在、Ultra Chic、Kingsman、Varm、Philiaテーマテンプレートのみをサポートしています。
• SHOP Builderを使用してページを作成した後、他のテーマテンプレートに切り替えてもページは表示されますが、編集できず、レイアウトが崩れる可能性があります。ページを公開する前にこれに注意してください。

1. 新しいフッタービルダーを有効にする

新しいページエディターでフッターをデザインする前に、新しいフッタービルダーを有効にする必要があります。

ステップ 1

SHOPLINE管理画面に進み、> [オンラインストアデザイン] > [ページ] をクリックし、[高度なページ/編集]ボタンをクリックして高度なページ設定を開きます。

ステップ 2

フッターボタンをクリックします。

ページにアクティベーションメッセージが表示されます。 新しいフッタービルダーを有効にするをクリックします。

 

有効にするを選択して、新しいフッターエディターの使用を確認します。

*注意：

• 「有効にする」をクリックすると、右側のプレビューパネルに新しいフッターが表示されます。既存のフッターには影響しません。
• 既存のオンラインストアのフッターは公開後に置き換えられます。公開する前に、既存のフッターを更新するかどうかを確認してください。

2. ウィジェットを追加する

システムはデフォルトで2セットのテキスト（例：会社概要、ヘルプ）と1セットのソーシャルアイコン（例：お問い合わせ）を割り当てます。ウィジェットをクリックしてコンテンツを編集します。

ウィジェットを追加するにはウィジェットボタンをクリックします。
*注意：現在、最大4つのウィジェットを追加できます
 

利用可能なウィジェットの種類は3つあります：

1. テキスト
2. ギャラリー
3. ソーシャルアイコン
4. 定期購入
5. カスタムリキッド

1. テキスト

テキスト設定では、タイトルとコンテンツを挿入できます。テキストフォーマット（例：太字、斜体、下線、URLリンク）をさらにカスタマイズできます。

2. ギャラリー

ギャラリー設定では、デスクトップ版とモバイル版それぞれの画像をアップロードできます。画像のトリミング、マスク、画像の代替テキスト、URLリンク設定で画像を編集できます。

*注意：デスクトップ版の画像幅は2000px以上、モバイル版の画像幅は1080px以上であることを推奨します。

3. ソーシャルアイコン

ソーシャルアイコン設定では、タイトル、コンテンツ、ソーシャルメディアのURLリンクを挿入できます。
 

左側のアイコンをクリックしてウィジェットの順序をドラッグして調整します。右側のゴミ箱アイコンをクリックしてウィジェットを削除します。

設定の下部にスクロールしてウィジェットのパディングとテキストの配置を編集します。

下の保存ボタンをクリックして、プレビューパネルで新しく追加されたパーツを表示します。または、右上のプレビューボタンをクリックして、ストアフロントでプレビューします。

4. 定期購入

フッターの定期購入パーツの設定は、ページの設定と同じです。タイトル、内容、プレースホルダー、ボタンテキストをカスタマイズできます。

このパーツに関する詳細情報は、定期購入パーツ | ショップビルダーを参照してください。

5. カスタムリキッド

カスタマイズされたテキストやHTMLスクリプトを挿入するために「カスタムリキッド」パーツを追加できます。

詳細については、カスタムリキッド | ショップビルダーを参照してください。

3. その他のパーツ

新しいフッターエディターには4つの追加パーツがあります。ニーズに応じて有効にすることができます。

• 支払いアイコン
• 不正防止通知
• 著作権
• 言語セレクター
• 通貨セレクター

i. 支払いアイコン

顧客に利用可能な支払い方法を通知するために、支払いアイコンを有効にします。

「支払いアイコン」トグルをオンにし、ドロップダウンメニューから支払いサービスプロバイダーを選択します。

支払いアイコンの配置を選択します。

下の保存ボタンをクリックして、プレビューパネルで新しく追加された支払いアイコンを表示します。
 

ii. 不正防止通知

「不正防止通知」トグルをオンにし、内容を入力します。下の保存ボタンをクリックして、プレビューパネルで新しく追加された不正防止通知を表示します。

*Note: 不正防止通知テンプレートは現在英語で利用できません。必要に応じて手動で調整してください。

iii. 著作権

「著作権」トグルをオンにし、内容を入力します。下の保存ボタンをクリックして、プレビューパネルで新しく追加された著作権通知を表示します。

iv. 言語セレクター

「言語セレクター」トグルをオンにします。下の保存ボタンをクリックして、プレビューパネルで新しく追加された言語セレクターを表示します。

*Note:

• 言語セレクターはオンラインストアでサポートされている言語を表示します。
• 「特定の言語を非表示にする」設定は、トップページの設定と同じです。詳細については、トップページ設定を参照してください。

v. 通貨セレクター

「通貨セレクター」トグルをオンにします。下の保存ボタンをクリックして、プレビューパネルで新しく追加された通貨セレクターを表示します。

4. 公開

上記の設定が確認されたら、公開をクリックして、顧客がストアフロントで新しく更新されたフッターを表示できるようにします。

*Note: 初めて公開する際にポップアップ通知が表示されます。「理解しました」にチェックを入れ、フッターで公開を選択して、既存のフッターを新しいものに置き換えます。古いフッターエディターは無効になります。ページのみを公開を選択すると、既存のフッターを引き続き使用できます。

続きを読む

• お知らせバナー / ヘッダー設定 | ショップビルダー
• テキストパーツ | ショップビルダー
• ギャラリーパーツ | ショップビルダー
• 画像とテキストのパーツ | ショップビルダー
• スライダーパーツ | ショップビルダー
• 商品リストパーツ | ショップビルダー
• 商品スライダーパーツ | ショップビルダー
• SEO設定 | ショップビルダー