簡単な手順でWordPressでEコマースウェブサイトを作成する方法

公開: 2021-04-05

Eコマースは現時点で投資する有望な分野です。 専門家によると、2021年には業界全体の小売売上高が49億ドルに達すると推定されています。したがって、オンラインで製品を販売するeコマースWebサイトを用意して、この傾向に追いつくことが非常に重要です。 この記事では、WooCommerceプラグインを使用してWordPressでeコマースWebサイトを作成する方法を説明します。 それをチェックしよう!

目次を隠す
  1. Eコマースのウェブサイトを作成するためのプラットフォーム1
  2. 2.ステップ1:ドメインとホスティングサービスを選択する
  3. 3.ステップ2:WordPressと外観を設定する
  4. 4.ステップ3:WooCommerceプラグインをインストールします
  5. 5.ステップ4:WooCommerceプラグインを使用して製品を追加する
  6. 6.ステップ5:製品ページ情報を設定する
    1. 6.1。 税情報の設定([税]タブ)
    2. 6.2。 配送情報の設定([配送]タブ)
    3. 6.3。 お支払い方法を設定する
    4. 6.4。 電子メール通知を設定する
  7. 7.ステップ6:Webサイトにその他の重要な機能を追加する
  8. 8.評決

Eコマースウェブサイトを作成するためのプラットフォーム

eコマースWebサイトを作成するには、サポートプラットフォーム(またはWordPressを選択した場合はプラグイン)が必要です。 これらのプラットフォームは、eコマースWebサイトを迅速かつ便利に作成するのに役立つ機能を提供します。 たとえば、これらのプラットフォームを使用して、商品の追加とカスタマイズ、カートの追加、合計請求額の計算、配送サービスや税金の追加などを行うことができます。 Webサイトを構築するすべてのステップは、コーディングせずに直感的なUIを使用して実行できます

WooCommerce、BigCommerce、Wix、無料のShopifyの代替品など、利用可能なプラットフォームがいくつかあります。ただし、WooCommerceプラグインは依然としてWordPress Webサイトで最も人気のある選択肢であり、具体的にはwordpress.orgに500万を超えるアクティブなインストールがあります。証拠。 したがって、このプラグインを例として使用します。

WooCommerceを使用すると、カジュアルな製品(衣服、食品)からバンドル、ソフトウェア、コース、Webサイトのメンバーシップ、さらには予約サービスまで、あらゆる製品を販売できます。 一般的に、何をどのように販売するかに関係なく、このプラグインはとにかくあなたのニーズを満たすことができます。

次に、WordPress使用してeコマースWebサイト作成するための詳細な手順を確認します

ステップ1:ドメインとホスティングサービスを選択する

ドメインは、インターネット上のWebサイト(たとえば、gretathemes.com)のアドレスです。 優れたドメインは、簡潔で覚えやすく、ブランドに関連している必要があります。 顧客がサイトを簡単に検索できるように、ブランドまたは製品に一致するドメインを用意することをお勧めします。 たとえば、MetaBoxプラグインのWebサイトのドメインはmetabox.ioです。

次に、ホスティングサービスを登録する必要があります。 簡単に言えば、これはあなたのウェブサイトを配置するためにインターネット上の土地を雇うようなものです。 あなたのウェブサイトデータベースはホスティングサービスのサーバーに保存されています。

また、ホスティングサービスの選択方法に関する詳細な説明も書きました。 こちらで確認できます。

信頼できるホスティングサービスと必要なドメインを取得したら、ドメインをホスティングに接続してください。 ここでそれを行う方法を確認してください。

ステップ2:WordPressと外観を設定する

次に、最新バージョンのWordPressをインストールしてください。

WordPressを正常にインストールした後、Webサイトの見栄えが良くなる必要があります。 ウェブサイトのデザイン会社を雇うことは良い解決策かもしれません、あるいはあなたはあらかじめ作られたワードプレスのテーマを進めることができます。

eコマースのウェブサイトで利用できるテーマはたくさんあります。 これらのテーマのいくつかは、特にWooCommerceと互換性があります。 これらのテーマは、WooCommerceでうまく機能するだけでなく、製品を完全に表示するのにも役立ちます。

このガイドでは、無料の多目的WordPressテーマであるeStarをインストールします。

WordPressテーマのインストール方法に関する完全なガイドが必要な場合は、ここをクリックしてください。

WordPressテーマをインストールする

これで、WordPress Webサイトのホスティング、ドメイン、テーマである重要な部分ができました。 サイトをオンラインストアにするには、ステップ3に進み、WooCommerceプラグインをインストールします。

ステップ3:WooCommerceプラグインをインストールする

