＜WordPressでできること＞取扱商品のカタログページを作りたい

Blog ブログ

トップページ » ブログ » 制作スタッフK » ＜WordPressでできること＞取扱商品のカタログページを作りたい

弊社では、ウェブサイト制作の基盤となるシステムとしてWordPressを採用しております。

お客様からウェブサイトに欲しい機能のヒアリングをおこない、「お問い合わせフォーム」や「商品カタログ」「事例集」など、ご要望にあわせてWordPressのカスタマイズをおこなっております。

本コンテンツ＜WordPressでできること＞では、実際の制作業務でお客様からいただいたご要望と、その解決事例をご紹介いたします。

小売店などを経営されているお客様から、取扱商品を自社のウェブサイトに載せたいというご要望をいただくことがあります。

しかし、制作会社に商品の数だけページを作ってもらうのは、手間もコストもかかってしまいます。
仮に1ページ10,000円の制作費がかかるとして、100商品分でも100万円！簡単に頼める額ではありません。

「商品情報を入力するだけで商品ページを作れる機能があれば、好きなだけ商品情報を追加できるのに…。」

そんなお悩みをお抱えのお客様のために、WordPressのカスタマイズで実現できる、商品カタログページを構築させていただきました。

こちらは、WordPressの記事の投稿画面です。

お使いの環境やWordPressの設定により若干違いはありますが、基本的な構成は、

この3つです。

あなたが自社の商品を載せるとしたら、載せたい情報は何でしょうか？
あるいは、あなたが何かの商品を探しているとしたら、知りたい情報は何でしょうか？

ちょっと考えてみただけでもこれだけあります。

投稿画面の基本構成の入力欄と比べてどうでしょう？
情報を入れるには項目の数が足りません。
取り扱う商品や業種によっては、他にも項目が必要になることもあるでしょう。
価格や在庫状況などの表示に対応させるためには、別途入力項目を用意しないと大変不便です。

カスタマイズを施していない標準のWordPressで管理できるのは、いわゆる「ブログ」の記事の部分と、ウェブサイトの「ページ」に当たる部分です。
元々がブログ作成ツールであるWordPressには、商品管理ができるような機能はないので、カスタマイズをして商品管理をするための管理画面を作ります。

カスタマイズをおこない、WordPressの管理メニューに「商品情報」の項目を追加しました。
この画面から、商品情報の登録や編集が行えるようになります。

次に、商品登録画面を見てみましょう。

こちらはカスタマイズの一例になります。
全体像の画像が小さくて申し訳ございませんが、ここからはサンプルのデータで上から順にご説明いたします。

商品名・商品説明文・アイキャッチ画像（商品画像）を入力します。
商品画像は通常1点のみですが、複数指定できるようにしたり、スライドショー形式にカスタマイズをすることもできます。

商品の在庫状況を選択できるようにしました。
「在庫あり」「在庫無し」「売約済み」「販売終了」などが設定できます。
また、実際の商品ページでは在庫状況に応じて「売り切れアイコン」を出したりすることもできます。

販売価格を入力します。
税込み・税別どちらで表示するかもご要望に応じて対応いたします。

商品カテゴリーを指定できます。
販売する商品の種類がが多岐にわたる場合は、あったほうが良いでしょう。

上記で追加した項目のほかにも、さまざまな項目を追加できます。
実際の商品ページでカスタマイズ例を見てみましょう。

（1）商品名・商品画像・商品説明文
入力した商品名や説明文などが表示されます。
「雑貨」カテゴリーを選択すると、商品名の横に「GOODS」の表示が出るようにしました。

（2）商品情報
商品がおいてある店舗を表示する「取り扱い店舗」、
商品の引き渡しに関する情報を表示する「引き渡し方法」、
店頭払い・銀行振込・カード払いなど対応する支払い方法を表示する「お支払い方法」
の項目を追加しました。

（3）お問い合わせフォーム
各商品についてのお問い合わせやメール注文ができるフォームを設置することもできます。

※ショッピングカートやネット決済に対応する場合は、他社製オンラインショップシステムの導入が別途必要です。

弊社では今回のケースのほかにもさまざまなWordPressのカスタマイズ事例がございます。
「こんな機能をもたせたい」「こんな機能を追加できますか？」など、ご要望がございましたら、お気軽にご相談ください。

WordPressのカスタマイズには別途費用が発生いたします。
価格はお客様のご要望により変動いたしますので、詳しくはお問い合わせください。