wordpress菜单设置_如何在WordPress中为餐厅设置在线食品订购

wordpress菜单设置

Do you want to set up online food ordering for your restaurant? Whether it’s a brand new venture, or you’ve been serving customers in person for years, offering food delivery can help boost your profits.

您要为您的餐厅设置在线食品订购吗? 无论是全新的企业,还是您多年来一直亲自为客户提供服务,提供送餐服务都可以帮助您提高利润。

Setting up an online food ordering service may sound too technical. The good news is that it is quite easy to set up.

设置在线食品订购服务听起来太技术性了。 好消息是,它很容易设置。

In this guide, we will share how to setup online food ordering for restaurants using WordPress, step by step.

在本指南中,我们将逐步介绍如何使用WordPress为餐厅设置在线食品订购。

Setting up online food ordering for restaurants
影片教学 (Video Tutorial)

演示地址

If you’d prefer written instructions, just keep reading.

如果您喜欢书面说明,请继续阅读。

您需要什么来设置在线食品订购 (What You Need to Set up Online Food Ordering)

You will need a website to set up online food ordering for your restaurant.

您将需要一个网站来设置餐厅的在线食品订购。

If you don’t have a website yet, don’t worry. You can easily start a website using WordPress, which is the best website builder in the world used by millions of small businesses.

如果您还没有网站,请不要担心。 您可以使用WordPress轻松启动网站,WordPress是数以百万计的小型企业使用的世界上最好的网站构建器

Creating a website isn’t going to eat too much into your profit margin, either. Bluehost, one of WordPress’s recommended hosting providers, is offering our readers a great deal.

创建网站也不会过多地影响您的利润。 WordPress推荐的托管服务提供商之一Bluehost正在为我们的读者提供大量服务。

Basically, you can get a free domain name, free SSL, and a 60% off discount on web hosting.

基本上,您可以获得免费域名,免费SSL和虚拟主机折扣60%。

→ Click Here to Get this Exclusive Bluehost Deal ←

→单击此处获得此独家Bluehost交易←

Transparency Disclaimer: WPBeginner content is reader-supported, which means if you click on some of the links in this post, we may earn a small referral fee. Please know that we only recommend products that we use ourselves and/or believe will add value to our readers. See how WPBeginner is funded for more details.

透明免责声明: WPBeginner的内容受读者支持,这意味着,如果您单击此文章中的某些链接,我们可能会赚取少量推荐费。 请注意,我们只推荐我​​们自己使用和/或相信会为读者增加价值的产品。 有关更多详细信息,请参见WPBeginner如何获得资金

There are loads of great WordPress themes for restaurants available. A theme is like a template for your website. Choosing a good one will help your site look professional and reputable, encouraging customers to order from you.

大量适用于餐厅的WordPress主题 。 主题就像您网站的模板。 选择一个好的网站将有助于您的网站看起来专业且信誉良好,并鼓励客户向您订购。

If you need some help setting up your website, take a look at our comprehensive step by step guide on how to start a website.

如果您在建立网站方面需要帮助,请查看我们有关如何启动网站的综合分步指南

将在线食品订购添加到您的网站 (Adding Online Food Ordering to Your Website)

Once you’ve got your WordPress website set up, you can easily add an online form so that customers can order food.

设置WordPress网站后,您可以轻松添加在线表格,以便客户订购食物。

Now there are multiple ways to do this with WordPress.

现在,可以使用多种方法使用WordPress。

However, the easiest way to do this is by using WPForms. It is the best WordPress form builder and allows you to easily create online forms on your website (no coding required).

但是,最简单的方法是使用WPForms 。 它是最好的WordPress表单生成器 ,可让您轻松地在您的网站上创建在线表单(无需编码)。

First, you’ll need to install and activate the WPForms plugin. If you’re not sure how to do that, check out our full instructions on how to install a WordPress plugin.

首先,您需要安装并激活WPForms插件。 如果您不确定如何执行此操作,请查看有关如何安装WordPress插件的完整说明。

Upon activation, you need to visit WPForms » Settings page to enter your license key. You can find this information under your account on WPForms website.

激活后,您需要访问WPForms»设置页面以输入许可证密钥。 您可以在WPForms网站上的帐户下找到此信息。

Enter your license key for WPForms

You’ll then want to install the ‘Form Templates Pack’ addon to make it as easy as possible to create your form. Note that you’ll need the ‘Pro’ level of WPForms to use this template.

然后,您需要安装“表单模板包”插件,以尽可能轻松地创建表单。 请注意,您需要WPForms的“专业”级别才能使用此模板。

To install the addon, go to WPForms » Addons. Scroll down to find the ‘Form Templates Pack Addon’ then click ‘Install Addon’ beneath it.

要安装插件,请转到WPForms»插件 。 向下滚动以查找“表单模板包附件”,然后单击其下方的“安装附件”。

