WordPressサイトに配送料計算機を追加する方法

ビジネスがWordPressストアをセットアップするのを支援する際、最もよく聞かれる質問の1つが送料についてです。

ストアオーナーは、チェックアウト時に顧客を驚かせることなく、配送料を明確に表示する方法を求めています。

そのため、配送計算機を追加することをよくお勧めします。

この機能を追加したストアでは、エンゲージメントが向上し、カート放棄が減少することが一貫して確認されています。顧客が事前に配送料を概算できる場合、自信を持って購入を完了する可能性が高くなります。

このガイドでは、顧客体験を向上させコンバージョンを促進するために、配送計算機をセットアップする方法を詳しく説明します。

配送料金計算ツールとは & なぜそれを使用するのか？

配送計算機は、送料の合計金額を自動的に見積もるのに役立ちます。顧客に配送料金やその他の関連手数料を表示するため、顧客が手動で送料や経費を計算する必要がありません。

配送料の計算には、さまざまな要因が関係します。これらの一部には、製品の価格、宛先、出荷元、重量、寸法、配送サービスのタイプ、および計算中のその他の変数などが含まれます。

オンラインストアで複数の注文がある場合、配送料金を手動で計算するのは時間がかかることがあります。さらに、手動計算は間違いにつながり、顧客満足度に影響を与える可能性があります。

WordPressまたはWooCommerceサイトに配送料金計算ツールプラグインを使用すると、多くの時間を節約し、プロセスを自動化できます。

お客様は、単に自分の場所を選択し、実際にかかる製品コスト（配送後）を確認できます。これにより、顧客との関係が強化され、信頼が構築されます。

それでは、WordPressサイトに配送計算機を簡単に追加する方法を見てみましょう。また、WooCommerceストアに追加する方法も紹介します。

下のリンクをクリックすると、お好みのセクションにジャンプできます。

• WooCommerce に配送料計算機を追加する
• WordPress サイトに簡単な配送料計算機を追加する
• WordPressサイトに高度な配送料金計算ツールを追加する
• よくある質問

WooCommerce に配送料計算機を追加する

WooCommerce に配送料計算機を追加する最善の方法は、Product page shipping calculator for WooCommerce プラグインを使用することです。これは無料のプラグインで、顧客は製品をカートに追加する前に配送料を計算できます。

まず、WooCommerceプラグイン用の製品ページ配送料金計算ツールをダウンロードしてインストールする必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドをご覧ください。

有効化後、WooCommerce » Shipping Calculator にアクセスしてプラグインを設定できます。

このプラグインはすぐに使用でき、デフォルト設定を使用して開始できます。ただし、それらを編集して配送料金計算ツールをカスタマイズするオプションもあります。

プラグインは、配送料金を計算する際にWooCommerceの配送ゾーン設定からの情報を使用することに注意することが重要です。

WooCommerce で配送ゾーンを設定する

配送ゾーンを設定していない場合は、WordPressダッシュボードから WooCommerce » 設定 に移動し、「配送」タブに切り替える必要があります。

「配送ゾーン」セクションで、「配送ゾーンを追加」ボタンをクリックするだけです。

次に、ゾーン名を入力し、ドロップダウンメニューから地域を選択する必要があります。1つのゾーンに複数の国または都市を追加できます。

その後、「配送料金を追加」ボタンをクリックできます。

ポップアップウィンドウが開きます。

WooCommerceでは、3つの配送方法から選択できます。「定額料金」を選択して、配送料として請求される金額を入力できます。または、「送料無料」と「現地引き取り」オプションを選択することもできます。

完了したら、「配送方法を追加」ボタンをクリックするだけです。

ゾーンに複数の配送方法を追加し、適用される条件を設定できます。

次に、配送方法の下にある「Edit」（編集）オプションをクリックする必要があります。

その後、メソッドのタイトルを変更したり、送料が課税対象になるかどうかを選択したり、費用を入力したりできる小さなウィンドウが開きます。

費用については、顧客が商品をカートに追加した際に請求される定額料金を入力できます。送料に乗数を選択するオプションもあります。

完了したら、「変更を保存」ボタンをクリックします。

これで、配送ゾーンセクションに戻って、ゾーン、地域、配送方法を表示できます。

配送料金計算ツールの設定を編集

配送ゾーンの設定後、WooCommerce » 配送計算機 に戻って、WooCommerceプラグインの製品ページ配送計算機の設定を変更できます。

基本設定タブでは、計算機の製品ページでの位置と、計算結果の位置を編集できます。

下にスクロールすると、さらに多くの設定が表示されます。このプラグインでは、プラグインで使用されるメッセージの編集、配送方法の自動読み込みなどが可能です。

完了したら、ページの下部または側にある「変更を保存」ボタンをクリックするだけです。

