PR

WordPressでECショップの開設方法について

このサイトには広告が含まれています。

こんばんにちは!
たく猫でございます。
今日(2021/10/23)やったWordPressでのネットショップのやり方を書いていきます!
(この記事は自分の中でのまとめ件整理用の記事です)

現在はこういう感じになりました。
https://takunekoburogu.com
トップのページに変更はあまりないですが、
フッターメニューのところのブログジャンルを一つにまとめて、Storeを追加しました。
今回はその手順にのまとめになります!

初めに

私が今回やった方法は、squareとの提携でECショップを開設する方法です。
他にもプラグインを使う方法やBASEを使う方法があったりします。

ざっくりと大まかな流れを言うと、

squareでアカウト登録をする

WordPressでブログを開設

プラグイン(woocommerce)を導入

woocommerceの設定をする

WordPressの設定後公開

みたいな流れでございます。

手順1squareのアカウントを登録する

アカウントの登録はこちらから
誰でも決済手数料3.25%からでカード決済導入!
リンク先に行ってもらうと今すぐ申し込むとあるのでそこから簡単に登録できます。
そもそもsquareとはベースは決済システムで、その付属としてネットショップの機能や請求書やスタッフ管理の機能があります。
詳しくは上のリンク先に書いています。
今回はそのスクエアの決済システムを利用したECショップの開設になります。

手順2WordPressでブログの開設

次はWordPressでのブログの開設ですが、
WordPressでのブログの開設には、独自のドメインとサーバーが必要になります。
まずドメインはお名前.comで安く購入することができます。

よくおすすめされているのがお名前.comですが、
私は次に紹介するエックスサーバーの独自ドメインを使っております。
Xserverドメイン
期間限定で無料だったので、、、
サーバーの引っ越し等を考えたりする人はお名前.comをおすすめしますが、
面倒なことが嫌いな私みたいな人はエックスサーバーのドメインをおすすめします。

サーバに関しては色々ありますが、別の記事にて比較などしたいと思っております。
今回は私も使っているエックスサーバーを紹介します。

ちなみに現在はWordPressに特化した下のようなものも出ています。

無料ですぐに使える初心者向けWordPress「シン・ブログ」
No.1のCMS「WordPress」をブログ運営に特化、初めての人でも安心して始めることができ、htmlやCSSの専門知識がなくてもおしゃれなブログが作れる初心者向けWordPressサービスです。

ブログの開設については別のブログや今後の記事で詳しく書いていきたいと思いますので、次に進んでいきましょう!!

手順3プラグインを導入してみよう!

次はプラグインの導入になります。
今回で一番重要なところになります!
今回はWordPressでECショップを開きsquareのシステムで決済することを目標にしているため
それに必要なプラグインは一つですが、拡張機能を追加する必要性があります。
woocmmerceというプラグインが必要です。
WooCommerceからダウンロードするか、WordPressのダッシュボードのサイドバーからプラグイン>新規追加でwoocommerceと検索すると出てくるので、インストールしてください。
これだけだと、squareと同期ができずクレジットの決済方法が使用できない為、
さらに拡張機能である、WooCommerce Squareという拡張機能が必要になってきます。
(これに苦労しました、、、英語ができない私みたいな人は翻訳できるブラウザを使用することを推奨します。)
https://woocommerce.comこのサイトに行きメニューバーにある虫眼鏡のマークをクリックして、
squareと入力して検索をかけると多分一番上にsquareのロゴの入ったものが検索結果に出てくると思うのでこちらをクリックするとSquare for WooCommerceという拡張機能が出てくると思うので、FreeDownloadをクリックしてダウンロードする。
https://woocommerce.com/products/square/?quid=1215af82c7d5b454372c755c5fcb0372
(この時かwoocommerceをインストールしたときにユーザー登録をしないといけません。WordPressをGoogleと関連付かせているのでwoocommerceも紐付けしたので私が苦労しませんでしたが、うまくできない方もいるようなのでしっかり理解してから登録を行ってください。)
ダウンロードできたら、ダウンロードしたファイルをvipに圧縮してWordPressのダッシュボードにいき、プラグイン<新規追加<プラグインのアップロードから圧縮したファイルをインストールして有効化すれば設定でsquare決済を選択できるようになります。
上手く出来ていればダッシュボードのサイドバーにwoocommereceがあり、woocommerce<設定<決済にsquareとあればOKです。
(ここまでで、昼までかかりました・・・)
vipに圧縮していないとアップロードできないので注意してください。
私はここに気づかず何故だ!!とずっと思っていました(笑)

手順4プラグインの設定

ここにも時間が取られました、、、英語という難敵に阻まれました(笑)
やることはすごく単純で、WordPressのダッシュボードのサイドバーにあるwoocommerceをクリックすると、一番最初に手順が出ているのでそれに従って進めていくとできます。

この流れで進めているとどこかしらで、jetpackなどのいくつかのプラグインが導入されると思うので必要がなければ削除しても大丈夫だと思います。
(私も削除したので大丈夫だと思いますが、自己責任でお願いします。)
このときに私は、前からの設定が全て飛んでいったので、バックアップを取ることおすすめします。
squareネットショップを既に開設しているのであれば、そちらの商品もWordPressで共有できるようなので、それについて知りたい方がいれば連絡してください!

手順5WordPressの公開・設定

普通であれば公開して、自分のサイトにあったレイアウトやオススメカードの設置や、
フッターメニュー、ヘッダーメニューetc…
などのWordPressの設定をしていき、商品を追加していけばOK!

最後に

私もこれから商品の追加をしていこうと思っているので、
これからも、このサイト諸共よろしくお願いします!
因みに私が使用しているテーマはcocoonでございます。
https://wp-cocoon.com
インストール手順がwoocommerceの拡張機能と同じ方法でしないといけない為少々手間ですが、
違うテーマを使用するとwoocommerceが適用してないかもしれないのでcocoonをおすすめします。
私に答えれることであれば答えますので、わからないことがあれば連絡してくれたらと思います!!
では今回はこの辺で(^^)/~~~

コメント

タイトルとURLをコピーしました