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でレストランのオンライン注文を設定する方法

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

WordPressでレストランのオンライン注文を設定したいですか?

新規事業であろうと、長年にわたって直接カスタマイザーに料理を提供してきた企業であろうと、フードデリバリーを提供することで利益を上げることができる。

このガイドでは、WordPressを使用して、レストランのためのオンライン注文を設定する方法をステップバイステップで共有します。

Setting up online food ordering for restaurants

オンライン食品注文の設定に必要なもの

レストランのオンライン注文を設定するには、サイトが必要です。

まだサイトをお持ちでない方もご安心ください。WordPressは何百万もの中小企業に利用されている世界最高のサイトビルダーです。

WordPressのサイトを作成することも、あなたの利益率にあまりにも多くを食べるつもりはありません。WordPressが推奨するホスティングサービスのプロバイダーの1つであるBluehostが、読者にお得なキャンペーンを提供している。

基本的に、無料ドメイン名、無料SSL、ホスティングサービスの大幅な割引を受けることができる。

透明性に関する免責事項:WPBeginnerのコンテンツは読者支援型です。つまり、あなたがこの投稿日のリンクをクリックした場合、私たちは少額のリファラー報酬を得る可能性があります。WPBeginnerは、私たち自身が使用している製品、および/または読者に付加価値をもたらすと信じている製品のみを推薦していることをご承知ください。詳しくはWPBeginnerの資金調達方法をご覧ください。

レストラン用のWordPressテーマもたくさんあります。テーマはあなたのサイトのテンプレートのようなものです。良いものをカスタマイズすることで、サイトがプロフェッショナルで評判の良いものに見え、カスタマイザーからの注文を促すことができます。

とはいえ、あなたのサイトに簡単にオンライン注文を追加する方法を見てみましょう。

サイトへのオンライン注文の追加

WordPressでサイトを立ち上げたら、簡単にオンラインフォームを追加して、カスタマイザーが料理を注文できるようにすることができます。

これを行う最も簡単な方法は、市場で最高のWordPressフォームビルダープラグインであるWPFormsを使用することです。このプラグインを使えば、サイトに簡単にオンラインフォームを作成することができます(コーディングは必須ではありません)。

まず、WPFormsプラグインをインストールして有効化する必要があります。その方法が本当に〜してもよいですか?WordPressプラグインのインストール方法の完全な説明をご覧ください。

有効化した後、WordPress管理サイドバーからWPForms ” 設定ページにアクセスし、ライセンスキーを入力してください。

この情報はWPFormsサイトのアカウントで確認できます。

Enter your license key for WPForms

次に、WordPressダッシュボードのWPForms ” 新規追加ページにアクセスし、オンラインフードオーダーフォームを作成します。

まず、新規フォームの名前を入力する必要があります。あなたが望まない限り、カスタマイザーはこのタイトルを見ることはありません。

次に、’Select a Template’セクションまでスクロールダウンし、’Takeout Order Form’を見つける。

Add the takeout order form template

テンプレートを見つけたら、フォームビルダーで起動するためにテンプレートをクリックするだけです。

フォームが開いたら、ピザのテイクアウト用にデザインされていることに気づくだろう。しかし、好きなように変更することができます。フィールド(フォームの一部)をクリックするだけで編集できます。

The newly created takeout delivery form, with default fields

フォームの一番上にある「どのタイプのピザをご希望ですか?

フィールドのラベルを変更することができます。これはカスタマイザーが回答するための質問またはプロンプトです。

また、(+)と(-)ボタンを使って選択肢を変更したり、削除したり追加したりすることもできる。

Changing the label and options for a field

フォームにフィールドを追加することもできます。例えば、カスタマイザーが配達を希望する時間を指定できるフィールドを追加したいと思うでしょう。

フィールドを追加するには、画面左側の「Add Fields」タブをクリックします。次に、’Fancy Fields’セクションまでスクロールダウンし、’Date / Time’フィールドを見つけます。

このフィールドをフォームの好きな場所にドラッグ&ドロップしてください。

Adding a date / time field to WPForms

以前と同様に、フィールドをクリックして編集することができる。

その後、お好みに応じてフィールドのラベル、フォーマット、説明を変更することができます。

Changing the date / time field so that it only shows time

フィールドの「詳細設定」オプションで、提供されるさまざまな間隔を変更することができます。設定は15分、30分、1時間です。

フォームの「住所」フィールドを必須にするのは良いアイデアです。フィールドを「必須」に設定することで、カスタマイザーがフォームを完了するまで送信できないようにすることができます。

