自分のペースでビジネスを構築する最善の方法の1つは、オンラインで商品を販売することですが、セットアップは圧倒されるように感じることがあります。新しいECサイトを構築する際は、常に、空白の画面から顧客が利用できるプロフェッショナルなストアまでの最も簡単なパスに焦点を当てています。
このガイドでは、WordPressでオンラインストアをセットアップする方法をステップバイステップで正確に説明します。これにより、不要なツールやテクノロジーに迷うことなく販売を開始できます。
オンラインストアにWordPressを使用する理由
WordPressは、世界中の全ウェブサイトの約43.4%を支えています。ECにおいては、WooCommerceプラグインが最大のプレーヤーの1つです。これは、世界のECプラットフォーム市場の約20.1%を占め、350万以上のオンラインストアを支えています。
WordPressとWooCommerceやEasy Digital Downloadsのようなプラグインを使用すると、コードを一行も触ることなく、ストアのデザインをカスタマイズしたり、支払いゲートウェイを追加したり、注文を管理したりできます。このプラットフォームはSEOにも強く、検索結果での商品のランキングを向上させるのに役立ちます。
何よりも、WordPress自体は無料です。開始するには、ホスティングとドメイン名に支払うだけで済みます。ドロップシッピングビジネスを構築する場合でも、アプリを販売する場合でも、完全なオンラインマーケットプレイスを作成する場合でも、WordPressはストアを希望どおりの外観と機能にすることができる柔軟性を提供します。
WordPressウェブサイトのセットアップ
オンラインストアを作成する最初のステップは、ウェブホスティング、ドメイン名、およびSSL証明書を取得することです。
ホスティングはウェブサイトのファイルをオンラインで保存し、ドメインは人々がサイトを訪問するために入力するアドレスであり、SSL（Secure Sockets Layer）証明書は、チェックアウト中にクレジットカードの詳細などのデータを安全に保ちます。
平均して、ホスティングは約月額7.99ドル、ドメインは年間約14.99ドル、SSL証明書は年間69.99ドルかかります。価格はプロバイダーによって異なります。
Bluehostは、WordPressとWooCommerceが公式に推奨するホストであり、ホスティング、無料ドメイン、SSLが月額わずか2.75ドルで利用できる特別オファーを提供しています。
このガイドではBluehostを使用しますが、おすすめのWordPressホスティングプロバイダーリストから他のホストを選択することもできます。
Bluehostにサインアップした後、ホスティングダッシュボードへのリンクが届きます。WordPressは自動的にインストールされるため、手動でセットアップすることなくすぐにログインできます。
WordPressにログインをクリックしてサイトにアクセスします。別のホストを使用している場合、ダッシュボードの外観は異なる場合があります。必要に応じてホストのドキュメントを確認してください。
WordPress内に入ると、ダッシュボードが表示されます：
ここから、eコマースプラグインのインストール、支払い処理の設定、商品の追加ができます。次に各ステップを説明します。技術的なスキルは不要です。
SeedProd を使用してシンプルなオンラインストアをセットアップする方法
オンライン販売が初めての場合、最も早く始める方法は、電子書籍、Tシャツ、ブランド商品などの少数の商品を販売するシンプルなストアを用意することです。
通常、WordPress テーマを選択し、eコマースプラグインをインストールし、支払いオプションを設定する必要があります。初心者にとって、そのプロセスは圧倒的で、何時間もかかる可能性があります。
WordPress 用の最高のドラッグ＆ドロップウェブサイトおよびページビルダーである SeedProd を使用すると、追加の e コマースプラグインを必要とせずに、ストアのデザインと支払い処理をすべて 1 つで行うことができます。
SeedProd は、ビジュアルドラッグ＆ドロップエディターでカスタマイズできる何百もの既製のテンプレートを提供します。コードに触れることなく、商品の詳細をすばやく追加したり、画像をアップロードしたり、ストアのレイアウトを整理したりできます。
組み込みの支払いボタンブロックを使用すると、個別のチェックアウトプラグインをインストールせずに、サイトから直接、あらゆる商品に対して 安全な Stripe 支払いを受け入れることができます。
数回クリックするだけで SeedProd で最初のオンラインストアを作成するには、以下の手順に従ってください。
ステップ1. SeedProdのインストールと有効化
まず、WordPress ウェブサイトに SeedProd をインストールして有効化します。このガイドでは、WordPress Theme Builder 機能のために SeedProd Pro を使用します。
ヘルプについては、ライセンスキーのアクティベーション方法についても説明している SeedProd Pro プラグインのインストールに関するドキュメントを参照してください。
ステップ2. テンプレートを選択
次に、SeedProd を使用してコーディングなしで カスタム WordPress テーマを作成します。WordPress 管理画面から SeedProd » Theme Builder に移動し、Theme Template Kits ボタンをクリックします。
そこから、SeedProd の サイトキットライブラリを閲覧できます。各キットにはさまざまなウェブサイトのニッチに対応する複数のデザイン済みページが含まれているため、ニーズに合ったものを見つけるのは簡単です。キットに虫眼鏡アイコンをホバーして、詳しく見てください。
気に入ったサイトキットを見つけたら、チェックマークアイコンをクリックしてインポートします。Danno Music Theme は、商品販売用のチケットページがプレデザインされているため、これを選択しました。
これには数秒しかかからず、インポートが完了すると、WordPress テーマを構成するテンプレートのリストが表示されます。
各項目は、ホームページ、ブログページ、サイドバーなど、異なるテーマコンポーネントです。これらはすべて、SeedProd のドラッグ＆ドロップページビルダーで編集できます。これにより、あらゆる部分をカスタマイズし、リアルタイムで変更を確認できます。
たとえば、ホームページテンプレートにカーソルを合わせて「デザインを編集」リンクをクリックすると、ホームページがビジュアルエディターで開きます。
次に、どこかをクリックしてコンテンツをカスタマイズしたり、左側のパネルからブロックをドラッグして新しいデザイン要素を追加したりできます。SeedProd の WordPress ブロックはそれぞれ簡単なカスタマイズオプションを備えているため、専門家でなくても希望通りの外観にすることができます。
既製の「チケット」ページをカスタマイズして商品を販売する際のカスタマイズオプションを見てみましょう。
ステップ3：商品ページをカスタマイズする。
SeedProdのドラッグ＆ドロップビルダーを使用して、任意のWordPressページをカスタマイズできます。セットアップ中に選択したサイトキットにカスタムページがある場合は、WordPressダッシュボードから[ページ] » [すべてのページ]に移動して見つけることができます。
そこから、編集したいページを見つけて、「SeedProdで編集」リンクをクリックします。数秒でページがビジュアルエディターで開かれ、以前のテーマテンプレートパーツのようにカスタマイズできます。
デフォルトでは、このデザインには、ライブツアーのさまざまなチケット価格を宣伝する3列のセクションがあります。ブランドの商品を販売するためにカスタマイズしたいとしましょう。これは、多くのライブストリーマーやYouTubeチャンネルクリエイターがブランドを収益化するために行うことです。
その場合、このページのあらゆる部分をブランドに合わせてカスタマイズできます。まず、価格表にカーソルを合わせて、ゴミ箱アイコンをクリックして削除しましょう。
次に、それを置き換えるレイアウトオプションを選択します。
次に、左側のサイドバーにある[画像]ブロックを見つけて、最初の列にドラッグします。
ここに最初の商品の画像を追加します。ブロックをページに追加したら、それをクリックし、ブロック設定のオプションを使用して、コンピューターまたはWordPressメディアライブラリから画像を選択します。
他の2つの列についても同様に繰り返し、他の商品の画像を追加してください。
次に、各商品に見出しを追加しましょう。[見出し]ブロックを各列にドラッグし、各商品のタイトルを入力します。
ブロック設定では、見出しのサイズ、配置、見出しレベルなどを調整できます。
販売したい各商品について、ターゲットオーディエンスに合わせた商品説明を追加するために、[テキスト]ブロックを使用してこの手順を繰り返します。
[テキスト]ブロックには、[見出し]ブロックと同様のカスタマイズオプションがあります。[高度な設定]タブでは、色、フォント、スタイルなど、さらに多くの設定を制御できます。
人々があなたの製品を購入するには、支払い方法が必要です。SeedProdの[支払いボタン]ブロックを使用すると、最も人気のある支払いゲートウェイの1つであるStripeを使用して、商品代金を即座に受け取ることができます。
これを行うには、[支払いボタン]ブロックを各商品にドラッグし、ポイントアンドクリック設定を使用してカスタマイズします。また、支払いボタンをStripeに接続する必要があります。これは、ブロック設定の[Stripeに接続]ボタンをクリックすることで実行できます。
注意：支払いボタンには、3％のトランザクション手数料+Stripe手数料がかかります。
Stripeアカウントを接続した後、商品の価格、説明、通貨オプションを入力できます。また、購入完了後にホームページやお礼ページなどの別のページにユーザーをリダイレクトする成功URLを追加することもできます。
すべてが希望どおりに見えるまでページのカスタマイズを続行してください。右上隅にある保存ボタンをクリックして変更を保存することを忘れないでください。
ページのタイトルを変更したい場合は、ページビルダーを終了し、ページ » すべてのページに戻ってください。
現在作業中のページを見つけて、「編集」リンクをクリックします。これにより、デフォルトのWordPressページエディターが開かれ、その中でページ名を変更できます。
変更に満足したら、公開をクリックします。
ステップ4.変更を公開する
オンラインストアを公開する前に、テーマのさまざまなテンプレートを確認し、ブランディングとコンテンツのニーズに合わせてカスタマイズしてください。たとえば、サイドバー、ヘッダーとフッター、ブログページ、ホームページなどをカスタマイズできます。
完了したら、 SeedProd » テーマビルダーに移動し、「SeedProdテーマを有効にする」というラベルのトグルを見つけます。このトグルを「はい」の位置に切り替えて、SeedProdテーマを公開します。
これで完了です！これで、ウェブサイトへの訪問者は商品ページを閲覧し、手間なく商品を購入できるようになります。
WooCommerceサイトの準備ができたので、安全に保つようにしてください。お客様とデータを保護するための、WooCommerceサイトを保護する方法に関するガイドはこちらです。
デジタル製品のオンラインストアを設定する方法
電子書籍、音楽、ビデオ、デジタルアート、ソフトウェアなどのデジタル製品のみを販売する予定の場合は、デジタル販売専用に設計されたプラグインを使用するのが最も簡単なソリューションです。
私の一番のおすすめはEasy Digital Downloads (EDD)です。これはデジタルダウンロードを販売するための最高のWordPressプラグインです。
EDDを使用すると、PDF、画像、ビデオ、オーディオトラック、プラグイン、テーマなど、ファイルをWordPressサイトから直接簡単に販売できます。1つのプラグインで安全なファイル配信、支払い処理、顧客管理を処理します。
何よりも、EDDはSeedProdとシームレスに連携するため、ブランドに合ったカスタムストアフロントをデザインできます。SeedProdには、サイトのどこにでも商品、カート、チェックアウトフォームを表示するための専用のEDDブロックも含まれています。コーディングは不要です。
開始するには、前のセクションのステップ1と2に従ってSeedProdでWordPressテーマを作成し、以下のガイドを使用してEDDでデジタルストアを設定してください。
注意: EDDブロックのロックを解除するには、SeedProd Eliteライセンスが必要です。
ステップ1. Easy Digital Downloadsのインストール
WordPressテーマがインストールされたら、Easy Digital Downloadsプラグインをインストールして有効化する必要があります。ヘルプについては、WordPressプラグインのインストール方法に関するこのガイドを参照してください。
EDDが有効になったら、WordPress管理画面からダウンロード » 設定に移動し、ライセンスキーを入力して、有効化ボタンをクリックします。
この後、下にスクロールして、ドロップダウンメニューを使用してビジネスの国と地域を入力します。これにより、EDDは税情報を自動的に計算できます。
次に、通貨タブを選択し、オンラインストアの希望する通貨を入力して、変更を保存ボタンをクリックします。
ステップ2.お支払い方法の設定
Easy Digital Downloadsは、PayPal、Stripe、Amazon Paymentsなど、さまざまな決済ゲートウェイ統合を提供しています。拡張機能を使用すると、さらに多くの決済プロバイダーから選択できます。
このガイドでは、デフォルトの決済ゲートウェイの設定を見ていきましょう。
設定ページから、支払いタブをクリックし、使用したい支払いオプションを選択します。複数のプロバイダーを使用している場合は、ドロップダウンメニューからデフォルトの支払いオプションを選択できます。
設定を保存するには、変更を保存ボタンをクリックします。
ページが更新されると、上部に各支払い方法の新しいタブが表示されます。それらをクリックすると、設定を構成できます。
たとえば、Stripeタブをクリックすると、簡単なセットアップウィザードを通じてStripeアカウントをWordPressに接続できます。PayPalでも同様に行うことができます。
次のステップに進む前に、変更を保存をクリックすることを忘れないでください。
ステップ3.デジタルダウンロードをWordPressに追加する
EDDの設定が完了したら、WordPressサイトに製品を追加できます。まず、WordPressダッシュボードからダウンロード »新規追加に移動し、最初の製品名、説明、価格、その他の情報を追加します。
次に、ページを下にスクロールして、製品画像をアップロードし、より目を引くようにします。
次に、購入後にユーザーがダウンロードできるデジタルファイルを追加できます。これを行うには、新規ファイルを追加をクリックし、製品ファイルをWordPressメディアライブラリにアップロードします。
以下に、ファイルダウンロードリンクへのアクセス方法に関するいくつかの指示を追加します。
製品の詳細が完了したら、公開ボタンをクリックします。同じ手順で、オンラインストアにさらにデジタル製品を追加できます。
ステップ4.カスタムデジタル製品ページを作成する
デフォルトの製品ページは、以下のスクリーンショットと同様のシンプルなデザインになります。
さらにカスタマイズするには、SeedProdのカスタムテンプレートパーツを使用してカスタムダウンロードページを作成できます。SeedProdはこのテンプレートをEasy Digital Downloadsと連携するように開発したため、製品ページのデザインを完全に制御できます。
SeedProd »テーマビルダーに移動し、新規テーマテンプレートを追加ボタンをクリックして作成できます。
ポップアップが表示され、テンプレートに「ダウンロードページ」などの名前を付けることができます。そこから、シングルページドロップダウンを選択し、「ダウンロード投稿タイプ」オプションを選択して、保存をクリックします。
新しいテンプレートがテンプレートリストの上部に表示され、「デザインを編集」リンクをクリックしてカスタマイズできます。
これで、SeedProdのEasy Digital Downloadsテンプレートタグを使用して製品ページを作成できるようになりました。これらのブロックは、EDDから製品データを自動的に取得し、ビジュアルエディター内に表示します。
利用可能なEDDテンプレートタグには、次のものが含まれます。
- ダウンロードタイトル
- ダウンロード抜粋
- ダウンロード価格
- ダウンロードカートに追加
これらをSeedProdの他のWordPressブロックと自由に組み合わせて、ユニークな製品ページデザインを作成できます。製品ページに満足するまでさまざまなレイアウトを試してから、保存ボタンをクリックして変更を保存してください。
ステップ5. EDDチェックアウトページをカスタマイズする
作成したいもう1つのページは、チェックアウトページです。ここでは、買い物客が支払い情報を入力して製品を購入できます。
SeedProdのEasy Digital Downloadsブロックを使用すれば、簡単で数分しかかかりません。
まず、新しいWordPressページを作成し、SeedProdで編集ボタンをクリックします。
そこから、Easy Digital Downloadsブロックを見つけて、チェックアウトブロックをページにドラッグします。
これにより、Webサイトのブランディングに合わせてカスタマイズできる設定を備えた、完全なEDDチェックアウトが表示されます。たとえば、フォームフィールドの色やフォントを変更したり、境界線をカスタマイズしたり、支払いセクションの外観を調整したりできます。
このページに追加できる別のブロックとして、ダウンロードグリッドブロックがあります。これにより、ユーザーが購入およびダウンロードできる製品のリストが追加され、平均注文額の増加とカート放棄の削減に役立ちます。
チェックアウトページをカスタマイズしたら、保存ボタンをクリックしてページビルダーを終了します。
次に、WordPressダッシュボードからダウンロード»設定»一般に移動し、ページタブをクリックします。
ここで、プライマリチェックアウトページの見出しを見つけ、ドロップダウンメニューから作成したばかりのチェックアウトページをSeedProdで選択します。これにより、ユーザーがチェックアウトするときにカスタムページが表示されるようになります。
最後のステップに進む前に、変更を保存ボタンをクリックしてください。
ステップ6.オンラインストアを公開する
これで、デジタルダウンロードストアを公開する準備ができました。SeedProd »テーマビルダーに移動し、SeedProdテーマを有効にするトグルをクリックして、テーマを公開します。
これで、オンラインストアをプレビューして、デジタル製品がどのように表示されるかを確認できます。
さらに詳しい情報は、WordPressでデジタルダウンロードを販売する方法に関する完全なガイドをご覧ください。
WooCommerceを使用してオンラインストアをセットアップする方法
物理的な製品、デジタル製品、またはその両方など、あらゆる種類の製品を販売したい場合は、WordPress向けの主要なeコマースプラグインであるWooCommerceが最良の選択肢です。
WooCommerceは、在庫管理、カスタマイズ可能な製品ページ、安全なチェックアウト、および販売促進に役立つマーケティングツールを備えた完全なオンラインストアシステムを提供します。
SeedProdとシームレスに連携し、専用のWooCommerceブロックが含まれているため、コードを書かずにストア全体をデザインできます。既製のWooCommerceテンプレートから始めて、ブランドに合わせてカスタマイズすることも可能です。
開始するには、SeedProdを使用してカスタムWordPressテーマを作成し（このガイドの前の手順を参照）、次に以下の手順に従って製品を追加し、支払い方法を設定して、WooCommerceストアを立ち上げてください。
注意: WooCommerceブロックのロックを解除するには、SeedProd Eliteプランが必要です。
ステップ1. WooCommerceのインストール
まず、WordPressサイトにWooCommerceプラグインをインストールして有効化します。
これを行うには、WordPressダッシュボードからプラグイン » 新規追加に移動し、WooCommerceを検索します。次に、WooCommerceのリストの横にあるインストールボタンをクリックし、有効化をクリックします。
WooCommerceが有効になったら、セットアップウィザードを起動し、簡単な手順に従ってオンラインストアを設定します。
ステップ2. 支払いと配送の設定
次に、オンラインストアの支払いオプションを設定する必要があります。WooCommerceは、PayPal、Stripeなど、いくつかの支払いゲートウェイを提供しています。
これらは、WooCommerce » 設定に移動し、支払いタブをクリックすることで見つけることができます。
配送設定は、オンラインストアのもう1つの重要な部分です。WooCommerceでは、配送ゾーンを定義し、配送料を追加し、各ゾーンに異なる配送方法を選択できます。
最後に、売上税の設定を構成します。後で法的な問題が発生しないように、税率が正しいことを確認してください。
ステップ3. 商品リストの追加
WooCommerceでの商品の追加は非常に簡単です。WordPress管理画面から商品 » 新規追加に移動し、WordPressエディターを使用して商品情報を追加します。
以下の情報を含めることができます：
商品を追加したら、公開をクリックし、ウェブサイトに掲載したいすべての商品に対してこの手順を繰り返します。
ステップ4. 商品ページのカスタマイズ
デフォルトのWooCommerce商品ページは、現在使用しているWordPressテーマのスタイルとレイアウトを引き継ぎます。しかし、SeedProdを使用すると、その見た目を簡単にカスタマイズできます。
これを行うには、WordPressダッシュボードからSeedProd » テーマビルダーに移動し、リストで商品ページテンプレートを見つけます。
このテンプレートを表示するには、SeedProdのWooCommerceサイトキットのいずれかを使用する必要があります。または、商品ページドキュメントの手順に従って作成することもできます。
「デザインを編集」リンクをクリックして、SeedProdのビジュアルエディターでテンプレートを開きます。
ここでは、SeedProdのWooCommerceテンプレートタグを使用して、以下の商品詳細をカスタマイズできます：
EDDブロックと同様に、SeedProdのWooCommerceブロックは商品リストからデータを自動的に取得します。これにより、作成する各WooCommerceページで手動で追加する必要がなくなります。
商品ページのデザインが完了したら、保存をクリックしてページビルダーを終了します。
ステップ5. その他のWooCommerceページをカスタマイズする
SeedProdを使用してWooCommerceサイトをカスタマイズする方法は他にもたくさんあります。作成中のオンラインストアの種類に応じて役立つ可能性のあるガイドをいくつか紹介します。
- WooCommerceのチェックアウトページをカスタマイズする方法
- カスタムWooCommerceサンキューページを簡単に作成する方法
- WooCommerceショップページを簡単にカスタマイズする方法
- WooCommerceの製品カテゴリページをカスタマイズする方法
- カスタムWooCommerceショッピングカートページを作成する方法（コードなし）
ステップ6. WooCommerceストアを公開する
WooCommerceストアを公開する準備ができたら、SeedProd » Theme Builderに移動し、SeedProdテーマを有効にするトグルを「はい」と表示されるまでオンにします。
そこから、WooCommerceストアをプレビューして実際に動作を確認できます。
オンラインストアのセットアップ方法FAQ
今すぐオンラインストアをセットアップ
このガイドでは、WordPressでオンラインストアをセットアップする3つの異なる方法を説明しました。SeedProdのコード不要のカスタマイズを使用すると、すぐに完全に機能するオンラインショップが完成します。
始める準備はできましたか？
あなたに最適な方法を選択するために、WooCommerce vs Easy Digital Downloadsの比較も役立つかもしれません。
お読みいただきありがとうございます！皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTube, X および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。