The 'Form Templates Pack' addon for WPForms

Next, go to WPForms » Add New page in your WordPress dashboard to create your online food ordering form.

接下来,转到WPForms»在WordPress仪表板中添加新页面以创建您的在线食品订购表。

Creating a new form using WPForms

Type in a name for your form. You can call it whatever makes sense to you. Customers won’t see this title unless you want them to.

输入您的表单名称。 您可以说它对您有意义。 除非您愿意,否则客户不会看到此标题。

Naming your online food order form

Next, scroll down the screen to the section titled ‘Additional Templates’ and select the ‘Takeout Order Form’. There are quite a lot of templates, so you might want to search for it.

接下来,向下滚动屏幕至标题为“其他模板”的部分,然后选择“外卖订购单”。 有很多模板,因此您可能需要搜索它。

Find and select the 'Takeout Order Form' template

Click on the template and your form will be automatically created for you.

单击模板,将自动为您创建表单。

The newly created takeout delivery form, with default fields

As you can see, this form is designed for pizza takeout. You can change it in any way you want, though. Simply click on a field (a part of the form) to edit it.

如您所见,此表单是专为披萨外卖设计的。 不过,您可以按任何需要进行更改。 只需单击一个字段(表单的一部分)即可对其进行编辑。

We’re going to edit the ‘What type of pizza would you like?’ field at the top of the form.

我们将编辑“您想要哪种比萨饼?” 表单顶部的字段。

Editing a form field in WPForms

You can change the label for the field. This is the question or prompt for the customer to answer. You can also change the choices and remove or add them using the (+) and (-) buttons.

您可以更改字段的标签。 这是客户要回答的问题或提示。 您也可以使用(+)和(-)按钮更改选择并删除或添加。

Changing the label and options for a field

You can also add more fields to your form. For instance, you’ll likely want to add a field so customers can specify what time they want their delivery.

您也可以在表单中添加更多字段。 例如,您可能想要添加一个字段,以便客户可以指定他们希望什么时候交货。

To add a field, click on the ‘Add Fields’ tab on the left-hand side of your screen. Scroll down to the ‘Fancy Fields’ section and find the ‘Date / Time’ field.

要添加字段,请点击屏幕左侧的“添加字段”标签。 向下滚动到“花式字段”部分,然后找到“日期/时间”字段。

Drag and drop this field to wherever you want it on your form.

将该字段拖放到窗体上的任何位置。

Adding a date / time field to WPForms

As before, you can click on the field to edit it. You’ll likely want to change the label. If you only accept same-day delivery orders, you’ll want to change the ‘Format’ to ‘Time’ only, too.

和以前一样,您可以单击该字段进行编辑。 您可能需要更改标签。 如果您仅接受当日交货订单,则也将只需要将“格式”更改为“时间”。

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

In the ‘Advanced’ options for the field, you can choose to change the different intervals offered. The options are 15 minutes, 30 minutes, or 1 hour.

在该字段的“高级”选项中,您可以选择更改提供的不同间隔。 选项是15分钟,30分钟或1小时。

It’s a good idea to make the ‘Address’ field for your form mandatory. By setting a field as ‘Required’, you prevent the customer from submitting the form until they complete it.

将表格的“地址”字段设为必填字段是一个好主意。 通过将字段设置为“必填”,可以防止客户在填写表单之前提交表单。

Just click on the ‘Address’ field to edit it, then check the ‘Required’ box on the left hand side of the screen.

只需单击“地址”字段进行编辑,然后选中屏幕左侧的“必填”框。

Making the address a required field on your form

When you’ve finished creating your form, click ‘Save’ at the top of the screen before moving on to the next step.

创建完表单后,请点击屏幕顶部的“保存”,然后继续下一步。

Save your online food order form
设置食品订购单的通知 (Setting Up Notifications for Your Food Ordering Form)

You’ll need to make sure that orders are coming through to the right people. WPForms automatically sends out an email to the administrator for your website, but that might not be where you want orders to go.

您需要确保将订单传递给合适的人。 WPForms会自动向您的网站的管理员发送一封电子邮件,但这可能不是您想要下订单的地方。

Click on the ‘Settings’ tab on the left-hand side of your screen. Click ‘Notifications’ and you’ll see the default notification on the right.

点击屏幕左侧的“设置”标签。 点击“通知”,您将在右侧看到默认通知。

Viewing the notifications for your online food order form

You may want to change the ‘Send to Email Address’ so that it’s different from your website administrator’s email. You can simply delete {admin_email} and enter one or more email addresses here. Make sure you separate multiple email addresses with a comma.

您可能需要更改“发送到电子邮件地址”,使其与网站管理员的电子邮件不同。 您只需删除{admin_email}并在此处输入一个或多个电子邮件地址即可。 确保您用逗号分隔多个电子邮件地址。

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

