Elementor 中的餐厅弹出窗口:预订、特价和优惠

Master Addons餐厅弹出式指南的特色图片,显示餐厅网站上的预订表格弹出式,带有点击触发和页面加载标签

餐厅弹出窗口是一个覆盖层,它将一件事放在访客面前:预订链接、今天的特价或过时的优惠。您可以使用免费的 Elementor 和免费的 Master Addons Popup Builder 构建重要的内容,然后穿过它。

这触发了免费层,实际上可以让您决定可以构建什么,因此这是第一位的,而不是埋在脚注中。

这里的两个弹出窗口都是免费构建的 主插件弹出生成器。如果你想在开始之前看到成品的形状, 弹出示例综述 其中有二十五个。

餐厅弹出窗口应该做什么,以及何时跳过它

Popup做一项工作时,它会清楚地获得自己的位置:获得预订,宣布真正的特别节目,或宣传过时的活动。任何与菜单或电话号码竞争关注的事情都失败了。

在人们正在积极阅读的页面上跳过它,例如完整菜单或单个菜肴页面。如果它在任何人都没有滚动之前就覆盖了屏幕,则在移动设备上跳过它。如果您已经运行了一个粘性预订栏,则完全跳过它,因为两个相互竞争的行动号召只是将注意力分散在它们之间。

决策图:使用页面加载弹出窗口来获取特别信息和欢迎消息、点击触发预订、过期优惠倒计时,以及菜单页面上或是否存在粘性栏上没有弹出窗口
Popup 匹配到你构建作业之前,这三者中有两个不需要升级。

您需要 Elementor Pro 吗?

不是为了特殊弹出窗口或预订按钮。Elementor 自己的弹出窗口生成器位于 Elementor Pro 的高级层内,这是与条目 Essential 许可证分开的付费计划。Master Addons 提供了一个免费的弹出窗口生成器,可与常规 Elementor 配合使用,不需要升级。

Free tier 有一个硬性限制,值得说的很明白,因为设置画面没有显而易见,无论你在弹出设置中选择什么自动触发器,前端都以 Page Load 的形式运行,弹出显示整个站点的滚动深度、退出意图、不活动和特定于页面的目标定位是 Master Addons Pro。

元素器中的主插件弹出设置,触发下拉打开,列出页面加载、单击、滚动、滚动到元素、退出意图、不活动和自定义之后
Trigger dropdown列出了每一个选项,在自由层上前端仍然以页面加载的方式运行它,这是你在围绕它计划之前值得了解的极限。

从按钮打开弹出窗口是 On Click 触发器,这也是 Pro。免费 弹出窗口触发小部件 是您放置在弹出窗口内部的关闭按钮,因此它不会打开一个。第 3 步涵盖了单击设置和免费替代方案。

餐厅弹出目标需要触发免费工作?
抵达时可享受今天的特价或欢迎页加载是的
在书籍上预订表格 立即单击在点击不,需要专业人士
弹出窗口内的"也许稍后"关闭按钮弹出窗口触发小部件是的
今晚吃最后一桌的离开餐厅退出意图不,需要专业人士
奖励阅读菜单的人滚动深度不,需要专业人士
仅在菜单页面上显示页面定位不,需要专业人士
Elementor 自己的弹出窗口生成器任何不,需要 Elementor Pro
按计划列出的主插件弹出触发器图表
Page Load 是唯一免费触发器,点击、滚动、退出意图、不活动和页面定位需要 Pro。

我们的 显示条件的免费与专业细分 准确覆盖目标线所在的位置。

三个值得打造的餐厅弹出窗口

大多数餐厅最多需要三个,免费的弹出窗口生成器涵盖前两个。

  • 今天的特价或欢迎。 每次访问加载一次,突出显示菜肴或季节性菜单更改。
  • 预订一张桌子。 仅当有人单击"立即预订"时打开,因此它会响应意图而不是中断第一次查看。
  • 活动或限量优惠,需倒计时。 欢乐时光窗口、假期预订截止日期、一晚品尝菜单。

对于构建之前的布局想法, 25 元素弹出示例 显示内敛、范围广泛的弹出窗口是什么样子。

1步:打开弹出窗口生成器

安装并激活主插件,然后打开其设置并启用弹出构建器模块。这会向您的仪表板添加弹出帖子类型,与您的页面分开。

