100
03
BiNDカート
ダッシュボードの仕組みを理解する BiNDカートのあらゆる機能をまとめて表示、 管理する画面がダッシュボードです。
BiNDカートにログインし、最初に表示される
知らせ、在庫の有無などをまとめて確認するこ
のがダッシュボードです。ここから各設定画面
とが可能となっています。ダッシュボードを日々
に移動できるほか、オンラインショップの受注
チェックすることが、オンラインショップ運営
状況や開発元であるデジタルステージからのお
の成功につながります。
受注や売上の数値などもひと目で把握可能 ログイン画面のURLは https://shops.bindcart.com/
BiNDカートにログインし、 ショップを選択
各種設定画面に移動
ほかの画面からダッシュボードに戻る
サイドメニューの縮小／展開が可能
オンラインマニュアルを表示 ショップのウェブページにジャンプ BiNDカートからログアウトする 今月と前月の売上金額、 受注件数を表示 アップデートやメンテナンス 情報を表示
在庫に関する情報
新規の受注情報
12
BiNDカートのトップページ をダッシュボードと呼びます。 ここでは売上や注文状況、在 庫などをまとめて確認するこ とができます。
BiNDでつくるオンラインショップ
ダッシュボードの下部には、売上 推移のグラフが表示されます。受 注件数が棒グラフ、売上高が折れ 線グラフ。片方のみを表示させる ことも可能です。 過去30日間の売上を グラフ表示
表示項目を、 受注と売上で 切り替える クリックすることでページの 最上部に移動
ズームインしたい期間をドラッグ
ズームを解除して元の表示に戻す
売上推移のグラフは、任意の場所をマウスドラッグで選択することで、拡大表示 することが可能です。一週間の売上の推移を確認するといった用途に使えます。
指定した期間が 拡大表示された
このボタンをクリック 印刷またはダウンロードしたい 形式を選択 ダウンロードできる形 式には、PNG、JPEG、 PDFのほかにSVG画 像も用意されています。これは ベクター画像の一種で、拡大縮 小しても画像が劣化しないこ とが特徴です。Illustratorな どのドローソフトで扱えます。
POINT!
グラフの右上にあるボタ ンをクリックすることで、 データを印刷したり画像 データをダウンロードす ることが可能です。
13
05
BiNDカート
新規に商品を登録してみる 商品の説明や写真、 価格などを設定します。
実物を手に取ることができないオンラインショ
画面で商品情報や価格、画像まで設定でき、非
ッピングでは、いかに商品の魅力を伝えること
常に便利です。
ができるかが、集客や売り上げアップにとって
なお、商品の画像などはあらかじめ用意してお
重要です。BiNDカートでは、 ［商品の新規登録］
きましょう。
説明や画像とともに商品を登録する
❶ 一時的にその商品の 販売を中止する場合は、 ［注文不可］ にチェック を入れる
❸ ［商品名］ に商品の名 称を入力する ここで入力する商 品名は、ウェブペ ージに表示されま すので、わかりやすいも のが望ましいです。例え ば製品名だけでなく特徴 などを加えるのも手です。 「～に便利な○○」といっ たキャッチコピーを加え ると、商品をよりよくア ピールできるでしょう。
［商品の新規登録］ を クリックすると、こ の画面が表示されま す。商品の特徴や魅 力の説明は、集客に つながる大事なポイ ントです。すべての 入力が済んだら、一 番下の ［在庫を入力］ をクリックします。 ❷ ショップで管 理するた めの ［商品管理番号］ を設定する
POINT!
❹ ［商品説明］ に商品の 特徴などの説明を入力 する
❺ ［商品画像］ では写真 などの商品画像をアッ プする ❻ ［価格］ に商品の値段 を入力。 割引価格も設 定できる
16
BiNDでつくるオンラインショップ
登録画面の❺でアップした 写真が表示される
登録画面の❹で入力し た説明が表示される 登録画面の❷で設定 した登録番号が表示さ れる 登録画面の❸で入力し た商品名が表示される 登録画面の❻で入力し た価格が表示される
商品価格の内税 ・外税の設定は、 「ショップ情報 設定」画面の 「消費税設 定」 で行えます。
POINT!
左の ［商品登録］ で入力した内容が、オンラインショップのウェブページに反映されまし た。もし不具合があるようなら、もう一度BiNDカートに戻って修正します。商品の説明 などは、ほかのショッピングサイトを参考にするのもいいでしょう。
POINT!
商品撮影のポイント
実際に商品を手に取って見られないオンライ ンショップにとって、写真は非常に重要です。 特に自分で撮影する場合は、注意が必要です。 ポイントは、まず三脚を使用して撮影すること です。少し暗い撮影現場でも、手ぶれを防ぐこ とができます。また商品によって背景を変える のも効果的です。商品が際立つように工夫をし てみましょう。なお市販の撮影キットを購入す るのも手です。写り込みなども軽減できますし、 複数の写真を同じ条件で撮影できます。
サンワダイレク ト （http://direct. s a n w a . c o . j p /） が扱っている撮 影キット。直販サ イト価格で 2980 円。頻繁に撮影す る必要があるの なら、購入を考え てもいいだろう。
17
11
BiNDカート
購入ボタンのデザインを変更する デザインや色の変更で目を引くページにします。
目を引くデザインはウェブページの重要な要素
を変更してます。売りたい商品、おすすめの商
です。BiNDカートではSiGN Proを利用するこ
品などをアピールする場合に有効となります。
とで、ボタンのデザインを編集可能です。ここ
なお、SiGN Proを使えば、オリジナルデザイン
では、テンプレートを使ってボタンのデザイン
のボタンを作成することも可能です。
テンプレートを使ってより目立つボタンを配置
BiNDカートの ［カー トに入れるボタンの 選択］でも、ボタンの 色などを変更できます。
POINT!
BiNDでデザインを変更した いブロックを表示させ、 ［この ページを編集する］ をクリック。 ブロックエディタを開きます。 ❶ ［BiND Cart］の アイコンをクリック
❷ ［SiGNを起動する...］ をクリック
❸ ［テンプレートへ戻る］ をクリック
ブロックエディタで ［BiND Cart］ のアイコンを クリック。続けて ［SiGNを起動する...］ を選択し、 SiGN Proを立ち上げます。
26
SiGN Proが起動しました。ボタンのテンプレート を選択するため、左上の ［テンプレートへ戻る］ をク リックします。
BiNDでつくるオンラインショップ
❹ ［ボタン］ をクリック ❺ 適当なボタンを選択 ❻ ［OK］ をクリック テンプレートが表示されたら、まずカテゴリ ーから ［ボタン］ を選択します。続けて使いた いボタンを選びます。ここでは 「ボタン４」 を 選択しました。最後に ［OK］ をクリックします。
SiGN Proに選択したボタンが表示さ ❼ れます。必要に応じてテキストなど を を編集し、 ［完了］ をクリックします。 ［完了］ クリック
POINT!
ブロックエディタに戻ったら ［適用］ をクリックし、変 更を反映させます。最後にブラウザでページをプレビ ューして確認しましょう。
スマートフォンでの表示 iPhoneやAndroidなどの普及に伴い、 オンラインショッピングページをス マートフォンで見るという人も増え てきました。BiNDカートは、スマー トフォンでの表示にも、もちろん対応 しています。実際に表示させてみると、 画面ぴったりのサイズで閲覧でき、購 入するための手続きもスムーズに行 えます。
27