「Giftbox（ギフトボックス）」は、ブランドや商品の魅力を最大限引き出すことができるデザインテーマです。
ダイナミックなメインビジュアルやアイテム画像を大きく見せるデザインは、大事な人へのプレゼントや自分へのご褒美を選ぶ時のように、わくわくするショッピング体験を提供します。
レスポンシブに対応しており、スマートフォンはもちろん、タブレット・PCまで、デバイス問わず美しいデザインで表示することができます。
こんな方におすすめです
- 美しいカラーのショップをかんたんに作りたい！
- メインビジュアルや商品画像を大きく魅力的に見せたい！
1.機能紹介ABOUT
BASEデザインテーマ「Giftbox」では、様々な追加機能を設けています。
- テーマカラー選択 設定方法
- Giftboxでは誰でもかんたんに美しいECサイトが作れるよう、豊富なカラーバリエーションを用意。高級感のある「ベージュ」、可愛らしく上品な「ピンク」、落ち着きのある「ブルー」、ジャンルを問わず相性の良いシンプルな「グレー」、重厚感のある「ブラック」の５種から選べます。
- 各メニューの名称変更 設定方法
- 「About」「Blog」など、各メニューの名称を変更することが可能です。
- メインビジュアル（スライダー） 設定方法
- TOPページのメインビジュアルとして最大3件まで画像とリンクを登録できる、大型の画像スライダーを設定しています。
- トピックス表示（Information） 設定方法
-
TOPページに、トピックを最大3件登録することができます。
急な告知や、詳細ページを設置しない簡単なお知らせ等にご活用ください。 - コンセプト（Concept） 設定方法
-
TOPページに、ショップの紹介やブランドコンセプトなど、自由なテキストを登録できます。
背景画像を登録することで、ショップの世界観を表現することも可能です。 - 商品ピックアップ 設定方法
-
TOPページに、2件の商品をピックアップとして登録することができます。
ピックアップ商品は、ひときわ目を引くデザインで、お客様に強くアピールすることが可能です。 - ABOUTページのカスタマイズ 設定方法
-
デザインテーマ「Giftbox」なら、ABOUTページを柔軟にカスタマイズすることができます。
ヘッダー画像を設定できるだけではなく、コンセプト文の追加、店舗情報（最大2件）、Q&A（最大5件）の登録が可能です。 - フッターメニューの追加 設定方法
- 各ページの下部に表示されるフッターメニューに、独自メニュー（1件）を追加表示することができます。「ショップガイド」や「よくあるご質問」の追加等、ユーザビリティの改善にお役立てください。
2.設定方法・マニュアルMANUAL
BASEデザインテーマ「Giftbox」は、BASE管理画面のデザイン編集で「テーマ設定」を編集頂くことで、どなたでも簡単にデザインのカスタマイズが可能です。
以下ではデザイン設定の各項目について解説します。
2-1.ショップ共通設定
テーマカラーや、見出しフォント等の指定を行うことで、ショップ全体のテイストをカスタマイズできます。
このパートで指定した内容は、TOPページだけではなく、各商品詳細ページやABOUTページ等にも反映されます。
ショップカラー設定
テーマカラー
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【共通】テーマカラー
ショップのテーマカラーを「ベージュ」「グレー」「ピンク」「ブルー」「ブラック」から選択できます。
背景色
- 設定箇所
- 管理画面
- デザイン
- 背景
ベース背景の色変更、または壁紙画像の指定ができます。
ロゴ設定
ロゴ画像／ロゴテキストの指定
- 設定箇所
- 管理画面
- デザイン
- ショップロゴ
ショップロゴでは「画像」と「テキスト」のいずれかを表示できます。
ロゴテキストのフォント選択
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【共通】ロゴフォント選択
ショップロゴで、テキストを表示する場合のフォントを選択できます。
お選び頂けるフォントは下記の10種類です。
メニューの設定
カテゴリメニューの設定
- 設定箇所
- 管理画面
- Apps
- カテゴリ管理
カテゴリ管理Appでは、カテゴリを階層で登録することが可能です。
Giftboxのナビゲーションでは、ここで登録された「大カテゴリ」が表示されます。
- 他のデザイン項目とは設定ページが異なりますのでご注意ください。
- BASEでは「カテゴリ管理App」をインストールすることで、無料でカテゴリ機能を利用できます。
- カテゴリ管理Appでは「大カテゴリ」「中カテゴリ」「小カテゴリ」の3階層が登録可能です。
- ナビゲーションに表示されない「中カテゴリ」「小カテゴリ」ページへは、上位階層のカテゴリページより遷移できます。
コピーライトの設定
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【フッター】コピーライト
ページ下部に表示されるフッターエリアに、コピーライト（著作権表記）を表示できます。
お支払い方法の設定
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】クレジットカード＜VISA／MasterCard＞
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】クレジットカード＜JCB＞
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】クレジットカード＜アメリカン・エキスプレス＞
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】銀行振込
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】キャリア決済
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】コンビニ決済・Pay-easy
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】Amazon Pay
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】PayPal
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】あと払い（Pay ID）
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【決済方法】代金後払い（コンビニ・LINE Pay）
ページ下部に表示されるフッターエリアに、お支払い方法を表示できます。
BASE管理画面の決済方法でご設定頂いた内容に合わせ、各決済方法の表示有無をご指定ください。
その他の設定
本文フォントの選択
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【共通】本文フォントの選択
ページ全体に使用するフォントを、「ゴシック体」「明朝体」から選択できます。
見出しテキストのフォント選択
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【共通】見出しフォント選択
見出しテキストのフォントを選択できます。
お選び頂けるフォントは下記の10種類です。
2-2.TOPページ設定
メインビジュアルとなる大型スライダーや、コンセプト、商品ピックアップをご登録頂くことで、TOPページのデザインをカスタマイズできます。
また「Giftbox」では、ブロックごとに表示・非表示を設定できる追加機能に対応しています。画像の用意が間に合わないものや、管理工数の負担が大きい要素は、非表示にし、ご利用いただくことも可能です。
Instagramの埋め込み設定（※上級者向け）
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【TOP】Instagram埋め込みコード
埋め込みコードをご入力頂くことで、Instagramアカウントから画像を引用し、表示できます。
2022年8月現在、Instagram公式から最新フィードを表示するための埋め込みコードは提供されていません。こちらの設定をご利用になる際は、ご自身でプログラムを構築するか、外部サービスを利用し、埋め込み用コードをご用意頂く必要があります。
下記の一例は「Snapppt」を用いて、Instagram埋め込み用コードを作成する方法です。
- 「Snapppt」は外部サービスのため、提供サービスの内容が随時変更になる可能性があります。
- 下記でご紹介する手順は2023年1月現在のものです。最新のサービスと差異がある場合がございますのでご注意ください。
アカウントの作成
- Snapppt公式サイトにアクセスアカウントを作成します。
- 連携したいInstagramアカウントでサインインし、情報の取得を許可します。
- アンケート回答後、登録したメールアドレス宛てに認証メールが届きます。
「Confirm Email」をクリックし、認証を完了させます。
埋め込みコードの取得
- ログイン後、メニューの【VISUAL SHOPPING】＞【Live Feed Galleries】をクリックします。
- ページ遷移後、「Live Instagram feed」ページにて、設定項目を入力します。
設定内容は以下のとおりです。- Theme：White
- Gallery Style：一番左
- Rows：2
- Colums：4
- Gutter Width：30px
- Outer Margin：None
- Rounded posts：No
- Zoom on Hover : Yes
- Embed Heading : （空欄）
- Sub Headng : （空欄）
- Style : H3
- Position : Centerd
- 設定完了後、表示されるコードをコピーします。
BASEのショップデザインへ反映
- BASEのテーマ設定下部の「【TOP】Instagram埋め込みコード」をONにします。
- BASEのテーマ設定下部の「【TOP】Instagram埋め込みコード」欄に取得した埋め込みコードを貼り付けてください。
- ショップデザインにInstagramのフィードが表示されることをご確認ください。
2-3.ABOUTページ設定
デザインテーマ「Giftbox」では、ABOUTページを柔軟にカスタマイズできます。
メインビジュアルを表示できるだけではなく、コンセプト文の追加、店舗情報（最大2件）、Q&A（最大5件）の登録を行うことも可能です。
ショップ説明の設定
- 設定箇所
- 管理画面
- ショップ情報
- ショップの説明
ABOUTページ、見出し直下の説明文は、「管理画面」＞「ショップ情報」＞「ショップの説明」に設定された内容が表示されます。
- ブランドコンセプトの紹介テキストとは設定ページが異なりますのでご注意ください。
ブランドコンセプト紹介の設定
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】「Concept」名称
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】コンセプト説明文
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】コンセプト画像
ABOUTページ内にブランドコンセプトを表示できます。
「見出し」「テキスト」「画像」が表示可能です。
店舗情報の設定
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗①店舗名
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗①店舗画像
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗①所在地
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗①TEL
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗①営業時間
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗①GoogleマップURL
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗②店舗名
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗②所在地
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗②TEL
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗②営業時間
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】店舗②GoogleマップURL
ABOUTページ内に、最大2件まで店舗情報を表示できます。
「店舗名」の他、「店舗画像」「所在地」「TEL」「営業時間」「Googlemapのリンク」が表示可能です。
Q&Aの設定
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】質問1
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】回答1
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】質問2
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】回答2
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】質問3
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】回答3
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】質問4
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】回答4
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】質問5
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】回答5
- 設定箇所
- 管理画面
- デザイン
- テーマ設定
- 【ABOUT】詳しいQ&AへのリンクURL
ABOUTページ内に、最大5件まで、Q&Aを表示できます。
またQ&Aの下に、詳細情報へのリンクを追加可能です。より詳しい情報ページへ誘導する際にご活用ください。
2-4.登録画像の推奨サイズまとめ
デザインテーマ「Giftbox」では、テーマ設定として様々な画像をご登録いただけます。
画像サイズの大小によってデザインが崩れることはありませんが、以下の推奨サイズで画像をご用意頂くことで、より美しくショップを表示可能です。
TOPページ
- メインビジュアル（スライダー）：幅1920px 高さ980px以上
- 商品ピックアップ：幅720px 高さ720px以上
ABOUTページ
- メインビジュアル：幅1920px 高さ420px以上
- ブランドコンセプト紹介画像：幅700px以上
商品ページ
- 商品画像：幅640px 高さ640px以上
ブログ記事
- 1件目挿入画像：幅1100px 高さ733px以上
3.よくあるご質問FAQ
テーマ設定を順にご入力頂ければ、どなたでもお好みのデザインにカスタマイズ可能です。
また「Giftbox」でご用意している各追加機能は、ブロックごとの表示・非表示に対応しています。画像の用意が間に合わないものや、管理工数の負担が大きい要素は、非表示にしてご利用いただくことも可能です。
Q1.設定やカスタマイズは簡単にできますか？
テーマ設定を順にご入力頂ければ、どなたでもお好みのデザインにカスタマイズ可能です。
また、「Giftbox」では５種類のテーマカラーをご用意しています。テーマカラーを選ぶだけで誰でも簡単にきれいなショップを作ることが可能です。
ブロックごとの表示・非表示にも追加機能として対応。画像の用意が間に合わないものや、管理工数の負担が大きい要素は非表示にし、ご利用いただくことも可能です。
Q2.ロゴ画像にも推奨サイズはありますか？
ロゴ画像は縦80pxを推奨しています。
ご登録いただいたロゴ画像が大きい場合は、圧縮された形で表示されます。
※圧縮される場合も縦横のサイズ比率は保持されます。
また、ロゴ画像は余白を含めて圧縮されます。
ロゴを小さく表示させたい場合は【上下の余白を大きく】、
ロゴを大きく表示させたい場合は【上下の余白を小さく】して頂くことで
表示の大きさを調整することができます。
Q3.テーマをさらにカスタマイズしたいです。
ご購入いただいたテーマの追加カスタマイズに関しましては、有料でのカスタマイズサービスをご提供させて頂いております。
追加カスタマイズサービスの詳細は下記のページをご確認ください。
Q4.新しいページを追加できますか？
BASEデザインマーケットでご購入頂いたテーマ（有料テーマ）は、自由フォーマットのページを新規で追加することができません。
新しいページの追加が必要な際は、「Blog App」をご利用頂き、投稿記事での代用をご検討ください。
例：
Blog Appにて「詳しいQ&A」に関する記事を作成・投稿
↓
記事ページのURLを【フッター】追加メニューにご利用いただく 等
- 「ページ追加App」はオフィシャルテーマ（無料テーマ）のみの対応となっています。
Q5.ナビゲーションに表示されるメニューの数が、デモショップと異なります。
メニューは、初期状態では「Home」「About」「Contact」の3つが表示される仕様となっています。
その他の「Blog」「Community」「Membership」に関しましては、該当するAppsをインストール、有効化した際に表示されます。必要に応じてご検討ください。
Q6.テーマ購入後にインボイス（適格請求書）を発行してもらえますか？
「ご購入日」と「ご購入の際のショップ名」の2点をご連絡頂ければ、発行が可能でございます。
インボイス（適格請求書）の発行をご希望される場合は、こちらよりご連絡ください。
- 請求先は原則的にショップ名（屋号）を記載させて頂きます。
その他にご質問やご不明点がございましたら、こちらよりご連絡ください。
ご入力頂いたメールアドレスへ、担当者より2営業日以内に返信させて頂きます。
- 営業日：平日9:00～18:15／※土日祝休業