创建一个新弹出窗口,将其命名为三个月后您将识别的东西(特殊弹出窗口、保留表弹出窗口),然后在 Elementor 编辑器中打开它。从那里它就像任何 Elementor 页面一样。

WordPress 仪表板,打开主插件菜单并突出显示弹出生成器
WordPress侧边栏中的主插件。弹出生成器与主题生成器和小部件生成器并列。

的 弹出窗口生成器 是众多免费模块之一。 小部件和扩展名目录 还免费提供其他船只的完整列表。

2步:构建一个今天的特价弹出窗口

保持小而具体:一个标题、两到三项包含价格的项目以及一个按钮到您的菜单或预订页面。

40像素以上高做关闭键,这样拇指就能击中,并使用你实际菜肴的照片,别人食物的图库摄影比没有照片更糟糕。

Elementor 编辑器,打开主插件小部件面板,在画布上设计弹出内容
弹出窗口是普通的 Elementor 画布。任何 Master Addons 小部件都会直接掉入。 (此处显示为折扣布局而不是特价布局。)

On free this fire on Page Load 遍布每个页面,而不仅仅是主页。编写副本以适合这一点:一般欢迎优惠而不是只在一页上有意义的东西。如果副本以“当你在查看我们的菜单时,”是全站弹出的错误副本。

第 3 步:在单击按钮上添加"保留表格"弹出窗口

Step 2不同的一种机制,而且是大多数餐厅站点应该引领的一种,而不是定时触发,只有当有人点击按钮时弹出窗口才会打开,在Master Addons中这是On Click触发,需要Pro。

构建第二个弹出窗口,其中包含您的预订表格或指向预订系统的链接。在其设置中,将"打开弹出窗口"设置为"点击",然后输入 CSS 类,例如 .book-table的,然后加 book-table 到"高级,CSS类下的"立即预订按钮。在弹出窗口中,添加免费 弹出窗口触发器 widget作为“也许稍后”关闭按钮, 在免费插件上, 链接立即预订按钮到一个预订页面, 而不是。

预订从餐厅网站上预订餐桌按钮打开的餐桌弹出窗口,其中包含日期、时间、聚会规模和联系字段
A 保留一个由点击而不是计时器打开的表弹出窗口。在有人要求预订之前,没有什么可以启动。

Zhe个从来不打断一个没表现出兴趣的访客,当有人决定Bao书时打开,更接近一个好的主人实际表现的样子,General设置被覆盖 如何在 Elementor 中免费添加弹出窗口.

4步:为有限优惠添加倒计时

对于欢乐时光窗口或一晚活动,请放弃免费 倒计时器小部件 在弹出窗口中,并将结束时间设置为报价实际关闭的时间。

1行命名截止日期的副本配对,比如“欢乐时光在下午6点”结束,以及从步骤3弹出到预订的按钮,不要使用在刷新时重置的倒计时通知,而失去的信任比获得的紧迫性花费更多。

Happy hour 在餐厅网站上弹出,实时倒计时显示优惠结束前的数小时、分秒
Happy hour弹出的倒计时小部件。将结束时间设置为服务实际更改的时间,而不是任意日期。

5步:控制它出现的时间和地点

Free 上,此步骤有较早的硬性限制:任何依赖于 Popup Builder 自动的弹出窗口都会触发 Page Load 上的火灾,并针对整个站点,无论设置下拉显示什么。从步骤 3 开始的点击路线不受影响,因为它在点击时打开,而不是在计时器上打开。

要仅在菜单页面上、仅在服务时间内或仅在有人滚动经过图库后显示弹出窗口,您需要 显示条件扩展的,也就是 Pro。就是随处显示的弹出窗口和显示它有意义的地方的弹出窗口的区别。

主插件弹出窗口生成器条件模式询问在哪里显示弹出窗口,以及包含和排除规则
条件模式。包含和排除这样的规则是页面级目标所在。

Until then, 将免费弹出窗口设计为一般的全站消息。Specials弹出窗口和点击触发的预订按钮都可以在该约束内工作, 这就是为什么它们是本指南构建的两个。

防止弹出窗口惹恼您的食客

一个好的主人在看完房间之前不会在门口用剪贴板遇到某人。当某人着陆时,弹出窗口就会完全这样做。

给每个弹出窗口一个真实的存在理由:一个实际事件,一个真正的折扣,或者一个值得了解的菜单更改。每个弹出窗口一个优惠,永远不要在同一页面上提供两个优惠,并且每当目标是预订而不是公告时,更喜欢点击触发。

