Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでBigCommerceを使ってお買い物カゴを作る方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressにBigCommerce用のお買い物カゴを追加したいですか?

サイトにお買い物カゴを追加できるWordPress eコマースプラグインはいくつかあります。オールインワンのeコマースプラットフォームであるBigCommerceを使えば、パワフルで管理しやすいオンラインストアを作ることができます。しかし、WordPressに接続するにはプラグインが必要です。

この投稿では、WordPressでBigCommerceを使って簡単にお買い物カゴを作る方法をステップバイステップでご紹介します。

Adding a shopping cart in WordPress with BigCommerce

WordPress版BigCommerceを理解する

BigCommerceは拡張性の高い完全ホスティングサービスのeコマースプラットフォームです。

ホスティングサービス、デザイン、コンテンツ、決済ソリューション、マーケティングツールなど、オンラインストアの作成と運営に必要なすべてをプロバイダーが提供するオールインワン・ソリューションです。

一方、WordPressは、オンライン上のすべてのサイトの43%以上で使用されている、最も人気のあるコンテンツ管理システム(CMS)です。コンテンツに特化したブログ、ビジネスサイトオンラインショップの作成にも利用できます。

この2つの強力なプラットフォームを統合し、両方の長所を享受することができる。

WordPressのeコマースプラグインとしてBigCommerceを使用すると、次のような利点があります:

  • コンテンツとEコマースのスムーズな統合: BigCommerce for WordPressは、WordPressの強力なコンテンツ管理機能を損なうことなく、業界をリードするeコマース機能を利用できます。
  • サーバーリソースの使用を最小限に抑えます:カタログ管理、支払い処理、フルフィルメント物流管理など、eコマースのバックエンドとしてBigCommerceを使用できます。これは、eコマースストアがWordPressホスティングサービスのサーバーリソースに与える影響が最小限に抑えられることを意味します。
  • 高い拡張性:BigCommerceは、スピードやアップタイムを損なうことなくオンラインビジネスを成長させます。
  • eコマースのセキュリティを強化:BigCommerceはeコマースのセキュリティニーズをすべて引き受けます。PCIに準拠した安全な購入手続きが可能です。
  • ビルトイン決済オプション: PayPal powered by Braintreeのような一般的な支払いオプションを、最低のクレジットカード処理料金で利用できます。
  • 複数のチャネルで販売:各サイトはBigCommerceの「チャンネル」として機能します。BigCommerceアカウントと複数のWordPressサイト(チャネル)、マルチサイトネットワーク、ソーシャルアカウントを接続し、商品を販売することができます。
  • SEOツール:BigCommerceには、検索エンジンの検索結果でストアの可視性を向上させるためのSEOツールと機能がビルトインされています。これには、カスタマイズ可能なURL、メタ情報、サイトマップなどが含まれ、検索エンジン向けにストアを最適化します。

BigCommerceとWooCommerceの比較はどうでしょうか?BigCommerceとWooCommerceを比較した投稿をご覧ください。

それでは、BigCommerceを使ってWordPressにお買い物カゴを作る方法をご紹介しましょう。下のリンクから投稿の各セクションに飛ぶことができます:

BigCommerceを始める

まず、BigCommerceのサイトにアクセスし、「Get Started」ボタンをクリックします。

Sign up for BigCommerce

登録フォームが表示されます。

画面の指示に従って手続きを行ってください。

Sign up for BigCommerce account

サインアップしたら、ダッシュボードにアクセスします。

WordPressサイトとの接続を求められます。

BigCommerce dashboard

これでBigCommerceストアの準備は完了です!あとはWordPressで商品とお買い物カゴを表示するように設定します。

WordPressでBigCommerceを使ってお買い物カゴを作る

最初に行う必要があるのは、BigCommerce for WordPressプラグインをインストールして有効化することです。詳しい手順はWordPressプラグインのインストール方法をご覧ください。

プラグインがインストールされ有効化されると、管理画面に「BigCommerce」と書かれた新しいナビゲーションメニューが追加され、セットアップウィザードが開きます。

まず、アカウントに接続するか、新規アカウントを作成するかを尋ねられます。

Connect with BigCommerce Account or Create New Account

マイアカウントに接続」ボタンをクリックして次に進みます。

BigCommerceアカウントへのログインが必要なポップアップが表示されます。その後、プラグインをBigCommerceアカウントに接続するか確認するよう求められます。

Confirm BigCommerce connect

Confirm(確認)」ボタンをクリックして次に進みます。

ポップアップが閉じ、WordPressサイトに新しいBigCommerce画面が表示されます。このページでは、WordPress用のBigCommerceを設定します。

Set Up a Channel for WordPress Site in BIgCommerce