まず、プラグインをインストールしてアクティブ化してください。 WooCommerceはwordpress.orgで無料で入手できます。

WooCommerceプラグインをインストールします

プラグインを正常にアクティブ化すると、次のようにストア情報をすばやく構成するためのページがすぐに表示されます。

ストア情報を構成する

このエントリには、店舗の住所、業界、製品タイプなどの情報を入力する必要があります。

WooCommerceは、オンラインストアにいくつかの素敵なテーマもお勧めします。 ただし、手順2でテーマをインストールしたので、[アクティブなテーマで続行]をクリックしてください。

WooCommerceはオンラインストアにいくつかのWordPressテーマを推奨しています

必要なすべての情報を入力したら、次のステップで最初の製品の追加を開始できます。

ステップ4:WooCommerceプラグインを使用して製品を追加する

もちろん、販売を開始するには、重要な情報とともに製品をサイトに提示する必要があります。

WordPressサイトに製品を追加してみましょう。 [製品] > [新規追加]に移動し、製品名、価格、説明などを入力します。

WordPressのWebサイトに製品を追加する

また、WooCommerceプラグインを使用して手動または自動で製品を追加する方法に関する詳細なガイドもあります。 ここをクリックして読んでください。

たとえば、ロゴ付きのビーニーをショップに追加します。

まず、商品名、説明、タグ、カテゴリを入力します。

製品の名前、説明、タグ、およびカテゴリを入力します。

次に、価格、税金、寸法、重量などの他の情報を[製品データ]セクションに入力します。 商品画像商品の簡単な説明のセクションにも記入する必要があります。 終了したら、[公開]をクリックします。

eコマースWebサイトの他の情報を入力します

追加した製品は、次のようにWebサイトに表示されます。

WordPressウェブサイトのフロントエンドにある製品ショー

他の製品を継続すると、結果は次のようになります。

eコマースWebサイトの製品

これで、すべての製品がサイトに追加されました。 バックエンドで[製品の表示]をクリックして、製品ページを表示します。

ただし、顧客が製品に簡単にアクセスできるようにするには、メニューでそのページへのショートカットを追加する必要があります。 ここでそれを行う方法を学びます。

メニューに追加した製品ページへのリンクは次のとおりです。

メニューの製品ページ

また、カスタマイザーを使用して、製品ページをホームページとして設定できます。 このように、あなたの顧客はあなたのサイトを訪問するとすぐにあなたのリストされた製品を見ることができます。

製品ページの構成が完了したら、WooCommerceのいくつかの機能をセットアップして、自分と顧客のニーズに合うようにする必要があります(ステップ5に続く)。

ステップ5:製品ページ情報を設定する

WooCommerceプラグインは、配達、税金、支払いなど、オンラインショップに必要な基本機能を設定するための多くのオプションを提供します。これらのエントリを設定するには、 WooCommerce >設定に移動し、以下のタブで情報を編集します。

製品ページ情報を設定する

製品税金配送支払いは、これらのセクションが顧客の関心事であるため、多くの場合最も重要です。

ノート:

  • 不要な場合は、一部のセクションを空白のままにすることができます。
  • ?をクリックします各セクションの横にあるツールチップボタンをクリックして、作成者の指示を読みます。

ボタンをクリックして、WooCommerceの説明を読んでください

税情報の設定([税]タブ)

WooCommerceは、商品に含まれる税金を自動的に計算できます。 この機能を有効にするには、[一般]に移動し、[税率と計算を有効にする]チェックマークを付けてから、[変更保存]をクリックして続行します。

WooCommerceプラグインの税機能を有効にする

次に、 [設定]セクションに[税金]タブが次のように表示されます。

WooCommerceプラグインの[設定]セクションに[税金]タブが表示されます

[税金]タブでは、税金の追加、削除、税金を含む価格のオン/オフ、税金の計算方法の選択などを行うことができます。

商品や国/地域ごとに税金が異なる場合があるため、販売している商品に基づいて、これらの税金オプションを独自設定する必要があります。

すべての地域に適用される標準税に加えて、税率が高いまたは低い各地域/国の追加税クラスにいくつかの税計算を追加できます。

私の場合、顧客はベトナムからだけなので、北極のランダムな男性の税率を気にする必要はありません。 したがって、この追加の税クラスのセクションを空白のままにして、標準(すべての顧客に対して1つの税計算)のみを設定しました。

WooCommerceプラグインを使用して税クラスを設定する

具体的には、どの国のお客様にも20%の一般税率(送料や付加価値税などの税額)を適用するので、[複合]と[配送]の両方のチェックボックスをオンにします。

どの国の顧客にも20%の一般税率を適用します