具体观看手机壳。当有人从搜索您的营业时间到达时,会覆盖屏幕的弹出窗口是 Google 侵入性插页式指导所描述的模式,对于站在外面决定是否进来的人来说也只是无济于事。

如果您的真正目标是帮助人们找到菜单、时间和预订,而无需覆盖,a 餐厅巨型菜单 通常比任何弹出窗口更干净地解决这个问题。

如果弹出窗口显示的是旋转的一组菜肴而不是一个优惠,则 图像转盘 在弹出窗口中通常读取比静态列表更好。

常见问题

如何在 WordPress 中向餐厅网站添加弹出窗口?

安装主插件,为 Elementor 添加免费的弹出构建器。使用 Elementor 小部件构建布局,将其保存为弹出窗口,然后发布。在免费时,弹出窗口会在整个站点上的页面加载中启动,因此将其写为特别节目或欢迎消息,而不是特定于页面的优惠。

Elementor 的弹出构建器是免费的,我可以在 Elementor 中免费创建弹出窗口吗?

Elementor 自己的弹出构建器是 Elementor Pro 高级层的一部分,因此它不是免费的。Master Addons 添加了一个单独的免费弹出构建器,可与常规 Elementor 配合使用,因此您无需升级 Elementor 即可设计和发布餐厅弹出窗口。

只有当有人单击按钮(例如"保留表格")时,我才能触发弹出窗口吗?

是的,使用 Master Addons Pro。将弹出窗口设置为"点击触发器",并为您的按钮提供匹配的 CSS 类,并且只有当访问者单击该按钮时才会打开。在免费插件上,弹出窗口会在页面加载时打开,因此将按钮链接到预订页面。

页面上什么时候应该真正出现餐厅弹出窗口?

Specials 或 welcome 弹出窗口,页面加载一次到达每个访问者,这很好,对于预约号召性用语,点击触发器更适合,因为它回答意图而不是中断退出意图和滚动深度,它等待有人离开或已经阅读菜单的信号,需要 Master Addons Pro。

Popups 对餐厅网站不利吗?

Ta们可以是,如果他们在看到菜单或找到地址之前打断了某人。一个明确的报价,一个展示它的真正原因,并且没有堆叠的弹出窗口互相争斗。一个宣布真实活动的弹出窗口的表现优于一个只迎接每个访客的弹出窗口,并且在移动设备上到达时全面屏覆盖是谷歌的指导警告的模式。

如何在不购买 Elementor Pro 的情况下向餐厅网站添加免费弹出窗口?

免费使用主插件。它为您提供了页面加载中的特殊弹出窗口构建器或欢迎弹出窗口,以及用于样式关闭按钮的弹出窗口触发器小部件,并且都不需要 Elementor Pro。从保留表格点击、特定于页面的目标定位、退出意图和滚动触发器打开的弹出窗口是主插件 Pro。

首先构建什么

Specials one之前构建点击触发的预约弹出窗口,是那个赚到钱的,它从不打断任何人,而且它完全在免费层上工作。

的相同 小部件生成器 导入这些设计就是您用来构建跨站点重复使用的预订块的内容。该层的定价位于 定价页面.

添加第二个特价弹出窗口,作为全站欢迎书编写,并且只有当您真正需要一个范围为一页的弹出窗口或在退出时被解雇时才可以访问 Pro。很多餐厅网站也不需要。

罗伊·杰米的照片
罗伊·杰米
I’m Roy Jemee,Pixar Labs 的内容牧马人和营销人员,为 Elementor 编写主插件,我编写教程,录制视频,并保持文档的最新状态,所以你总是知道如何使用每个功能,我还处理支持,所以如果你遇到障碍,我就是帮助你修复它的人真正的答案,来自每天使用这些工具的人。

留下回复

您的电子邮件地址不会被发布。 标记必填字段 *

九月促销

40绔 涔诲芥澶澧% 离开一切

每个 Master Addons Pro 计划,每年一次,终身。一码,八天。

00天
00人力资源
00闽
00秒

美国东部时间 9 月 14 日星期一 23:59 结束

  • 个人1 个站点 129美元77美元的
  • 商业5个站点 199美元的119美元
  • 开发者无限网站最适合代理机构 599美元的359美元

支付一次。永远不会续订。

优惠券代码 马里费岛40
立即享受 40% 的折扣
  • 30,000多个活跃安装
  • 4.5/5 来自212份点评
  • 14天退款