You may also want to change the subject line so that your orders don’t all have the exact same subject. You can easily include the customer’s name in the subject line using Smart Tags.

您可能还想更改主题行,以便您的订单没有全部具有完全相同的主题。 您可以使用智能标记轻松在主题行中包含客户的姓名。

Just click on ‘Smart Tags’ and scroll down to ‘Name’. Click on that and WPForms will insert the correct code for it into your subject line. In this case, that’s {field_id="3"}.

只需单击“智能标签”,然后向下滚动到“名称”。 单击该按钮,WPForms会将正确的代码插入主题行。 在这种情况下,这是{field_id="3"}

Change the email subject line for your notification

Once you’re happy with the notification, click ‘Save’ at the top of the screen.

对通知满意后,请点击屏幕顶部的“保存”。

Tip: WPForms saves form entries in the WordPress database, so don’t worry if you accidentally delete an order from your email inbox. To see all orders, go to WPForms » Entries in your dashboard. Click on the name of your form to view the orders.

提示: WPForms 将表单条目保存在WordPress数据库中 ,因此如果您不小心从电子邮件收件箱中删除了订单,请不要担心。 要查看所有订单,请转到仪表板中的WPForms»条目 。 单击您的表格名称以查看订单。

You’ll likely also want to set up an email notification for your customers. You can do this by clicking the ‘Add New Notification’ button.

您可能还希望为客户设置电子邮件通知。 您可以通过点击“添加新通知”按钮来做到这一点。

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

You’ll be prompted to enter a name for the notification. You can use whatever makes sense to you here. The customer won’t see it.

系统将提示您输入通知的名称。 您可以在这里使用对您有意义的任何东西。 客户不会看到它。

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

To send the email to the customer, delete {admin_email} from the ‘Send To Email Address’ box and use ‘Show Smart Tags’ to select the ‘Email’ field.

要将电子邮件发送给客户,请从“发送至电子邮件地址”框中删除{admin_email} ,然后使用“显示智能标签”选择“电子邮件”字段。

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

Next, you’ll want to change the email subject line and your details. Simply type in whatever you want to use here.

接下来,您将要更改电子邮件主题行和您的详细信息。 只需在此处输入您想使用的任何内容即可。

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

You may also want to edit the email that the customer receives. By default, all it will show is the information they entered. You could add a message like this:

您可能还希望编辑客户收到的电子邮件。 默认情况下,它将仅显示他们输入的信息。 您可以添加如下消息:

Editing the text of the email that your customers will receive

Once you’re happy with the customer notification, click ‘Save’ at the top of the screen.

对客户通知满意后,请点击屏幕顶部的“保存”。

Tip: To get back to the first notification you were editing, just scroll down.

提示:要返回到您正在编辑的第一个通知,只需向下滚动。

编辑客户看到的确认消息 (Editing the Confirmation Message Your Customer Sees)

When your customer completes the form, WPForms will show them a message to confirm that the form was submitted successfully.

当您的客户填写表单时,WPForms将向他们显示一条消息,以确认表单已成功提交。

You can edit this message by going to Settings » Confirmations. Just type whatever message you want into the box. You can even use the visual editor to format this message.

您可以转到设置»确认来编辑此消息。 只需在框中输入您想要的任何消息即可。 您甚至可以使用可视编辑器来格式化此消息。

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

You can also choose to change the ‘Confirmation Type’ and send the customer to a thank you page, if you want.

如果需要,您还可以选择更改“确认类型”,并将客户发送到“谢谢”页面。

通过食品订购表付款 (Taking Payment Through Your Food Ordering Form)

The standard takeout form isn’t set up for payments. That’s fine if you only accept cash on delivery. However, in some situations you might prefer to take online payment upfront from the customer.

未设置标准的外卖表格用于付款。 如果您只接受货到付款,那很好。 但是,在某些情况下,您可能希望先从客户处进行在线支付。

If you want to take payments, you’ll need to set up your form with special fields that can calculate how much the customer owes. You’ll also need to integrate your form with a payment processor such as PayPal.

如果您想付款,则需要在表格上设置特殊字段,以计算客户的欠款。 您还需要将表单与付款处理器(例如PayPal)集成。

First, go to the ‘Fields’ tab to change your form itself. Click ‘Add Fields’ and scroll down to the ‘Payment Fields’ section. Replace any of your fields that list prices with one of the ‘Item’ fields.

首先,转到“字段”标签以更改表单本身。 点击“添加字段”,然后向下滚动到“付款字段”部分。 将所有列出价格的字段替换为“项目”字段之一。

The various payment fields available in WPForms

On our form, we’ve removed the original ‘How many people is the meal deal for?’ field that we were using. We’ve replaced it with the ‘Multiple Items’ payment field.