住所」フィールドをクリックして編集し、画面左側の「必須」ボックスをチェックするだけです。

Making the address a required field on your form

フォームの作成が完了したら、次のステップに進む前に画面上部の「保存」をクリックします。

食品注文フォームの通知設定

本当に〜してもよいですか?WPFormsは自動的にあなたのサイトの管理者にメールを送信しますが、それはあなたが注文をしたい場所ではないかもしれません。

まず、画面左側の「設定」タブをクリックします。

次に、「通知」タブに切り替えると、右側に初期設定の通知が表示されます。

Viewing the notifications for your online food order form

ここから「送信先メールアドレス」を変更し、サイト管理者のメールとは別のものにすることができます。

admin_email}を削除して、ここに1つ以上のメールアドレスを入力するだけです。複数のメールアドレスは本当に〜してもよいですか?

Enter the email addresses you want the form to be sent to, separated with commas

また、件名を変更して、注文がすべてまったく同じ件名にならないようにすることもできます。スマートタグを使用すると、件名にカスタマイザーの名前を簡単に含めることができます。

スマートタグ’をクリックし、’名前’までスクロールしてください。これをクリックすると、WPFormsが件名に正しいコードを挿入します。この場合、{field_id="3"}です。

詳しい手順については、WordPress でフォーム送信後に確認メールを送信する方法のチュートリアルをご覧ください。

Change the email subject line for your notification

通知内容に満足したら、画面上部の「保存」をクリックします。

ヒント:WPFormsはWordPressのデータベースにフォームのエントリを保存するので、誤ってメールの受信トレイから注文を削除してしまっても心配ありません。すべての注文を見るには、ダッシュボードのWPForms ” Entriesにアクセスしてください。フォーム名をクリックすると注文が表示されます。

また、「新規通知を追加」ボタンをクリックして、カスタマイザーへのメール通知を設定することもできます。

Click the 'Add New Notification' button to create a new notification

画面に新しい通知の名前を入力するプロンプトが表示されます。

カスタマイザーには見えないので、ここであなたが納得するものを使えばいい。

Entering a name for the notification that'll be sent to the customer

注文確認メールをカスタマイザーに送信するには、「送信先メールアドレス」ボックスから{admin_email}を削除する必要があります。

その後、フィールドの上部にある「スマートタグを表示」オプションをクリックし、「メール」スマートタグを追加します。

確認メッセージはWordPressサイトの管理者ではなく、ユーザーに送信されます。

Setting up the customer receipt so that it will be emailed to the customer

次に、メールの件名と詳細を変更します。ここに好きなものを入力してください。

また、スマートタグを使用して、カスタマイザーの詳細を「メッセージ」フィールドに追加することもできます。

詳しいお問い合わせフォームの作成方法については、チュートリアルをご覧ください。

Edit the name and email address that customers will see on your emails

カスタマイザーへの通知が完了したら、画面上部の「保存」をクリックします。

ヒント:最初に編集していた通知に戻るには、下にスクロールしてください。

カスタマイザーが見る確認メッセージの編集

カスタマイザーがフォームを完了すると、WPFormsはフォームが正常に送信されたことを確認するメッセージを表示します。

このメッセージは「設定」→「確認」で編集できます。ボックスに好きなメッセージを入力してください。ビジュアルエディターを使ってこのメッセージをフォーマットすることもできます。

Creating a confirmation message that your customer will see after submitting the form

また、「確認タイプ」を変更し、カスタマイザーにサンキューページを送信することもできます。

設定が完了したら、忘れずに「保存」ボタンをクリックして設定を保存してください。

注文フォームからの支払い

標準のテイクアウト・フォームは支払いに対応していません。代引きしか受け付けない場合はそれでも構いません。しかし、状況によっては、オンライン決済を希望する場合もあります。

もし支払いを受けたいのであれば、カスタマイザーが支払うべき金額を計算できる特別なフィールドをフォームに設定する必要があります。また、PayPalのような支払い処理システムとフォームを統合する必要があります。

これを行うには、左の列の「カラム」タブに移動し、「支払いフィールド」セクションまでスクロールダウンします。

次に、価格を表示する項目を「項目」フィールドに置き換えます。

The various payment fields available in WPForms

私たちのフォームでは、元々使用していた「何名様分のお食事ですか?

複数項目」支払いフィールドに置き換えました。

Adding a multiple items payment field to your form

フォームに支払いフィールドを使用する場合、必ず「合計」フィールドも含める必要があります。これはカスタマイザーが支払う合計金額をフォームに表示するためです。

この場合も、「支払いフィールド」から「合計」フィールドをフォームの好きな場所にドラッグ&ドロップするだけです。

