Page 1 of 1

WordPress 中自定义 HTML 小部件的屏幕截图

Posted: Sat Mar 22, 2025 4:49 am
by rifat28dddd
Calendly 中“事件类型”选项卡的屏幕截图
单击事件上的 “分享”按钮。

Calendly 中的活动分享按钮的屏幕截图
在出现的窗口中 选择“添加到网站” ,然后选择三个嵌入选项之一。

Calendly 中打开新窗口的“添加到网站”按钮的屏幕截图
点击“继续”。你将进入另一个屏幕,其中有一个你可以复制的嵌入代码。

Calendly 中嵌入代码的屏幕截图
在您进行嵌入过程时保持此选项卡打开,以防您分心做一些更令人兴奋的事情(我知道不太可能)。

选项 1:在单个页面或帖子中嵌入 Calendly
您可以将 Calendly 嵌入到 WordPress 网站上的任何单个页面或帖子中。这可能是最简单的方法,特别是如果您已经学习了WordPress 块编辑器。

登录到您的 WordPress 管理仪表板。

转到“页面”部分并选择您 瑞士电报数据库 想要嵌入 Calendly 的页面,或者单击“添加新页面”来创建新页面。

WordPress 中的页面选项卡和“添加新页面”按钮的屏幕截图
单击左上角的+ 图标添加新块。

您可以在 WordPress 中添加新块的加号图标的屏幕截图
向下滚动到小部件部分并选择自定义 HTML。

将您的Calendly 嵌入代码粘贴到页面上显示的 HTML 块中。

在 WordPress 的 HTML 块中粘贴嵌入代码的位置的屏幕截图
单击“预览”以确保嵌入有效,然后单击右上角的“保存”以更新您的页面。

WordPress 中预览会议按钮的屏幕截图

现在,您网站的访问者可以轻松预约,而无需打开其他页面。请记住,此嵌入仅适用于您将其添加到的页面。

选项 2:添加站点范围的弹出窗口小部件
想要让 Calendly 显示在您网站的每个页面上吗?没有官方的 Calendly WordPress 插件,但您可以将 HTML 嵌入为适用于您网站每个页面的小部件。

首先按照步骤找到您的Calendly 嵌入代码,然后选择弹出小部件选项并复制代码。