WooCommerce で作ったオンラインショップで最低限、正しく商品を購入してもらうためには「お買い物カゴ」「マイアカウント」「購入手続き」の 3 つのページを「固定ページ」で作り、WooCommerce の設定でページの紐付けをしなければいけません。
- 「お買い物カゴ」ページ・・・買い物カゴに入っている商品の一覧を表示するページです。「カートの中」ページと呼ばれることもあります。
- 「マイアカウント」ページ・・・購入者のアカウント情報を管理するページです。
- 「購入手続き」ページ・・・カートの中の商品を購入するため、配送先や決済情報を指定するページです。
WooCommerce インストール直後は、下の画像のように「カートの中を見る」「マイアカウント」「商品を購入する」ページが自動で作成され、各固定ページの隣に紐付けが表示がされます。
このままでも購入はできますが・・・WooCommerce インストール直後の設定のままだと、使用しているテーマのテイストに合わないことが多々あります。
そこで Nishiki Pro テーマでオンラインショップを作る場合は、テーマ専用にデザインが最適化された Nishiki Pro for WooCommerce プラグインを使用をおすすめします。
そして、以下の説明のようにそれぞれの固定ページに対してショートコード"のみ"入れてください(ショートコードを入れる際は「ショートコード」ブロックを使いましょう)。
「お買い物カゴ」ページ
WooCommerce インストール直後だとページ中にいろんなブロックが入っていますが、全て削除し、以下のショートコード"のみ"入れてください。
[woocommerce_cart]
「マイアカウント」ページ
以下のショートコード"のみ"入れてください。
[woocommerce_my_account]
「購入手続き」ページ
WooCommerce インストール直後だとページ中にいろんなブロックが入っていますが、全て削除し、以下のショートコード"のみ"入れてください。
[woocommerce_checkout]
WooCommerce と紐づける固定ページを変更する方法
応用編として、紐付ける固定ページを変更することもできます。ワードプレスの管理画面から「WooCommerce」→「設定」を選択します。
次に「高度な設定」を選択すると、固定ページ設定の欄があるので、それぞれ紐付けられているページを確認し、必要に応じて変更してください。
WordPress テーマ Nishiki Pro
「ウェブサイト運営に本当に必要とされる機能」をテーマ内にまとめて搭載したワードプレステーマです。
ブロックエディター機能を強化し、これまでのワードプレスでは難しかったコンテンツが簡単に作れます。
ブログ、ポートフォリオ、コーポレートサイト、ビジネスサイト、オンラインショップなど、様々な目的のウェブサイトに対応できるテーマです。
最新情報をチェック!
Nishiki / Nishiki Pro テーマに特化した情報を「にしきちゃん」がお伝えします😀
- リリース情報
- 新機能の紹介
- 便利な使い方
- 開発中の機能紹介
- 導入事例
- あるある日常ネタ
など