チャンネル名を入力し、自動リスティングオプションを設定し、「Continue」ボタンをクリックします。

Yes, automatically list new BigCommerce products on this channel’を選択すると、すべての新商品が自動的に同期され、WordPressサイトに表示されます。

次の画面では、BigCommerce for WordPressの使用方法を選択できます。WordPressサイトを本格的なストアにする場合は、「Full Featured Store」を選択できます。

また、WordPressブログにお買い物カゴのページだけを追加したい場合は、「シンプルブログ」を選択することもできます。

Choose How You Want to BigCommerce for WordPress

シンプル・ブログ・モードでは、投稿やページに個別の商品を追加することもできる。

次に、画面にBigCommerceの設定ページが表示されます。WordPressダッシュボードから設定できるすべての設定が含まれています。

BIgCommerce for WordPress Settings

WordPressのBigCommerceの最初の設定はProduct Syncです。

これをクリックすると、同期頻度、自動リスト、インポートバッチサイズを選択できる。

BigCommerce for WordPress Product Sync Options

次に、お買い物カゴと購入手続きのオプションを設定します。カートを有効化」オプションをチェックするだけで、ユーザーがWordPressから直接お買い物カゴに商品を追加できるようになります。

WordPressを離れることなく購入手続きを完了させたい場合は、埋め込みチェックアウトを有効化することもできます。

BIgCommerce for WordPress Cart and Checkout Options

上のスクリーンショットのように、初期設定ではお買い物カゴページが選択されています。プラグインはセットアップの過程で、お買い物カゴページを含む必須ページを自動的に作成します。

ダッシュボードからページ ” すべてのページを選択すると、作成されたページを表示できます。

BigCommerce for WordPress Default Pages

次に、「ギフト券の設定」が表示されます。

ユーザーにストアクレジット用のコードを購入させたい場合は、ギフト券を有効化することができます。

BigCommerce for WordPress Gift Certificates Settings

通貨設定」では初期通貨を設定することができます。

また、税込・税抜価格表示のオプション設定も可能です。

BigCommerce for WordPress Currency Settings

次に、「アカウントと登録」の設定が表示されます。ログインページ、アカウントプロフィールページ、注文履歴ページ、その他重要なページが初期設定で選択されています。

サポートメールも追加できます。

BigCommerce for WordPress Account and Registration Settings

アナリティクス設定、商品レビュー、APIログイン情報、チャンネル、診断のオプションが増えました。

今すぐ設定することも、後で設定するためにスキップすることもできる。

BIgCommerce for WordPress Analytics and Other Settings

すべて入力したら、ほぼ完了だ。

右上の「変更を保存」ボタンをクリックし、設定を保存することをお忘れなく。

Save Settings BigCommerce for WordPress

これでBigCommerce ” Productsでサンプル商品を表示できます。

これらは初期設定であなたのサイトに追加されています。

BigCommerce Sample Products in WordPress dashboard

フロントエンドで「商品」ページをプレビューすることもできます。

管理バーの画面上部にある「商品の表示」をクリックするだけです。

View BigCommerce Products in WordPress

Twenty Nineteenテーマを使ってWordPressでBigCommerceのお買い物カゴを表示するとこんな感じです。

テーマは多少異なっても、全体的な店頭の外観は似ています。

Shopping Cart in WordPress with BigCommerce

また、WordPress用のベストeコマーステーマのリストをチェックして、あなたに最適なストアデザインを見つけてください。

BigCommerceで商品を管理する

上記で作成したアカウントは、サンプル商品付きの無料トライアルアカウントです。次のステップでは、BigCommerceのストア設定を行い、実際の商品を追加します。

1.BigCommerceストアに商品を追加する

BigCommerceの商品は「商品」メニューから追加・管理できます。

そこには、初期設定でストアに追加されたサンプル商品が表示されます。

BigCommerce Products Page

これらの商品を削除したり、実際の商品詳細と置き換えたりすることができます。

新規商品を追加するには、上部の「追加」ボタンをクリックします。

Add New Products to BigCommerce Store

商品名、価格、税金の詳細、商品カテゴリー、商品タイプ、その他の情報を追加します。また、以下のセクションから商品の説明、配送の詳細、在庫のオプションを追加することができます。

完了したら、商品を保存します。その後、「画像と動画」リンクをクリックして、商品の画像と動画を追加することができます。

Add Product Images to BigCommerce Store

同様に、在庫、オプションとSKU、カスタマイザーなど、より多くのオプションを上部のオプションから確認することができます。完了したら、製品を保存することを忘れないでください。

商品」メニューでは、商品のインポートやエクスポート、商品カテゴリー、商品フィルター、ブランド、商品SKUなどの管理もできます。

