呼吁采取行动

每个登陆页面都需要一个位置来告诉访问者下一步该做什么。 呼吁采取行动 小部件在 Elementor 的主插件 构建该块:标题、一小行支持文本和一个按钮,包裹在样式框中,您可以将其放在页面上的任何位置。

您键入消息、设置按钮链接、选择布局预设,然后为背景、标题和按钮着色以匹配您的品牌。本指南将浏览小部件中的每个设置。

行动呼吁小部件的作用 #

Widget 渲染一个自包含的 CTA 框,其中包含一个可选图标、一个标题、一个描述和一个按钮。样式预设下拉会更改布局,从左侧的图标变为完全居中的块,样式选项卡会为每个部分着色。

它有三个选项卡。 内容 保存文本、按钮标签、链接和预设。 风格 控制背景、标题、描述和按钮外观。 高级 带有通常的 Elementor 间距和可见性选项。

在开始之前 #

• 文字出版社 与 元素 已安装并处于活动状态。
• Elementor 的主插件 已安装并处于活动状态。插件新增?参见 安装指南.
• CTA 副本和按钮的目标 URL。

如何添加"号召性用语"小部件 #

在 Elementor 编辑器中,打开 元素 面板和搜索 呼吁采取行动的,(或)滚动到主插件部分(小部件带有紫色MA徽章)。将其拖到您的页面上,它会加载一个准备编辑的示例CTA。

它以图标、标题、描述和立即购买按钮开头,因此您可以从工作块而不是空白块进行编辑。

设置内容并选择预设 #

打开 内容 选项卡。 样式预设 dropdown 位于顶部,后面是文本字段。

• 样式预设: 默认样式、中心样式、引用样式、引用样式 2 和左图标。
• CTA 内容: 标题,带有"使用人工智能写入"选项。
• 描述: 标题下的配套线。
• 按钮文本: 按钮标签,例如立即购买或开始购买。
• 呼叫行动网址: 钮(和框,如果你链接它)指向的位置。

布局预设 #

预设会更改块的排列方式,而无需触摸文本。 中心风格 将标题、描述和按钮堆叠在中间,非常适合全宽部分。

其他预设会改变布局:左图标将图标保留在文本旁边,Quote 样式为感言风格块添加了重音。尝试几次,因为一旦布局发生变化,同一副本的读法就会不同。

样式块 #

的 风格 tab 将小部件分解为可以自行风格的部分: 预设样式, 标题样式, 描述风格, 按钮样式、和 图案 (一个专业选项)。

的 预设样式 section 设置框背景 在纯色和图像之间切换背景类型,然后选择颜色。

样式按钮 #

打开 按钮样式 为号召性用语按钮。它有 正常 並 悬停 tabs,因此您设置了休息外观和悬停外观。

• 背景颜色和文本颜色: 按钮填充并标记颜色,每个状态。
• 宽度和填充: 的按钮大小。
• 边界类型和边界半径: 轮廓和圆角。
• 版式: 的按钮字体。

常见用例 #

• 着陆页 CTA 推送注册、演示或购买。
• 帖子结束提示 链接到产品或定价页面。
• 部分横幅 宣布要约或启动。
• 侧边栏或页脚呼叫 通过一个清晰的行动。
• 引用样式块 将感言与按钮配对。

使用"行动呼吁"小部件的技巧 #

• 带上好处。 标题应该说明访问者得到了什么,而不仅仅是点击什么。
• 保持描述简短。 一两行就比按钮高得多。
• 使用一个按钮。 一个清晰的动作比两个竞争的动作转换得更好。
• 对比按钮。 让它从盒子背景中脱颖而出。
• 设置悬停状态。 悬停上的颜色偏移告诉访问者该按钮是可点击的。

观看视频教程 #

喜欢在屏幕上跟进?下面的视频教程从头到尾浏览"号召性用语"元素,显示每个预设、背景和按钮选项在元素编辑器中的工作原理。

常见问题 #

包裹起来 #

Call to Action小部件将标题、一行文本和一个按钮变成一个带动点击的样式化块,写下消息,选择一个像Center Style这样的预设,设置链接,然后为背景和按钮着色,以匹配您的页面,有关转换小部件,请参见 定价表小部件 和 信息框小部件,浏览全文 主插件小部件和扩展并且检查 定价页面 对于每个计划包含的内容。