然后,这将打开一个仪表板,您可以在其中设计内联单元并添加所需的字段和消息。
在下一节中,我们将讨论使用 Hello Bar 创建内联单元的设计方面。
设计 Hello Bar 内联表单
在本节中,我们将介绍使用 Hello Bar Inline 进行表单设计的一些重要方面。一些设计技巧,以帮助您获得最佳结果。
使用 Hello Bar 设计内联表单的分步流程
按照这些分步说明使用 Hello Bar Inline 创建引人注目的表格。
1. 选择模板
使用 Hello Bar 设计内联表单时,您需要做的第一件事就是选择一个模板。根据您在上一步中选择的目标,您会发现几个可供选择的选项。
对于每个目标,您可以创建不同类型的内联表单。例如,如果您的目标是收集网站访问者 阿塞拜疆电子邮件列表 的电子邮件地址,那么您可以通过多种方式来实现。
以下是一些示例:
要求人们参加测验并提供他们的电子邮件地址以获取结果。
征求反馈并要求他们使用调查平台填写调查问卷,并将他们的电子邮件地址作为其中一个字段。
推广机密内容,例如电子书和白皮书,人们可以通过提供电子邮件地址来访问这些内容。
还有更多!
Hello Bar 提供各种模板以适应这些不同的场景。这里有一些例子。
选择最适合您需求的模板并开始自定义它。
2. 添加或编辑表单字段
下一步是根据您的需要自定义模板并添加或删除表单字段。
请注意,根据您的目的,某些表单字段可能不正确。例如,如果您的目标是收集电子邮件地址,则不能删除电子邮件表单字段,因为这是内联表单的主要目的。
您可以轻松添加或删除任何不必要的表单字段。方法如下:
转到“设计”选项卡中的“输入字段”下拉菜单,然后选择要添加到表单的字段。
将您想要添加的消息添加到所选字段。例如,如果您选择多项选择题,请添加问题和多个答案供人们选择。
您只需将各个表单字段拖放到表单中即可随意重新排列它们。
修改标题及其他内容。
包括您的徽标、品牌颜色和字体以及其他品牌元素。
以下是您将获得的各种设计定制选项。
预览您的最终设计并对其进行自定义,直到您准备好使用它为止。
3. 选择表单的显示位置
现在您的内联表单已准备就绪,您需要决定将其放置在内容中的什么位置。
我们不只是指您网站上的哪个页面,还指特定页面上的哪个位置。
不用担心!它并不是那么技术性,你不需要任何专业知识就可以做到。
以下是简单的过程:
转到左侧菜单并选择“选定项目之后”放置。
然后,转到您想要放置表单的页面和部分。右键单击并选择“检查页面”。
AD 4nXcWvzWlst1TGP3Ol3TJ3HHkD2zM yATz2q68zS
单击左上角的箭头图标,选择该项目,您将找到该项目的代码。复制代码并返回 Hello Bar 仪表板。
将代码粘贴到 CSS 选择器字段中即可完成。
这包括逐步的过程和
-
- Posts: 488
- Joined: Sat Dec 21, 2024 3:36 am