次に、「フィールドを削除」タブに切り替えることができます。ここでは、送料計算機から任意のフィールドを削除するオプションが表示されます。

たとえば、プラグインはデフォルトで国、州、町/市、郵便番号/ジップフィールドを表示します。配送ゾーンに一致しないフィールドは無効にできます。

その後、「デザイン」タブに移動します。このプラグインでは、配送料金計算ツールの外観を編集するための複数のオプションが提供されています。

たとえば、背景色やテキスト色を変更して配送方法を表示したり、計算機に表示されるボタンの色を選択したりできます。

設定を保存するには、「変更を保存」ボタンをクリックすることを忘れないでください。

次に、WooCommerceストアにアクセスして、配送計算機が機能していることを確認してください。

下のスクリーンショットでは、顧客は最初に配送場所を選択し、「住所を更新」ボタンをクリックする必要があります。

これが完了すると、プラグインは配送ゾーンセクションで設定した配送料を自動的に計算し、合計金額に追加します。

このように、お客様は製品の価格に加えて支払う必要がある配送料を知ることができます。

WordPress サイトに簡単な配送料計算機を追加する

WooCommerceストアをお持ちでなく、WordPressサイトに一般的な配送料金計算ツールを追加したい場合は、WPForms を使用できます。

詳細なテストの結果、あらゆる種類のフォームを作成できる最高のWordPress計算機プラグインであると結論付けました。例えば、数回のクリックで問い合わせフォーム、計算機、アンケート、登録フォームを追加できます。

評価中に発見したすべての機能の詳細については、WPFormsレビューをご覧ください。

まず、WPFormsプラグインをインストールして有効化する必要があります。詳細は、WordPressプラグインのインストール方法に関するチュートリアルをご覧ください。

有効化後、WordPressダッシュボードから WPForms » 設定 ページにアクセスしてライセンスキーを入力してください。この情報はWPFormsウェブサイトのアカウントで確認できます。

その後、 WPForms » アドオン ページに移動し、「計算アドオン」を見つけます。

次に、「アドオンをインストール」ボタンをクリックするだけで、サイトで有効化されます。

次に、WordPress 管理サイドバーから WPForms » 新規追加 ページに移動します。

ここで、作成しようとしている計算機フォームの名前を入力することから始めることができます。

その後、「配送料金計算フォーム」テンプレートを見つけて、「テンプレートを使用」をクリックします。

これを行うと、ドラッグアンドドロップビルダーが画面に表示されます。ここでは、右側にフォームプレビュー、左側にフォームフィールドが表示されます。

これで、さまざまなフィールドをクリックして、好みに合わせて設定を編集できます。詳細については、WordPress でカスタム計算機を追加する方法に関する初心者向けガイドをご覧ください。

次に、「Estimated Shipping Cost」（推定配送料金）フィールドまでスクロールダウンし、左側の列でその設定を開きます。次に、「Advanced」（詳細設定）タブに切り替えて、フォームで使用されている計算式を確認します。

ここから配送料を変更することもできます。ただし、算術ルールを理解して実装するには、上部にある「チートシート」リンクを使用する必要があります。

新機能：数学が得意でなくても心配いりません。WPFormsのAI計算機能により、会話をするのと同じくらい簡単に配送料金の計算を作成できます。

配送計算フィールドの「高度な設定」タブにある、数式ボックスの横にある「数式を生成」ボタンを探してください。それをクリックすると、AIアシスタントのチャットウィンドウが開きます。

ここから、必要な計算の種類を日常言語で説明するだけで済みます。

例えば、「商品の合計金額に基づいて配送料金を計算します。50ドルまでの注文には基本配送料金15ドルを設定し、50ドルを超えるごとに25ドルごとに配送料金を3ドル削減します。」のように記述できます。

Enterキーを押すと、AIが適切な数式を瞬時に作成し、フォーマットしてすぐに使用できるようになります。

完了したら、上部にある「保存」ボタンをクリックして設定を保存します。

次に、シンプルな配送料計算機フォームを追加したいページにアクセスします。ここで、左上隅にある「ブロックを追加」ボタンをクリックし、WPForms ブロックを追加します。

次に、ドロップダウンメニューから作成したばかりのフォームを選択します。最後に、「更新」または「公開」ボタンをクリックして設定を保存します。

これで、ウェブサイトにアクセスしてフォームが機能していることを確認できます。

WordPressサイトに高度な配送料金計算ツールを追加する

WordPress サイトにもっと複雑な配送料計算機を追加したい場合は、Formidable Forms をお勧めします。

テストした結果、計算機、ディレクトリ、さらには完全なWebアプリケーションのような高度なフォームの作成に最適であることがわかりました。詳細については、Formidable Formsのレビューをご覧ください。

このチュートリアルでは、価格設定フィールドやその他のカスタマイズオプションが含まれるFormidable Forms Proプランを使用します。