BigCommerceストアに新しい商品、カテゴリー、ブランドなどを追加すると、WordPressサイトに自動的に同期されます。

2.支払いオプションの設定

BigCommerceにはいくつかのビルトイン決済オプションがあります。

ストアセットアップ ” ペイメントをご覧ください。

BigCommerce Payment Settings

PayPal、クレジットカード、銀行預金などのオフライン決済方法、2CheckoutやAmazon Payなどのオンライン決済方法、さらにデジタルウォレットを素早く設定できる。

3.プランの選択とアップグレード状況

BigCommerceは主にオンラインストアを構築するための有料プラットフォームです。無料トライアル版の有効期限は15日間ですので、期限が切れる前にアカウントをアップグレードしてください。

右上の「プランを選択」ボタンをクリックします。

Select a BigCommerce Plan

その後、利用可能な価格オプションが表示されます。

BigCommerceには3つの基本プラン(Standard、Plus、Pro)と、超大規模顧客向けのEnterpriseプランがあります。

BigCommerce Pricing Plans

BigCommerceのStandardプランは月額29ドルで、月5万ドルまでの収入を得ることができます。それ以上稼ぐ場合は、Plusにアップグレードする必要があります。

WordPressサイトにBigCommerceの商品を表示する

BigCommerceで商品を追加し、ストアオプションを設定したら、WordPressサイトに商品を表示し、販売を開始することができます。

WordPressサイトにBigCommerceの商品を追加する方法は複数あります。最も簡単な方法を2つご紹介します。

1.ナビゲーションメニューに商品ページを追加する

WordPressでBigCommerceの商品ページを表示する最も簡単な方法は、WordPressのメニューにページを追加することです。外観 ” メニューにアクセスし、新規メニューを作成します。

Create a New Menu in WordPress

詳細な手順については、WordPressにナビゲーションメニューを追加する方法についての初心者向けガイドをご覧ください。

その後、「カスタムリンク」オプションをクリックし、「商品」ページのURLを入力します。

このページは、ダッシュボードからダッシュボード” 商品 ” 商品を表示で見つけることができます。ページのURLは通常、ドメイン名の末尾に/products/が付いたものです。

例えば、http://example.com/products/

Add a Custom Link to WordPress Menu

次に、リンクテキストを入力し、「メニューに追加」ボタンをクリックします。お買い物カゴ」のページをメニューに追加するのも良いアイデアです。

その後、メニューの表示場所を選択し、「メニューを保存」ボタンをクリックします。

Save Your WordPress Menu

完了したら、サイトにアクセスして、新しいメニュー項目を実際に見てみましょう。

テーマによってメニューの表示方法は異なりますが、ユーザーはリンクをクリックしてショップに移動し、ショッピングカードを見ることができます。

WordPress Primary Menu Demo

2.WordPressで投稿に商品を埋め込む

WordPressブログにBigCommerceの商品を追加するもう一つの簡単な方法は、投稿やページに個々の商品を埋め込むことです。

この方法は、数種類の商品しか持っておらず、ランディングページやブログ投稿に追加したい場合に適している。

WordPressのコンテンツエディターを開き、「新規ブロックの追加」アイコンをクリックします。その後、BigCommerce Productsブロックを選択します。

Add BIgCommerce Products Block to Your Post

投稿が完了すると、BigCommerceストアの商品が投稿編集エリアに表示されます。

ブロックをカスタマイズし、コンテンツを追加し、投稿を公開することができます。

BigCommerce Products List in WordPress Post

BigCommerceはWordPress用の優れたeコマースプラットフォームで、WooCommerceに代わる強力なプラットフォームです。

しばしばユーザーからBigCommerceとShopifyの比較を尋ねられますが、私たちの目には、BigCommerceはShopifyよりもWordPressとの統合がより強固であるため、より優れたプラットフォームであると映ります。

しかし、WordPressとの完全な統合にはWooCommerceが最適です。詳しくは、WordPressでオンラインストアを始める方法のステップバイステップのチュートリアルをご覧ください。

この投稿が、WordPressでBigCommerceを使ってお買い物カゴを作る方法のお役に立てば幸いです。最高のWooCommerceプラグインのリストや、eコマースストアを保護するための無料のSSL証明書の取得方法もご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

5件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    If I use this product as an ecommerce solution, are the data and products physically uploaded to my FTP or does wordpress work only as a backend and physically is the data on the server of the provider of this ecommerce solution?

  3. umair says

    Hi,

    I am a WP beginner and also install and connect the BigCommerce with WordPress but not proceed with the checkout page.

    • WPBeginner Support says

      If you’re having trouble with your checkout page, you should be able to reach out to BigCommerce and they will be able to assist.

      管理者

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。