ビジネスでも大活躍のBiND 4に夢中!
仲良し姉妹のサイト作り奮闘記
2011年01月07日 22時11分更新
文● 中筋義人 協力●PET美容院FunkyD、わんわん工房
最後の仕上げはネットショップ!
ウェブサイトのデザインや主なページがそろったところで、姉のミキは手作りペット服のオンライン販売を決意。BiND 4の新機能「ショッピングカート」を利用すれば、決済の仕組みも簡単に導入できるので初心者でも使いこなせる。
ミキ ねえマキ、ネットでもペット服を販売しようと思うの。この間からウェブを作って更新していたでしょ。そうしたら、それを見た人から通販はしていないんですかって問い合せが3件も来たのよ。
マキ わー、それはスゴい。さっそくビジネスチャンス到来ね!
ミキ 実際どれだけ注文してもらえるかはわからないけど、ネット販売はいつかはやってみたいと思っていたし。
マキ もっとお客さんが来てくれるように、私もTwitterやUstreamでお店の広報活動応援しちゃう♪
Twitter
【1】Twitterのつぶやきをページ内に組み込むことも可能。まずTwitterでアカウントを作る。ショップ専用のアカウントを用意するといいだろう
【2】ブロックエディタの「ウェブサービス系パーツ」で「Twitter」を選択。アカウントを登録してタイムラインのデザインや表示サイズなどを設定するだけだ
【3】「Twitter」パーツを組み込んだページをウェブブラウザーでプレビューしたところ。左サイドバーに設定したアカウントのコメント欄が表示される
Ustream
【1】Ustreamのリアルタイム映像配信も組み込める。Ustreamのアカウントを登録し、「ユーザ情報設定」で番組情報を設定しよう
【2】「ウェブサービス系パーツ」の「USTREAM」で番組のURLを設定すればOK。表示サイズの設定なども可能だ
ブログ
【1】すでに店の紹介ブログなどを作っていた場合、BiNDが対応するサービスであれば「ウェブサービス系パーツ」の「ブログ」パーツで組み込める
【2】Bloggerのブログを組み込んだ例。そのほか、Yahooブログ/Amebaブログ/ココログ/FC2ブログ/JUGEM/livedoorブログ/gooブログに対応している
ミキ でも、どうすればいいのかしら?
マキ うーん、ネットでお金のやり取りをするわけだから、決済システムなんかが必要になるはずね。私の周りは専門のサービスを使う人が多いけど、確かBiND 4の新機能に……。あ、やっぱり「BiND Server」でできるみたいよ。
ショッピングカート
【1】「Premiumコース」は、「BiND Server Control Panel」などから申し込める。ページを開いてユーザーIDとパスワードを入力してログインしたら、「FTPアカウント一覧」で「Premiumコース」を選択する
【2】「BiND Server Control Panel」の「ショップ情報設定」で各項目を入力して設定する。ショップのロゴ画像の登録も可能だ。ここで設定した「ショップコード」と「ショップパスワード」をしっかりと控えておこう
【3】支払い方法は、銀行振込や郵便振替などがあるが、クレジットカード払いを選択肢に入れるには決済代行サービス業者のイプシロン(株)との契約が必要
【4】「BiND Server Control Panel」の「商品管理」をクリックして、商品の名前/画像/定価/販売価格──などを登録していく。価格や在庫数などは各製品の「処理」項目にある「編集」ボタンをクリックすると変更可能だ
【5】ページ内に組み込むには、ブロックエディタの「ショッピングカートパーツ」で「ショッピングカート作成」を押す。「BiND Cart Tag Generator」が開いたらショップコードとパスワードを入力し、カートパーツおよび商品を選ぶ
【6】商品の名前や価格などの情報「商品タグ」のデザインをタイプA〜Fの6種類から選択。ブロックエディタに戻り「適用」をクリックすれば作業は完了だ
【7】ショッピングカートを組み込んだページをウェブブラウザーで確認してみよう。図はタイプBを選んだ場合の例だ。商品写真に右側に名前/説明/カートに入れるボタンなどが表示される
【8】「カートに入れる」をクリックすると、「カート確認」画面に切り替わり、ショッピングカートに商品が入った状態を確認できる。「ショップ情報設定」で登録したロゴが上部に表示されている。なお注文完了を伝えるテキストなどもカスタマイズ可能だ
ミキ BiND Serverって、BiNDを買うと何カ月か無料で使えるサーバーのことでしょ?
マキ そう、でもそれは「Basicコース」。もうひとつ「Premiumコース」っていうのがあって、それに登録するとBiNDで作ったウェブサイトにショッピングカートを組み込めるのよ。
ミキ へー。でも難しそう……。
マキ 意外と簡単みたいよ。BiND Serverのウェブページで、ショップの設定と商品の登録さえすればいいって。あとはBiNDで作業するだけで、これまで作ってきたウェブサイトと連携できるっぽいわ。いままでの作業とあんまり変わらないかもね。私が買ってきた「BiND for WebLiFE* プロフェッショナル版」に付いている「BiND ビジネス・パス」を使えば、Premiumコースを3カ月無料で利用できるらしいから試してみたら?
ミキ じゃあ、さっそく登録してみる! この「BiND Server Control Panel」の「ショップ情報設定」ね。ふーん。ねえ、この「BiND MOBiLE設定」や「MOBiLEキャンペーン設定」って何?
マキ 「BiND MOBiLE設定」は、BiND Serverで公開しているBiNDで作ったサイトを、携帯電話から閲覧しやすくしてくれる機能よ。
モバイル
【1】現在は決済にまだ対応していないが、携帯電話に最適化したサイトも簡単に作れる。「BiND Server」で「BiND MOBiLE設定」を実行しよう。「おまかせモード」を選ぶと自動的にサイトを変換してくれる
【2】「おまかせモード」で携帯対応になったウェブページ。なお、Premiumコースのユーザーは「じぶんでモード」を選んで携帯で閲覧した際の見え方を確認しながらレイアウトを調整できる
【3】「BiND Server Control Panel」の「MOBiLEキャンペーン設定」では、空メール送信によるメールの自動返信を設定できる
ミキ お客さんの中には、携帯電話でしかウェブを見ないって人もいるから、それはいいわね。
マキ 「MOBiLEキャンペーン設定」は、お客さんが空メールを送ると、メールニュースの登録・解除やクーポン発行をできるようにする機能みたい。
ミキ ちょうど年末のキャンペーンをどうしようか考えていたところなの。ネットショップも楽しくできそうだわ!
(MacPeople 2010年12月号より転載)