Divi 插件亮点:只需安排约会

已发表: 2020-08-13

安排会议的最流行方法之一是通过联系表。 这会将消息作为电子邮件发送给您,从而开始电子邮件对话。 然后你需要回复电子邮件,然后他们会回复,创建一个来回对话。 它有效,但效率不高。

更好的选择是使用专为调度设计的插件。 日程安排插件可以管理日程安排并让您和您的客户了解预约情况。 一个这样的插件,Simply Schedule Appointments,与 Divi 集成,以创造最佳的日程安排体验。 在本文中,我们将仔细研究 Simple Schedule Appointments,看看它可以做什么。

安装简单的安排约会

安装简单的安排约会

从开发人员的网站下载插件或在 WordPress 插件仪表板中搜索它。 安装:

  1. 在 WordPress 仪表板中,转到插件>添加新
  2. 搜索简单的安排约会
  3. 点击立即安装
  4. 安装插件后,点击激活

安装简单的安排约会

第一次在 WordPress 仪表板中选择约会时,您将设置一个设置屏幕,您可以在其中使用帮助或手动设置插件。 输入您的许可证密钥,然后设置您的首选项。

安装简单的安排约会

照常完成您的设置。 这包括您的约会类型、可用性、日程安排选项、Google 日历、客户信息、通知等。我已将我的约会类型设置为咨询电话。

只需安排约会,用户就可以通过您的网站安排约会,而无需与您互动。 用户根据他们的时区进行约会。 提醒会自动发送给他们。 您可以设置取消政策,插件会强制执行。 用户可以轻松重新安排。 这使其成为与 Divi 一起使用的绝佳选择。

使用 Divi 简单安排约会

使用 Divi 简单安排约会

通常,您必须使用短代码将预订表格放在您的网站上。 简单地安排约会向 Divi Builder 添加了一个名为约会预订的新模块。

使用 Divi 简单安排约会

该模块将多页表单嵌入到您的 Divi 布局中。 第一页提供有关表单用途、用户时区和日历的信息,他们可以在其中选择日期和时间。 只有您有空的日期是可点击的。

日历将每一天显示为带有导航的滑块内的按钮,可将您带到下一组日期。 左上角的后退箭头将带您返回上一页。 可点击的日期有边框并在悬停时更改颜色。 其中大部分都可以在模块内进行调整和设置样式。

使用 Divi 简单安排约会

单击日期会打开显示可用时间的下一页。

使用 Divi 简单安排约会

单击时间打开下一个页面,您可以在其中输入您的姓名和电子邮件以预订约会。

使用 Divi 简单安排约会

用户预订约会后,他们会看到一个感谢屏幕,在那里他们可以看到有关约会的信息。 信息包括约会类型、日期和时间以及时区、他们的姓名和电子邮件,以及一个将其保存到日历的按钮。 单击日历按钮会打开 Google 和其他选项。 他们还可以在表单底部编辑、重新安排、取消和安排新约会。

简单地安排约会模块设置

简单地安排约会模块设置

设置很简单。 该模块不包括背景、边框、动画等常用设置。内容选项卡包括预订类型,您可以选择将显示哪些类型的预订。 可用的预订类型是您在插件的设置屏幕中设置的类型。 我的选项是全选和咨询电话。

简单地安排约会模块设置

“设计”选项卡包括字体系列、颜色和填充。 字体系列允许您选择字体、字体粗细和样式。

简单地安排约会模块设置

颜色包括强调色和背景色。 强调色适用于后退箭头、铅笔图标和日期的悬停状态。

简单地安排约会模块设置

填充由滑块控制,您可以选择填充单位。 在 5 个选项之间进行选择,包括像素和百分比。

简单地安排约会模块设置

填充被添加到每一边。 它不会在 Visual Builder 中显示填充。 以下是 100px 在实时页面上的外观。

简单地安排约会模块设置

高级选项卡包括 CSS ID 和类、自定义 CSS、可见性、过渡、位置和滚动效果的设置。

简单地安排约会模块设置

该模块具有响应性,因此如果列的宽度不足以显示全角,它将堆叠日期。

简单地安排约会模块设置

没有太多调整,但足以将表单集成到您的 Divi 网站中。 例如,它不包括模块的框阴影。 我在行中添加了它。 这对于没有其他模块的单列行非常有用。

表单的默认样式

表单的默认样式

您还可以从仪表板菜单中的设置屏幕或模块本身设置表单样式。 您可以调整强调色、背景色、字体系列、填充、启用对比度模式和使用自定义 CSS。 这将是表单使用的默认样式,除非您在模块中设置它们的样式。

即将到来的约会列表

即将到来的约会列表

一旦有人通过您的 Divi 表单进行约会,您就会在仪表板菜单的约会列表中看到它。 您可以过滤此列表,将其导出,并按即将到来的、过去的或特定日期范围查看约会。 单击一个会打开一组选项以取消它或查看详细信息。

简单地安排约会 Divi 示例

简单地安排约会 Divi 示例

对于此示例,我将 Renovation 布局包的联系页面中的联系表单替换为 Simple Schedule Appointments 模块。 使用布局中的颜色,我将背景设为大胆的黄色,并将强调色设为黑色。

简单地安排约会 Divi 示例

这是第二页。 它显示可用时间。 悬停时按钮变为黑色。

简单地安排约会 Divi 示例

这是输入您的姓名和电子邮件的表格。 带有字段的表单的背景是白色的。 表格的这部分在常规设置中是不可调整的。 它很好地脱颖而出,并且布局看起来很棒。

简单地安排约会 Divi 示例

这是感谢表格。 它还显示白色背景。 它调整大小以将所有链接放置在屏幕上,并且在小空间内看起来仍然很棒。

价钱

有多个版本的简单安排约会可用。 Divi 模块包含在每个版本中,包括免费版本。 付费版本包括来自 Google Calendar、PayPal、Google Analytics、Gravity Forms、Facebook Pixel、Mailchimp、Stripe 等的集成。 购买选项包括:

  • 免费 – 包括 Divi 模块
  • 加 - 99 美元,包括 Google 日历、自定义字段、Mailchimp 集成、课程和团体活动
  • 专业 – 199 美元,添加付款、网络挂钩、电子邮件提醒、跟踪目标、实时支持

结束的想法

这就是我们对 Divi 的简单安排约会的看法。 该插件适用于 Divi。 我发现该模块易于使用。 它确实缺少许多 Divi 模块中标准的样式功能。 一些样式可以在 CSS 中完成。 我希望看到重新添加的标准设置,例如字体颜色、边框、框阴影等。我能够获得一些适合我的布局的漂亮样式。

该模块效果很好。 它可以很好地调整大小。 表格对用户来说简单直观。 无论您使用的是短代码还是 Divi 模块,仪表板的工作方式都是一样的。 如果您有兴趣在 Divi 中使用日程安排插件,Simply Schedule Appointments 可能是您需要的插件。

我们希望听到您的意见。 您是否尝试过使用 Divi 轻松安排约会? 请在评论中告诉我们您对此的看法。

精选图片来自 VectorKnight/shutterstock.com