在我们的表格上,我们删除了原始的“这顿饭要付多少人?” 我们正在使用的字段。 我们已将其替换为“多项”付款字段。

Adding a multiple items payment field to your form

When you’re using payment fields on your form, you need to make sure you include a ‘Total’ field too. This is so your form can show the customer the total they’ll pay.

当您在表单上使用付款字段时,还需要确保也包含“总计”字段。 这样一来,您的表格就可以向客户显示他们将要支付的总金额。

Again, simply drag and drop the ‘Total’ field from ‘Payment Fields’ to wherever you want it on your form.

同样,只需将“总计”字段从“付款字段”拖放到表单上所需的任何位置。

Adding the 'Total' field to your order form

Make sure you save your form after making changes.

确保在进行更改后保存表单。

Next, you’ll need to choose a payment processor to use with your form. WPForms integrates seamlessly with PayPal and Stripe. To add either of these, go to WPForms » Addons in your WordPress dashboard.

接下来,您需要选择一个付款处理程序以与表格一起使用。 WPForms与PayPal和Stripe无缝集成。 要添加其中任何一个,请转到WordPress仪表板中的WPForms»插件

We’re going to use the ‘PayPal Standard Addon’ for our form. Find it and click the ‘Install Addon’ button.

我们将在表单中使用“ PayPal标准插件”。 找到它,然后单击“安装插件”按钮。

Installing the PayPal addon for WPForms

Now, go back to your food ordering form, under WPForms » All Forms.

现在,返回到WPForms»All Forms下的食品订购表。

Click on the ‘Payments’ tab of your form and select the payment integration you want to use.

单击表单的“付款”标签,然后选择要使用的付款集成。

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

Make sure you check the box ‘Enable PayPal Standard payments’ to activate this feature for your form.

确保选中“启用贝宝标准付款”框以激活表格的此功能。

Next, you’ll need to enter the PayPal email address that you’re using for your restaurant. Leave ‘Mode’ set to ‘Production and ‘Payment Type’ set to ‘Products and Services’.

接下来,您需要输入用于餐厅的PayPal电子邮件地址。 将“模式”设置为“生产”,将“付款类型”设置为“产品和服务”。

The PayPal payment settings page for your form

You can change ‘Shipping’ to ‘Don’t ask for an address’ if you want, as the customer will have already filled in their address on the order form.

如果需要,您可以将“发货”更改为“不要求地址”,因为客户已经在订单上填写了他们的地址。

Click ‘Save’ at the top of the screen.

点击屏幕顶部的“保存”。

Your form will now automatically redirect customers to PayPal after they submit their order.

现在,您的表单将在客户提交订单后自动将其重定向到PayPal。

将在线食品订购表添加到您的站点 (Adding the Online Food Ordering Form to Your Site)

Finally, you need to add the form you’ve created to your website.

最后,您需要将创建的表单添加到您的网站。

First, you’ll need to choose an existing page or create a new page for the form to go on. To create a page, go to Pages » Add New in your WordPress dashboard.

首先,您需要选择一个现有页面或创建一个新页面以继续进行表单。 要创建页面,请转到 WordPress仪表板中的页面»添加新内容

Give your page a title. Click on the (+) sign to create a new block. Select the ‘WPForms’ block from the ‘Widgets’ section or type ‘WPForms’ into the search bar.

给页面命名。 单击(+)号以创建一个新块。 从“窗口小部件”部分中选择“ WPForms”块,或在搜索栏中键入“ WPForms”。

Adding your online order form to a page on your website

Next, you’ll need to select your form from the dropdown list.

接下来,您需要从下拉列表中选择表单。

Selecting your online order form from the the WPForms dropdown list

It’ll then be automatically added to your page. Simply publish (or update) your page to put the form live on your website.

然后它将自动添加到您的页面。 只需发布(或更新)您的页面即可将表单实时发布到您的网站上。

We recommend testing out your form to make sure it’s working as expected. Check that you receive the email notification. If not, follow our instructions to fix the WordPress not sending email issue.

我们建议测试您的表单,以确保它可以正常工作。 检查您是否收到电子邮件通知。 如果不是,请按照我们的说明修复WordPress不发送电子邮件的问题

We hope this article helped you learn how to set up online food ordering for restaurants. You might also be interested in our article on how to create a business email, and how to get a virtual business phone number for your website.

我们希望本文能帮助您学习如何为餐厅设置在线食品订购。 您可能还对我们有关如何创建企业电子邮件以及如何获取网站的虚拟企业电话号码的文章感兴趣。

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.

如果您喜欢这篇文章,请订阅我们的YouTube频道 WordPress视频教程。 您也可以在TwitterFacebook上找到我们。

翻译自: https://www.wpbeginner.com/wp-tutorials/how-to-set-up-online-food-ordering-for-restaurants-in-wordpress/

wordpress菜单设置

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值