三個步驟,一段程式碼
- 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」會等表單捲動進入畫面時才載入,不會拖慢你頁面頂端的速度。