まず、Formidable Forms Lite および Formidable Forms Pro プラグインをインストールして有効化する必要があります。Liteプラグインは無料で利用でき、プレミアムプラグインはより高度な機能を追加します。

詳細については、WordPressプラグインのインストール方法に関するガイドをご覧ください。

有効化したら、WordPressダッシュボードから Formidable » グローバル設定 に移動する必要があります。ここで、「ライセンスキーを手動で入力するにはここをクリック」リンクをクリックできます。

次に、ライセンスキーを入力し、「ライセンスを保存」ボタンをクリックする必要があります。

ライセンスキーは、Formidable Forms のアカウントエリアで見つけることができます。

その後、新しいフォームを追加するために Formidable » フォーム に移動する必要があります。

上部にある「+ 新規追加」ボタンをクリックするだけです。

次に、Formidable Forms は選択できるさまざまなテンプレートを表示します。ビジネスオペレーション、計算機、会話型フォームなど、複数のカテゴリから選択できます。

Formidable Forms は、配送料計算機の既製のテンプレートを提供していません。ただし、空白のフォームテンプレートを使用して作成することはできます。

「空白フォーム」テンプレートを選択してください。

次の画面で、フォームの名前を入力する必要があります。

テンプレートをアプリケーションに挿入するオプションもあります。ただし、このチュートリアルでは、デフォルト設定のままにします。

フォーム名を入力したら、「作成」ボタンをクリックします。

次に、ドラッグアンドドロップのフォームビルダーが表示されます。

左側のメニューからフォームフィールドをドラッグしてテンプレートにドロップするだけです。

たとえば、テンプレートに名前、メールアドレス、電話番号などのフォームフィールドを追加できます。

配送料金計算機を作成するには、左側の「価格設定フィールド」セクションまでスクロールし、「製品」フォームフィールドを追加するだけです。

次に、製品フォームフィールドを選択し、さらにカスタマイズできます。

たとえば、フィールドラベルと商品タイプを変更しました。Formidable Forms では、商品をチェックボックス、ドロップダウン、ラジオボタン、単一商品、またはユーザー定義として表示することもできます。

さらに、左側の「商品オプション」メニューの下に、商品とその価格を追加できます。

製品を追加したら、次のステップは配送地域と料金を追加することです。これを行うには、左側のメニューの「価格設定フィールド」セクションの下に、再度「製品」フォームフィールドを追加できます。

その後、ラベルと製品タイプを編集し、各地域とその配送料を個別にに入力する必要があります。

上のスクリーンショットでは、ラベルを「Shipping Regions」（配送地域）に変更し、「Product Types」（製品タイプ）をチェックボックスに変更しました。「Product Options」（製品オプション）セクションの下に、さまざまな配送ゾーンとそのコストを追加しました。

これが完了したら、配送計算機の合計を表示する必要があります。これを行うには、単に「価格フィールド」セクションの下にある「合計」フォームフィールドをテンプレートに追加します。

次に、合計フォームフィールドを選択し、ラベルを編集したり、説明を追加したりできます。

Formidable Forms では、条件付きロジックをフォームフィールドに追加し、ユーザーの回答に基づいて表示することもできます。

その後、上部から「スタイル」タブに切り替えることができます。

Formidable Forms は、フォーム用の事前構築済みスタイルを提供します。いずれかを選択するか、新しいスタイルを作成するだけです。このチュートリアルでは、デフォルトの Formidable スタイルを使用します。

次に、Formidable Formsでフォーム設定を変更することもできます。

上部にある「設定」タブに切り替えるだけです。ここでは、フォームのタイトルを変更したり、説明を追加したりするための一般的な設定が見つかります。

アクションや通知、フォームの権限、配送料金計算フォームのスケジュール設定に関するオプションもあります。

設定を構成したら、変更を保存します。これで、計算機をサイトのどこにでも埋め込む準備ができました。

開始するには、上部にあるフォームビルダーの「埋め込み」ボタンをクリックできます。これにより、既存のページにフォームを追加する、新しいページを作成する、または手動で挿入するなど、複数のオプションが得られます。

このチュートリアルのため、「新規ページを作成」オプションを選択します。

次に、新しいページの名前を入力し、「ページを作成」ボタンをクリックできます。

ここから、WordPressコンテンツエディタで配送料金計算フォームのプレビューが表示されます。

ページを発行し、サイトにアクセスして、配送料金計算ツールが機能していることを確認してください。

よくある質問

配送料計算機に関するよくある質問をいくつかご紹介します。

この記事が、WordPressサイトに配送料金計算ツールを追加する方法を学ぶのに役立ったことを願っています。また、WordPressで商品レコメンデーションを表示する方法や最適なWooCommerceプラグインに関するガイドも参照してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。