Wixストアの作り方

Wixストアの作り方

Posted at July 6,2018 12:03 AM
Tag:[Wix]

Wixストアの作り方を紹介します。

Wixストア

1.はじめに

Wix(ウィックス)は、2006年に設立された企業で、Wix.comではドラッグ&ドロップ形式の無料ホームページ作成ツールを提供し、世界で1億人以上が利用するオンラインプラットフォームとなっています。

本エントリーではWixストアの基本的な機能と、簡単な作成フローについて紹介します。

2.Wixストアの機能・特徴

Wixストアは、選択したテンプレートを元にウェブページを直接編集するという操作と、いくつかの設定を行うことで、簡単にネットショップを開設することができます。

主な機能は次の通りです。

  • 500種類以上のネットショップ用無料テンプレート
  • スマホやタブレットに完全対応
  • 受注・在庫管理
  • 配送料と消費税を地域別に設定可能
  • 割引クーポン・メルマガ機能
  • 万全のセキュリティ対策
  • 充実した決済オプション
  • 24時間対応のカスタマーサポート

次項ではWixストアの具体的な作り方を紹介します。Wixのアカウントは予め登録した手順で説明します。

3.ストア作成フロー

Wixストアのページにアクセスして「ショップを始める」をクリック。

ショップを始める

右上の「新しいサイトを作成」をクリック。

新しいサイトとして作成

「ネットショップ」をクリック。

(画像はクリックで拡大、以下同様)
ネットショップ

「ネットショップ向けテンプレート」が表示されるので、好きなテンプレートを選択。

テンプレートを選択

ここでは腕時計のショップを選択します。

腕時計のショップ

マウスをポイントして「表示」をクリック。

表示

サンプルページが表示されるので、これでよければ右上の「編集」をクリック。

サンプルページ

Wixストアのエディタが開きます。ここでオンラインショップの見栄えを編集します。各項目が英語で表示されていますが、後述する支払方法の設定を行えば日本語で表示されるようになります。

Wixストアのエディタ

右上のプレビュー(目のアイコン)をクリックすると、サイトのプレビューが行えます。

サイトのプレビュー

プレビュー画面です。

プレビュー画面

プレビュー画面ではネットショップの動作をある程度確認することができます。ここではサンプルで表示されている「GENTS」という時計を選んでみます。

時計を選択

商品ページです。すでにそのまま使えるようにデザインされています。

商品ページ

色を選択して「ADD TO CART」をクリック。

ADD TO CART

カートに商品が入ったことを通知してくれます。

通知

右下の「VIEW CART」をクリック。

VIEW CART

別タブでカートのページが開きます。

カートのページ

「Checkout」をクリック。

Checkout

「To Checkout, Set a Payment Method(チェックアウトのための支払方法を設定してください))」というメッセージが表示されます。サンプルの動作確認はここまでとしてこのページを閉じ、トップページに戻ります。支払方法の設定は後述します。

メッセージ

編集画面に戻るには、右上の「エディタに戻る」をクリック。

エディタに戻る

編集画面に戻りました。デザインを編集するためのエディタの使い方については、以前エントリーした「Wixブログの作り方」が参考になると思いますので、ここでは割愛します。編集したデザインは、右上の保存アイコンをクリックするか、上部メニューの「サイト」→「保存」で行えます。

編集画面

ここではデザインを編集したことにして、一旦保存します。初回の保存では、サイトのドメインの入力が求められます。ここではデフォルトで入力されている「mysite-1」を消して「watch」と入力し、「保存して続行」をクリック。

サイトのドメインの入力

保存されました。URL右にある「編集」をクリックすれば、ドメインはあとで変更することができます。この画面は「閉じる」をクリックして、一旦閉じます。

保存

上部メニューの「サイト」→「エディタの終了」でエディタを終了します。

エディタの終了

エディタを終了すると「マイサイト」の画面に遷移します。さきほど作成したネットショップは一番左の「Watch」という名前で保存されています。

「マイサイト」の画面

続いて支払方法の設定を行います。「Watch」サイトをポイントしてクリック。

「Watch」サイト

左メニューの「設定」をクリック。

設定

「支払状況&決済方法」をクリック。

支払状況&決済方法

決済方法を選択して「接続する」をクリック。ここではデフォルトで選択されている「クレジット」「PayPal」を選択します。

決済方法を選択

支払方法の設定が完了しました。実際に決済を実行できるようにするにはプレミアムにアップグレードする必要がありますが、ここではアップグレードは行わず、このダイアログは一旦閉じます。

設定完了

クレジットの支払いを受け取るには、受注後 7 日以内に決済代行サービス Stripe のアカウント設定を完了してください。またPayPalの支払いを受け取るには、受注後 30 日以内に決済代行サービス PayPal のアカウント設定を完了してください。

アカウント設定

アカウント設定の詳細は下記のリンクを参考にしてください。

続いて配送料&消費税の設定を行います。設定は地域単位で行えます。左メニューの「配送料&消費税」をクリック。

配送料&消費税

地域が表示されるので、国内の「編集」をクリック。

編集

設定画面に遷移します。

設定画面

「47都道府県」をクリック。

47都道府県

このように地域を決め細かく設定することができます。

地域を決め細かく設定

配送料は、無料・一律など、種別ごとに設定が可能です。「サービスの表示名」に任意の名称を設定して、ここでは一律500円にしてみます。

配送料

消費税は「全域で同一の消費税を適用」の「8%」を設定しておきます。

消費税

全て設定したら右上または右下の「保存」をクリック。

保存

これで設定完了です。

設定完了

その他、「基本情報」メニューには、メールや請求書などで使用するサイト名など、「ショップ設定」メニューには、支払い画面の下部に表示する規約・ポリシーの選択など、「請求書」メニューには、請求書に記載するビジネス情報の設定などができるようになっています。

さきほどのプレビューのカート画面に戻ると、設定した情報が反映されていることがわかります。

カート画面

最後に、商品の管理方法について紹介します。「Watch」サイトをポイントしてクリックした画面から、左メニューの「ストア商品」をクリック。

ストア商品

右上の「商品を追加」をクリック。

商品を追加

「ダウンロード商品」または「通常商品」を選択します。ここでは「通常商品」を選択します。

通常商品

登録画面が開くので商品情報を入力します。

登録画面

商品を登録してみます。すべて登録したら右上の「保存」をクリック。

商品を登録

商品が登録されました。表示されているサンプル商品はあとで削除します。

登録完了

プレビュー画面に戻ると、さきほど追加した商品が選べるようになっています。

プレビュー画面

商品ページにも反映されました。

プレビュー画面

最後に「Watach」サイト選択→「サイト管理&編集」→「サイトを編集」の順でクリックして編集画面を開き、右上の「公開」をクリックしてサイトを公開します。

公開

これで公開されました。

公開完了

実際の公開画面です。

公開画面

ストア作成フローは以上です。

このように、デフォルトのテンプレートを選択し、支払方法や商品を登録するだけで簡単にオンラインショップを開設することができます。

関連記事
トラックバックURL


コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)