创建弹出窗口后,您需要添加在 WordPress 网站上激活它的按钮。
转到 WordPress 仪表板中的帖子。要向您的内容添加按钮,请单击编辑器左上角的 + 图标。此操作将打开块浏览器。
向下滚动到“布局元素”部分并选择“按钮”。之后,在文本字段中输入您希望按钮指向的完整 URL。
要自定义按钮文本,只需单击“添加文本...”的占位符文本,然后开始输入所需的文本。
使用键盘,您还可以在新行中输入/buttons并按 Enter 以快速添加新的按钮块。
或者您可以使用插件添加按钮。转 推特数据 到您的 WordPress 仪表板并选择插件 > 添加新插件。在插件搜索栏中输入“按钮块”来查找相关插件。安装并激活它。一旦激活,您将收到提示,要求您确认电子邮件以访问按钮块插件。
找到一个 CSS 选择器并将其插入到小部件配置中。
首先,在新标签页中打开您的主页。右键单击页面上的任意位置并选择“检查”选项(这也可能显示为“检查元素”)。
在开发者工具中,你会看到两个面板:左侧面板显示 HTML 元素的层次结构,而右侧面板暂时可以忽略。
即使您不熟悉 HTML,此设置也能让您轻松导航到您感兴趣的元素。只需右键单击所需元素,开发人员工具就会自动突出显示它。
找到 HTML 元素后,最后一步是复制其 CSS 选择器。在链接元素上查找名为 .button 的类,因为它可以用作 CSS 选择器。
将复制的 CSS 选择器粘贴到小部件设置中的相应输入字段中。
基于 HTML_element_click
步骤 4:测试并自定义弹出窗口
预览您的页面。保存页面并预览以查看按钮激活的弹出窗口如何工作。确保单击按钮时能按预期打开弹出窗口。
调整弹出设置(如有必要)。如果弹出窗口的行为不符合预期或者您想要更改其外观,请返回 Claspo 仪表板并进行必要的更改。
步骤 5:发布页面
对设置满意后,继续发布您的 WordPress 页面或帖子。按钮激活的弹出窗口现已上线并准备好吸引您的访问者。现在您知道如何在 WordPress 中单击按钮打开弹出窗口,我们将揭示一些提高转化率的技巧。
将按钮添加到 WordPress 页面或帖子
-
- Posts: 496
- Joined: Sun Dec 22, 2024 3:27 am