Adding the 'Total' field to your order form

変更後は本当に〜してもよいですか?

次に、フォームで使用する支払いプロセッサを選択する必要があります。WPFormsはPayPalとStripeとシームレスに統合されています。これらのいずれかを追加するには、WordPressダッシュボードからWPForms ” Addonsページにアクセスしてください。

フォームには「PayPal Standard Addon」を使用します。

決済ゲートウェイの「アドオンのインストール」ボタンをクリックするだけです。

Installing the PayPal addon for WPForms

WordPress 管理エリアのWPForms ” すべてフォームページから注文フォームに戻ります。

フォームの「支払い」タブをクリックし、使用する支払い統合を選択します。

Select the payment service(s) to integrate with your form

フォームでこの機能を有効化するために、「PayPal Standard決済を有効化する」にチェックが入っていることを本当に〜してもよいですか?

次に、レストランで使用しているPayPalのメールアドレスを入力する必要があります。Mode」は「Production」、「Payment Type」は「Products and Services」のままにしてください。

The PayPal payment settings page for your form

カスタマイザーはすでにオーダーフォームに住所を記入しているので、「配送」を「住所を尋ねない」に変更することができます。

画面上部の「保存」をクリックします。

あなたのフォームは、カスタマイザーが注文を送信した後、自動的にPayPalにリダイレクトするようになりました。

サイトにオンライン注文フォームを追加する

最後に、作成したフォームをサイトに追加します。

まず、フォームを設置するために既存のページを選択するか、新しいページを作成する必要があります。ページを作成するには、WordPressダッシュボードのページ ” 新規追加に進みます。

ブロックメニューが開いたら、’Add Block’ (+) ボタンをクリックします。次に、WPFormsブロックを見つけてページに追加します。

Add online order form

その後、ブロック自体のドロップダウンメニューから、作成したオンライン注文フォームを選択する必要があります。

すると、あなたのページにフォームが自動的に追加されます。ページを公開(または更新)するだけで、サイト上にフォームが表示されます。

フォームが期待通りに動作しているかテストすることをお勧めします。メール通知が届くことを確認してください。そうでない場合は、WordPress がメールを送信しない問題を解決するための手順に従ってください。

ボーナス:WordPressでオンラインレストランメニューを作成する

オンライン注文を設定しているのであれば、レストランのサイトにメニューページを作成するのも良いアイデアだ。

そうすることで、カスタマイザーが商品を閲覧しやすくなり、決断しやすくなります。メニュー項目や説明をサイトに掲載することで、SEO対策にもなります。つまり、訪問者があなたのエリアのレストランを検索したときに、あなたのサイトが検索結果の上位に表示されるようになります。

SeedProdを使えば、魅力的なレストランメニューを簡単に作成できます。ドラッグアンドドロップビルダー、メールマーケティングサービスとの統合、300以上のテンプレートが用意されています。

SeedProd

プラグインをインストールしたら、SeedProd ” ランディングページの画面にアクセスし、「新規ランディングページの追加」ボタンをクリックしてください。

テンプレートの選択」画面が表示されますので、お好きなテンプレートをお選びください。

Select landing page template

そうすると、ランディングページがドラッグ&ドロップビルダーで立ち上がる。

ここから、左カラムの見出し、段落、画像ブロックを使って、あなたのサイトに視覚的に楽しいレストランメニューを作成することができます。

Add menu item price

より詳しい説明は、WordPressでオンラインレストランのメニューを簡単に作成する方法のチュートリアルをご覧ください。

この投稿が、レストラン向けのオンライン注文の設定方法についてご理解いただく一助となれば幸いです。また、ビジネスメールを取得する方法についての投稿や、専門家が選ぶビジネスを成長させるためのWordPressプラグインについてもご興味があるかもしれません。

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

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

  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. Moinuddin Waheed says

    thanks for this guide.
    I think wpform is so much powerful that it can be used for multi-purpose forms related task.
    we can make survey based forms where one can submit the survey related to something, we can make feedback forms and others.
    I was thinking there might be some dedicated plugin for this task, but thanks to wpforms that this task can be easily accomplished through wpforms.

  3. J.Vedovelli says

    Hello,

    First of all thank you for this video.

    I need a WordPress website for my restaurant, it is possible to download a app to my restaurant’s tablet so all orders can be seen to my team ?

    • WPBeginner Support says

      You would want to include tax in the individual product cost for the moment with this method.

      管理者

    • WPBeginner Support says

      The method we cover in this guide is for using the paid version of the plugin and would not be for the free version.

      管理者

返信を残す

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