跳转到主要内容

订阅表单(Signup Forms):主题设置

了解如何使用主题设置自定义您的订阅表单(Signup Form)的外观和样式

作者:Ira
更新于今天

主题设置允许您自定义表单设计,并定义默认布局选项,包括颜色、按钮、字段和关闭按钮。

使用 Theme Settings 让您的表单与您的品牌风格保持一致,并打造无缝、专业的体验,从而帮助提升互动率和转化。


表单布局

控制您的表单在您的网站上显示的位置方式

  • 显示类型:从弹窗、落地页、嵌入式或飞入式中选择。您可以复制一个表单并切换其显示类型,以便在多种格式中重复使用相同的设计。

  • 表单宽度:可将宽度调整为 300 到 1000 像素,以适应任何屏幕尺寸。

  • 背景图片:将您的图片置于左侧、右侧、顶部,或作为完整背景。

    • 您还可以将您的图片宽度设置为填充空间或适应表单大小。

  • 表单位置:设置表单在页面上的显示位置(例如,居中、右下角)。

表单样式

使用边角形状、边框和叠加颜色来定义您表单的整体外观。

  • 边角:选择方形、略微圆角、更圆润的圆角,或手动指定自定义半径。

  • 边框宽度: 调整边框粗细,范围为 0 到 60 像素(0 像素 = 无边框)。

  • 边框样式:选择实线、虚线或点线。

  • 边框颜色:使用十六进制代码或拾色器设置。

  • 叠加颜色:在 Omnisend 表单编辑器中为表单背景添加一种颜色。

按钮设置

自定义您表单中按钮的外观。更改将统一应用于每种按钮类型的所有实例。

按钮样式

  • 主按钮 – 主要的行动号召(例如:Submit、Subscribe)。

  • 次要按钮 – 备选操作(例如:“不用了,谢谢”、“以后再说”)。

  • 第三级按钮 – 可选链接(例如,了解更多、阅读政策)。

按钮自定义选项

  • 边角:方形、略微圆角、更圆润或自定义。

  • 背景颜色:使用十六进制代码或颜色选择器设置按钮背景颜色。

  • 字体:为按钮文本选择字体类型和大小。

  • 修饰:粗体、斜体或带下划线的文本。

  • 文本颜色:按钮文本颜色。

  • 对齐方式:左、中或右。

  • 边框宽度: 从 0 到 60 像素。

  • 边框样式: 选择实线、虚线或点线。

  • 边框颜色:使用十六进制代码或颜色选择器设置边框颜色。

  • 内边距:调整内部间距以控制按钮大小。

字段设置

自定义访客输入信息的输入字段。

  • 字段样式:选择框式(字段带有可见边框)或带下划线(仅限最小下划线)。

  • 圆角:直角、轻微圆角、更圆润或自定义半径。

  • 背景颜色:设置字段背景颜色。

  • 错误颜色: 选择验证失败时错误消息所使用的颜色。

  • 字体:为字段内的文本选择字体类型和大小。

  • 修饰:粗体、斜体或带下划线的文本。

  • 文本颜色:在字段中输入的文本的颜色。

  • 占位符颜色:占位符文本的颜色(例如,“输入您的电子邮件(Email)”)。

  • 标签颜色:字段标签的颜色(例如,“电子邮件(Email)地址”)。

  • 对齐方式:左对齐、居中或右对齐。

  • 边框宽度、样式、颜色:控制字段边框外观。

  • 内边距:调整字段内的内部间距。

关闭设置

控制访客用于关闭表单的按钮。

  • 显示关闭按钮:显示或隐藏关闭 (X) 按钮。

    • 禁用后,访客只能通过提交表单或点击表单外部(如果下方已启用)来关闭表单。

  • 关闭按钮颜色:更改关闭 (X) 按钮的颜色,以匹配您的主题。

  • 背景:为关闭按钮设置背景颜色。

  • 启用 "Close by clicking outside the form":允许访客点击表单外的任意位置来关闭表单,对移动设备尤其有用。

注意:关闭按钮设置不适用于 Embedded 和落地页表单。

常见问题

我可以将关闭按钮移动到其他位置吗?

编号主题设置仅允许您更改关闭按钮的颜色和背景。关闭按钮的位置(默认在右上角)无法通过“主题设置”更改。

为什么我的按钮文本没有垂直居中?

按钮文本的垂直居中是由内边距控制的,而不仅是对齐方式。在“按钮设置”中增加顶部和底部内边距值,为按钮内的文本提供更多垂直空间。

我可以在我的表单中添加自定义 CSS 吗?

主题设置提供全面的样式选项(颜色、字体、边框、内边距、对齐方式),但不支持自定义CSS注入。如果您需要“主题设置”之外的高级样式,请咨询您的网站主题开发者,以便在您的网站上应用针对 Omnisend 表单的 CSS。


需要帮助吗? 查看我们的Here is the[email protected]

这是否解答了您的问题?