本文介绍如何配置和自定义“提交”按钮，以实现最佳功能并与表单设计保持一致。
关于提交按钮元素
提交按钮是联系表单中专门使用的关键元素，允许访问者提交他们的信息或回复。
提交按钮专门用于发送和提交表单数据。它不能用作 按键 用于重定向到另一个链接或作为 添加到购物车 按键.
如何向您的页面添加提交按钮元素？
重要提示： 在 GemPages 中，此元素不能独立发挥作用，必须添加到 资讯订阅 或者 联系表格 元件。
要将“提交”按钮添加到您的页面，请按照以下步骤操作：
第三步： 访问 GemPages 仪表板 > 前往，然后点击目标页面来定位编辑器。
第三步： 在左侧边栏中搜索“提交按钮”， 然后 将其拖放到新闻稿或联系表单元素中。
如果您还没有任何按钮，请先在您的页面上添加一个，然后将提交按钮嵌套在里面。
第三步： 单击该元素以打开其设置以进行进一步自定义。
配置“设置”选项卡
在下面 设置选项卡，您可以调整以下部分：
注意： 提交按钮嵌套在联系表单元素中，仅可用于在联系表单中将数据发送到 Shopify。
尺寸
宽度： 选择按钮的水平缩放方式：
- 适合内容（自动）： 按钮将根据其内容（文本和图标）的大小进行调整。
- 全屏（100px）： 该按钮将扩展以填充其容器的整个宽度。
- 自定义宽度： 如果您喜欢其他值，请在框中输入一个特定的数字（以％为单位）以按照您的方式调整按钮的宽度。
高度：将高度设置为适合内容（自动）或固定像素值。
填充：定义按钮内部的间距。
背景
设置一个 固体 or 渐变色背景 提交按钮的颜色。您可以通过以下方式调整颜色：
- 输入颜色代码
- 拖动或从颜色样本中选择
- 使用颜色选择器选择当前页面上的任意颜色
- 从中选择一个 最近的颜色 or 为您推荐 名单
图标
要在提交按钮元素中添加图标，请切换到 图标 部分并在设置中以您的方式自定义图标。
- 图标： 从 GemPages 的可用选项中选择一个图标，或者您可以上传自己的图标（仅限 .SVG 文件）。
- 位置： 选择图标的位置，位于按钮文本的左侧或右侧。
- 差距： 调整图标和按钮文字之间的间距
文字样式
在下面 文字样式 部分，根据您的喜好修改按钮文本：
- 内容：更改按钮文本作为触发客户采取行动的方式。
- 样式：从中选择文本样式 标题 1-6 or 段落1-3 作为全局风格。
- 字体：选择与您的品牌标识相匹配的字体样式。
- 尺寸：调整字体大小，使文字突出。
- 颜色：选择与您的设计相匹配的颜色。
点击 显示更多 展开完整设置 文字样式 部分：
- 字体粗细：控制文本的粗细。
- 线高：调整行距以提高可读性。
- 字母间距：通过改变字母之间的间距来创建更现代或更紧凑的外观。
- 改造：将文本转换为大写、小写或将每个单词的首字母大写。
- 阴影： 应用阴影效果来增强视觉深度。
影响
自定义“提交”按钮悬停时的反应：
背景：选择鼠标悬停在按钮上时按钮将变为的颜色背景。
文字颜色：悬停时更改文本颜色。
形状： 自定义鼠标悬停时按钮的形状：
- 边境：添加或自定义悬停时的边框样式（颜色、粗细、描边）。
- 角落：调整悬停时的角半径，使边缘更圆润或更方正。
- 阴影：应用阴影效果，使按钮在悬停时更具深度。
对齐
当按钮的 宽度设置为 100% 或更大，水平对齐将被禁用。否则，您可以将按钮左对齐、居中对齐或右对齐。
配置高级选项卡
如需更多高级定制，请导航至 高级选项卡 并按照中的说明进行操作 本文.
