如您所见,真实示例的布局、设计、风格和定位各不相同。无论哪一个激发了您的灵感,您都可以使用 Claspo 的全部功能轻松地在您的网站上复制它。那么,如何在没有任何编码或设计技能的情况下创建新闻通讯注册表单并浪费您的时间?
让我们一步一步来看。
最好的免费计划,具有您在任何地方都能找到的所有高级功能
立即开始
步骤 1:开始
登录您的免费帐户并点击“新小部件”按钮。您可以从头开始创建, 巴拿马 whatsapp 数据 也可以选择现成的模板。我们建议选择第二种选择以节省时间。我们的模板具有深思熟虑的结构和吸引人的设计,因此您可以轻松定制您喜欢的模板以满足您的需求,并只需单击几下即可将电子邮件订阅添加到您的网站!
步骤1
第 2 步:选择模板
使用侧边栏中的搜索过滤器快速找到所需内容。由于您的目标是向网站添加新闻通讯,因此请选择“收集电子邮件地址”用例。其余过滤器是可选的。您知道您想要哪种布局吗?检查“布局”部分是否有弹出窗口、浮动栏、内置小部件等。在下面的过滤器中选择您的行业和主题,以进一步缩小搜索范围。
选择模板
步骤 3:编辑模板
一旦您选择模板,您将进入我们直观的拖放编辑器。在这里,您可以进行广泛的定制以满足您的愿景和需求。虽然我们无法在一篇文章中介绍 Claspo 的所有功能,但我们将向您展示我们如何定制模板的示例。
前
2024-07-04_15_08_10
后
2024-07-04_16_31_58
相当令人印象深刻,对吧?以下是我们在几分钟内完成的工作:
删除了“名称”输入字段,并用下拉列表代替以选择小猫的品种。
为两个输入字段添加了占位符文本。
替换了字体样式和大小。
从我们内置的照片库中选择一张图片来更改它。
为标题、描述和 CTA 按钮添加了自定义文本。
调整了列之间的纵横比,为消息而不是图像提供更多空间。
添加了同意数据处理的复选框。
改变了文本、按钮和输入字段轮廓的颜色。
增加了输入字段和 CTA 按钮之间的距离,使其脱颖而出。
将退出按钮从布局外部移到内部,增加了其尺寸并改变了其颜色。
为按钮添加了动画。
步骤 4:预览您的小部件
完成所有想要的更改后,必须预览小部件在移动设备和桌面屏幕上的显示效果。我们的弹出窗口尺寸很大,我们确保它不会占据较小的移动屏幕,以保持流畅的用户体验。因此,我们对其进行了优化,使其仅在桌面屏幕上显示图像,同时保留移动设备上的清晰度和可用性。
2024-07-0416_46_56-ezgif_com-视频到gif转换器_1
步骤 5:配置显示规则
在您完善了小部件的外观并转到激活部分后,您可能想知道如何为网站设置电子邮件订阅。好消息是:最佳显示规则已经为您预先配置好了。
这些措施包括延迟观看、频率限制、防止同时出现以及订阅后停止观看,确保完美的用户体验。您还可以只需单击几下就轻松自定义这些规则,而无需任何编码技能。
2024-07-0416_59_38-ezgif_com-视频转gif转换器
步骤 6:选择所需的集成
当将最佳的新闻通讯注册表单添加到您的网站时,您需要确保所有订阅者的数据都无缝传输到您选择的平台以发送欢迎活动和其他通讯。为此,在小部件设置期间将 Claspo 与您选择的 ESP 或 CRM 集成,并指定您要传输的字段。
选择所需的集成
步骤 7:将您的小部件嵌入网站
完成设置后,您可能想知道如何在您的网站添加新闻通讯订阅。很简单!
按照我们的分步指南,通过 Google Tag Manager 或 Claspo Chrome 扩展程序将完成的脚本代码复制并粘贴到您的网站。对于 WordPress 或 Shopify 网站,只需安装 Claspo 插件即可实现更顺畅的集成。
如果您还有疑问,请联系我们的客户成功经理,我们将免费嵌入该小部件!