海外の顧客向けのWebサイトを作成する場合、税の設定ははるかに複雑になります。 国によって税率(特に送料)が異なるため、WooCommerceのこのガイドを注意深くお読みください。

配送情報の設定([配送]タブ)

[配送]タブでは、いくつかの配送ゾーンを追加したり、配送方法を選択したり、商品を分類するクラスやデフォルトの配送ゾーンなどを選択したりできます。

[配送ゾーン]で、[配送ゾーンの追加]をクリックして目的のゾーンを作成してください。

WooCommerceプラグインで配送ゾーンを追加する

次に、ゾーンに入り、[配送方法の追加]クリックします

オンラインストアの配送方法を追加する

ここでの3つのデフォルトの配送方法は、定額(固定価格)送料無料、およびローカル集荷(顧客が自分で商品を受け取る)です。 また、[配送方法の追加]クリックして、他の配送方法を追加することもできます。

オンラインストアのカスタム配送方法を追加する

私のオンラインストアは国内配送のみを扱っているため、ベトナムを唯一の配送ゾーンとして追加します。 送料無料ローカルピックアップの2つの配送方法です。

オンラインストアの送料無料とローカルピックアップの配送方法を選択します

[配送クラス]セクションでは、商品を分類し、さまざまな配送方法(軽量、かさばるなど)を適用できます。

製品を分類し、さまざまな配送方法を適用します

お支払い方法を設定する

WooCommerceプラグインは、5つの支払い方法を提供します。 これらの方法は、ニーズと顧客の習慣に基づいて選択できます。

私の店では、銀行振込代金引換を選択しています

ショップの支払い方法を設定する

:国内の支払いゲートまたは銀行を統合する場合は、追加のプラグインを使用するか、開発者を雇って独自の支払いゲートを作成してください。

電子メール通知を設定する

このメールセクションでは、各セクションの右側にある[管理]をクリックて、注文の完了やキャンセルなどに関する顧客やスタッフへの通知を編集できます。

ショップをスムーズに機能させるには、すべてのステップでキュレーターの適切なメールアドレスを入力する必要があります。 たとえば、技術スタッフは注文に問題が発生したときにメールを受信する必要があります。また、顧客ケアスタッフは注文が正常に行われたときにメールを受信する必要があります。

メールを受信するスタッフを選択してください

その上、あなたはあなたのブランドを宣伝するためにあなたの電子メールにいくつかのメッセージを加えることができます。 一石二鳥!

メールにメッセージを追加する

このステップの後、Webサイトを稼働させることができますが、Webサイトをより専門的にするには、テーマを選択してWooCommerceを設定するだけでは不十分な場合があります。 あなたは本当にあなたのビジネスを飛ばすためにいくつかの追加機能を必要とするかもしれません。 ステップ6でそれらをチェックしてみましょう!

ステップ6:Webサイトに必要なその他の機能を追加する

ショップを効果的に機能させ、コンバージョン率を高くするには、次のものが必要です。

  • 召喚状ボタン(CTA)
  • 関連記事
  • ソーシャルシェアリング
  • ソーシャルリンク
  • 星評価

これらの機能は、顧客とのより良い関係を確立するのに役立ちます。 彼らはまた、彼らがあなたの製品を購入することを簡単に決定するか、彼らにもっと購入するように刺激するのを助けます。 したがって、いくつか追加することを忘れないでください。

これらの追加機能をサイトに追加するには、プラグインまたはコードを使用できます。 eコマースWebサイトに不可欠なプラグインについての投稿が予定されているので、ご期待ください。

場合によっては、WooCommerceがサポートしていない特別な情報が製品に含まれていることがあります。 いくつかのカスタムフィールドを作成および追加して、メタボックスプラグインでその情報を表示できます。 詳細なガイドについては、ここをクリックしてください。

評決

eコマースWebサイトがあると、ビジネス/ショップがより多くの顧客にアプローチし、ショッピング時間を短縮し、より良い支払い手順を提供するのに役立ちます(スーパーマーケットのようにキューイングは必要ありません)。 その結果、売り上げが伸び、チームは多くの時間と労力を節約できます。

サイトのセットアップを開始するには、WordPressの基本的な知識が必要です。 もちろん、これは基本的な構成の単純なeコマースWebサイトにすぎません。 本当に美しく、迅速で効果的なWebサイトが必要な場合は、コーダーの助けが必要になります。

コーディングについての知識がない場合は、専門のWebサイト代理店を雇って、すべてを処理してもらいます。 ウェブサイトをデザインするために誰かを雇うことはあなたに大金を費やすことはありません、そして投資は絶対にそれだけの価値があります!