WordPress HTML 块中嵌入代码的屏幕截图

[rifat28dddd]

WordPress 中弹出窗口小部件选项的屏幕截图
在 WordPress 中，转到管理仪表板中的外观 > 主题部分。

WordPress 中的主题选项的屏幕截图
选择您网站使用的主题，然后单击“自定义”。

在 WordPress 中自定义主题的位置的屏幕截图
单击网站主页上的任意位置即可进入编辑模式。

向下滚动，找到您网站的页脚。如果您没有页脚，可以从Blocks中添加一个。（注意：您也可以使用页眉或侧边栏执行此步骤。它必须是出现在您网站每个页面上的元素。）

在 WordPress 中查找网站页脚的位置的屏幕截图
单击左上角的+ 图标，然后向下滚动到Widgets部分并选择Custom HTML。

WordPress 中自定义 HTML 小部件的屏幕截图
将自定义 HTML 小部件拖到您想要的区域（在我的示例中是页脚）。

将您的 Calendly 嵌入代码粘贴到出现的 HTML 块中，然后 瑞士电报数据库 单击“保存”。 （注意：预览 HTML 代码不适用于 Calendly 的弹出小部件，但它仍会在您查看网站时出现。）

要检查弹出窗口是否确实在您的网站上运行，请点击页面顶部的小桌面图标，然后点击“查看网站”。

WordPress 中“查看网站”按钮的屏幕截图
如下所示，每个可见小部件区域的页面上都会显示一个浮动的 Calendly 按钮。当用户点击它时，他们会弹出一个窗口，允许他们安排约会。

Calendly 按钮的屏幕截图，上面写着“与我安排时间”
如果您觉得无聊，您也可以手动将小部件添加到您希望它出现的每个页面上，但我更喜欢快捷方式。

选项 3：使用页面构建器嵌入 Calendly
如果您不喜欢 WordPress 默认（有时很棘手）的页面编辑器，您也可以使用页面构建器将 Calendly 嵌入到您的网站中。在此示例中，我将使用 Elementor，但对于任何构建器来说，步骤应该大致相同。