ブログやホームページなどの文章の添削、構成、再構築をして、ブログの構築方法、記事の書き方、SEO対策を男性専門で教えるDTPデザイナー 秋山アキラ

男性のためのブログ集客相談と人生相談。集客できるブログの書き方、構成、添削、SEO対策、文章からの集客の相談に乗っています。男性である、あなたのブログを読みやすく、あなたのプレゼン資料をわかりやすくします。私の個別相談を受けると集客できるブログが書けるようになり採用される資料が作れるようになります。

MENU

storesで販売する商品をWordPressに連携させたいです

「storesで商品を販売する予定なのですが、自分のワードプレスのサイトにも連携させたいです」と女性のお客様から相談されました。

ということで、私の方で調べてみました。流れとしては、

  1. storesに商品を登録
  2. ワードプレスのサイトに「WooCommerce」のプラグインをインストール
  3. ワードプレスのサイトに「ELEX WooCommerce Catalog Mode」のプラグインをインストール
  4. ワードプレスで商品ページを作成
  5. storesで「ストアボタン」を作成し、コードを生成
  6. ワードプレスの商品ページに「ストアボタン」のコードを貼り付ける

これで完成となります。

 

まずは、storesに登録し、商品を登録してください。「ストアボタン」の作成まで流れが乗っている以下のサイトを参考にしてください。

masamitsu.biz

 

次に、あなたのワードプレスのサイトに「WooCommerce」のプラグインをインストールします。このプラグインをインストールすると商品ページを簡単に作成できます。日本語にも対応しているのでわかりやすいです。

www.vektor-inc.co.jp

ただ、「WooCommerce」を使う場合注意が必要です。「WooCommerce」をインストールすると「WooCommerce」単体でECサイトを作って運営できます。決済も可能になります。ですが、今回はstoresと連携させるため「WooCommerce」自体の決済機能等は使用しません。そのため、カートのボタンや数量表示を消す必要があります。

storesとWordPressの連携

そこで「ELEX WooCommerce Catalog Mode」のプラグインをインストールします。このプラグインをインストールすると数量とお買い物カゴボタンの表示を消すことができます。

「Remove Add to Cart」の「Enable」にチェックを入れて「変更を保存」ボタンをクリックします。

ELEX WooCommerce Catalog Mode

 数量とお買い物カゴボタンの表示が消えました。

storesとWordPressの連携
storesで「ストアボタン」を作成し、コードを生成します。それをワードプレスの商品ページに貼り付けます。

storesとWordPressの連携
出来上がりです!

 

ワードプレスでの詳しい操作方法までは載せませんので、後はご自分で調べるか私の個別相談に申し込んでください。

商品一覧ページも「WooCommerce」で作成できます。便利。ワードプレスに詳しい方は、以下のサイトも参考にしてください。

wcpn.jp

 

お客様から「こんなことできませんか?」と質問されると、Googleを駆使して調べたくなります。習性ですね。ここまで自分で調べるか調べないかはあなた次第ですが、やらない人が圧倒的に多いです。私のように調べ倒す人は100人中1人ぐらいです。そのため、いつまで経っても他の人と差がつかないのです。調べるなら徹底的に調べてください。Googleで調べると何でも載っています。Googleを使いこなせるようになりましょう。

blog.akira-workshop.com