跳至主要內容

把你的表單,嵌入你自己的網站。

從 Pocper 複製一段程式碼,貼到你的網站。訪客不必離開你的頁面就能填寫表單,而每一份回覆照樣會送進 Pocper,歸入客戶名下。

使用流程

三個步驟,一段程式碼

  1. 01

    發布範本

    嵌入的表單呈現的是範本的已發布版本,並沿用它分享連結的代碼,所以第一步是發布。

  2. 02

    複製程式碼

    從範本的選單中選擇「嵌入」,複製它提供的 iframe 程式碼。

  3. 03

    貼到你的網站

    你的網站上任何能加入自訂 HTML 的地方都可以放。表單就會出現在那裡,隨時可以填寫。

你會得到什麼

你的網站在前,Pocper 在後

  • 在你的頁面上填寫

    表單在你頁面裡的一個框架中運作,訪客填寫時完全不必離開你的網站。

  • 不會有空白回覆

    訪客開始輸入後才會建立回覆,只是捲動經過的人不會留下空白文件。

  • 每份回覆都歸檔

    每一份回覆都會在 Pocper 建立一位客戶,文件就放在他的資料夾裡,和你為客戶保存的其他一切放在一起。

  • 有動靜就通知你

    有人開始填寫表單時、提交時,你都會收到通知;提交時還會另外寄一封電子郵件,除非你把它關閉。

  • 連結與嵌入,同一個開關

    嵌入沿用分享連結的代碼:鎖定連結,嵌入的表單也跟著鎖定;解鎖之後,兩者都回來。

  • 先道謝,再來一份

    提交之後,訪客會看到感謝頁面,上面有一個「再填一份」按鈕。

網站架設工具

你正在用的網站架設工具都能用

這段程式碼是標準的 iframe,不含任何 script,所以任何能加入自訂 HTML 的網站架設工具都能用——包括以下這些。

值得知道

貼上之前

  • 框架高度固定

    它一開始高 700 像素。較長的表單會在框架內捲動——或者在程式碼裡把高度改成合適的數字。

  • 姓名請在表單裡詢問

    嵌入的表單會直接開啟,沒有詢問姓名或電子郵件的封面頁。如果你需要這些資料,就把這些欄位加進表單。

  • 每次造訪都重新開始

    中途離開、之後再回來的訪客,會從一份新的開始填。他們第一次輸入的內容仍保留在 Pocper 裡。

嵌入碼

一行 HTML

全部就這樣。把它貼在表單該出現的位置——值得了解的三個部分,下面一一說明。

<iframe 1src="…" width="100%" 2height="700" style="border:0" 3loading="lazy"></iframe>

  1. 1src

    你的表單的嵌入網址。它跟著範本的分享連結走,所以鎖定那個連結,嵌入的表單也會一起鎖定。

  2. 2height

    框架一開始高 700 像素,不會自行調整大小。修改這個數字,讓它符合你的表單。

  3. 3loading

    「lazy」會等表單捲動進入畫面時才載入,不會拖慢你頁面頂端的速度。

常見問題

關於嵌入的問題

我可以把表單嵌入在哪裡?
任何能加入自訂 HTML 的頁面都可以,包括 WordPress、Wix、Squarespace、Webflow、Shopify、Framer、Ghost 和 Carrd——其中有些只在部分方案開放。這段程式碼是標準的 iframe。
框架會隨表單高度自動調整嗎?
不會。它一開始高 700 像素,較長的表單會在框架內捲動。把程式碼裡的高度改成適合你表單的數字即可。
回覆會送到哪裡?
和其他回覆一樣送進 Pocper:每一份都會建立一位客戶,文件放在他的資料夾裡;有人開始填寫、以及提交時,你都會收到通知。
要怎麼讓嵌入的表單停止接收回覆?
鎖定範本的分享連結——嵌入的表單會跟著鎖定——準備好了再解鎖。取消發布會刪除這個連結,嵌入就此永久停止;再次發布會產生一段新的程式碼,需要重新貼上。
訪客需要帳號嗎?
不需要。他們直接在你的頁面上、用瀏覽器填寫表單。

把你的第一份表單放上你自己的網站。

發布範本、複製程式碼、貼上。