三个步骤,一段代码
- 01
发布模板
嵌入的表单呈现的是模板的已发布版本,并沿用它分享链接的代码,所以第一步是发布。
- 02
复制代码
从模板的菜单中选择「嵌入」,复制它提供的 iframe 代码。
- 03
粘贴到你的网站
你的网站上任何能添加自定义 HTML 的地方都可以放。表单就会出现在那里,随时可以填写。
你的网站在前,Pocper 在后
在你的页面上填写
表单在你页面里的一个框架中运行,访客填写时完全不必离开你的网站。
不会有空白回复
访客开始输入后才会创建回复,只是滚动经过的人不会留下空白文档。
每份回复都归档
每一份回复都会在 Pocper 创建一位客户,文档就放在他的文件夹里,和你为客户保存的其他一切放在一起。
有动静就通知你
有人开始填写表单时、提交时,你都会收到通知;提交时还会另外发一封邮件,除非你把它关闭。
链接与嵌入,同一个开关
嵌入沿用分享链接的代码:锁定链接,嵌入的表单也跟着锁定;解锁之后,两者都回来。
先道谢,再来一份
提交之后,访客会看到感谢页面,上面有一个「再填一份」按钮。
你正在用的建站工具都能用
这段代码是标准的 iframe,不含任何 script,所以任何能添加自定义 HTML 的建站工具都能用——包括以下这些。
- WordPress
- Wix
- Squarespace
- Webflow
- Shopify
- Framer
- Ghost
- Carrd
有些工具需要付费套餐
WordPress.com、Squarespace、Webflow 和 Carrd 只在部分套餐中开放这类自定义代码。如果找不到那个区块,或网站发布后表单没有出现,请先确认你的套餐。
电子邮件和社交帖子不会显示
邮件客户端和社交网络会移除 iframe。在这些地方,请改发模板的分享链接——它打开的是同一份表单。
粘贴之前
框架高度固定
它一开始高 700 像素。较长的表单会在框架内滚动——或者在代码里把高度改成合适的数字。
姓名请在表单里询问
嵌入的表单会直接打开,没有询问姓名或邮箱的封面页。如果你需要这些信息,就把这些字段加进表单。
每次访问都重新开始
中途离开、之后再回来的访客,会从一份新的开始填写。他们第一次输入的内容仍保留在 Pocper 里。
一行 HTML
全部就这些。把它粘贴在表单该出现的位置——值得了解的三个部分,下面逐一说明。
<iframe 1src="…" width="100%" 2height="700" style="border:0" 3loading="lazy"></iframe>
1
src你的表单的嵌入地址。它跟着模板的分享链接走,所以锁定那个链接,嵌入的表单也会一起锁定。
2
height框架一开始高 700 像素,不会自行调整大小。修改这个数字,让它适合你的表单。
3
loading「lazy」会等表单滚动进入屏幕时才加载,不会拖慢你页面顶部的速度。