搭配其他工具
可以,你習慣的工具都能和 Page Lemon 網站搭配:電子報表單、其他結帳服務、流量分析、網站監測、測試工具、表單工具和自動化 App。這一頁會說明各自怎麼連接,以及 Page Lemon 已內建哪些相同功能。
最後更新: · 以 Markdown 檢視
對 AI 這樣說
複製到 AI 對話
幫我把 Tally 表單加到 PageLemon.com 的聯絡頁複製到 AI 對話
把我 App 的新使用者加到我的 Mailchimp 名單AI 會問你的事
- 要用哪個工具,以及你想讓它在網站上做什麼。
- 工具提供的程式碼或連結,例如嵌入碼、結帳連結或 Webhook 網址。
- 這個工具會不會設 cookie,以及網站在使用 cookie 之前,是否已經先詢問訪客。
- 是否也要在你 App 的 App 頁面上執行。預設你的 AI 不會讓外部腳本出現在那些頁面。
先準備好這些
- 該工具的帳號。Page Lemon 不會幫你申請。
- 嵌入碼或連結:多數工具的設定裡都找得到 Share、Embed 或 Install,把畫面上的內容複製下來就行。
- 只給公開金鑰。工具可能會給兩把金鑰:公開的給網頁用,祕密的給伺服器用。只把公開的交給 AI,祕密金鑰絕對不要貼進對話。
- 有些工具要在設定裡填網站網址:很多嵌入內容只能在你加進去的網址上運作。請把自己的網域和
pagelemon.dev網址都加進去。
運作方式
- AI 會告訴你打算用哪一種方式(見下方)串接工具、網站會有哪些變動,以及工具會不會設 cookie。
- 它會先讓你看修改內容,你同意才動手。
- 它會加上程式碼或連結、發布,再打開頁面確認工具有載入。
- 它會告訴你隱私權聲明該補什麼,並問你要不要幫你加上。
串接工具的五種方式
- 把嵌入碼加到頁面:工具提供的 script、小工具或表單,會在訪客的瀏覽器裡執行。
- 放連結過去:做一顆按鈕,連到工具自己的頁面,例如結帳頁或預約頁。
- 把你 App 的事件傳送給它,使用 App Webhook:新紀錄或新使用者會傳到 Zapier、Make、n8n 或你自己的伺服器。
- Let it update your lists with an API key: Zapier, Make, n8n or a script adds items to your lists.
- Export your list to it: a CSV file, for Google Sheets, Excel or anything else.
各工具說明
| 工具 | 怎麼串接 | Page Lemon 已內建的功能 |
|---|---|---|
| Mailchimp、Kit(ConvertKit) | 把它們的報名表單加到你的頁面。App 的新使用者則用傳到 Zapier 或 Make 的 App Webhook 加入你的名單。雙重確認仍由它們的工具負責 | 聯絡表單會把留言和報名資料收進清單 |
| Resend、Postmark | 用 App Webhook 傳到 Zapier、Make 或你自己的伺服器,再由它透過你的 Resend 或 Postmark 帳號寄出郵件 | 預約、訂單和表單郵件由我們代寄;最高階的方案可以用你自己的地址寄出 |
| Lemon Squeezy、Polar、Paddle、Gumroad | 把它們的購買按鈕或結帳連結加到頁面。詳見用其他結帳服務收款 | 金流直接走你自己的 Stripe:付款按鈕、小商店和付費會員 |
| RevenueCat | 它的網頁版帳務在自己的頁面上處理,所以請連結過去。App 的付費會員則走你自己的 Stripe | 付費會員會自動開通或關閉 App 的使用權限 |
| Plausible、Fathom | 把它們的 script 加到頁面,不會設 cookie | 瀏覽與統計,不用 cookie |
| Google Analytics、PostHog | 把它們的 script 加到公開頁面,並針對英國和歐盟訪客加上 cookie 提示橫幅。詳見同時使用其他統計工具 | 瀏覽與統計 |
| UptimeRobot、Better Stack | 設一個檢查指向網站網址;有 App 的話,再設一個指向 App 的登入頁 | Page Lemon 自己的運作狀態請看 status.pagelemon.com |
| Playwright、Checkly | 對正式網址或 Staging 副本跑測試。詳見用 Playwright 或 Checkly 測試 | Staging 副本,以及每次發布都會跑的無障礙檢查 |
| Tally、Typeform、Google Forms | Add their embed code or link to your page. Answers stay in their tool; to copy them into a Page Lemon list, use Zapier or Make with an API key (Use your lists in other apps) | 聯絡表單,附垃圾訊息防護、通知和收件匣 |
| Trigger.dev、Inngest、Upstash QStash | An app webhook starts your job; your job writes results back with an API key | 垃圾訊息限制、計數和每日上限都已內建 |
| Zapier、Make、n8n | App webhooks out, an API key in | 在其他 App 使用你的清單 |
| Google 試算表、Airtable、Notion | A CSV export for any of them, an API key to write back | 清單 |
| Supabase | 它的公開金鑰和自家登入功能,可以放進頁面程式碼裡執行。這樣資料和帳號就由 Supabase 保管,而不是 Page Lemon | 你的 App:使用者登入與 App 清單 |
| 聊天視窗、地圖、影片、行事曆、評價 | 把它們的嵌入碼加到頁面 | 預約功能可處理約診 |
需要伺服器的工具
Page Lemon runs no code of yours on its servers, so tools that need a server (sending email with a secret key, background jobs, a database you call with a password) run on your own account with that tool. They talk to your site in two ways: your app's events go out to them with an app webhook, and their results come back into your lists with an API key.
祕密金鑰別放進頁面
頁面是公開的,任何人都看得到程式碼,所以只能放公開金鑰,例如 Google Analytics 的評估 ID、PostHog 的專案金鑰,或 Stripe 的可公開金鑰(開頭是 pk_)。
網站檔案裡只要有看起來像祕密金鑰的內容,Page Lemon 就會拒絕發布。金鑰如果曾出現在公開頁面或對話裡,請到該工具的設定換一把新的。
網站的安全政策
Page Lemon 不會替頁面加上 Content-Security-Policy。如果你的網站有自己的(頁面程式碼中的一行,列出允許載入 script 的網址),請把每個工具的網址加進去,否則工具會載入失敗。AI 加入工具時會一併處理。
cookie 與隱私權聲明
- Page Lemon 自己的統計不設 cookie,所以不需要 cookie 提示橫幅。
- 會設 cookie 或跨網站追蹤訪客的工具,例如 Google Analytics、預設設定的 PostHog、Meta Pixel 和許多聊天視窗,通常要先取得英國和歐盟訪客的同意才能載入。Page Lemon 不會自動加 cookie 提示橫幅,請 AI 幫你加一個,訪客同意後才載入這些工具。
- 每個工具都要寫進網站的隱私權聲明:收集什麼、為什麼收集。工具是你選的,要告知訪客是你的責任。詳見隱私與你的資料。
在 App 頁面上
你 App 的 App 頁面會向每位使用者顯示他們自己的紀錄。預設你的 AI 不讓分析工具、工作階段錄影和聊天小工具出現在那些頁面上,這樣使用者的紀錄就不會透過別人的腳本外流。如果你想放一個,請提出要求:你的 AI 會加上它,並對錄影隱藏使用者的文字和輸入內容,你也要在隱私權聲明中說明。
注意事項
- 你串接的工具不是 Page Lemon 營運的。工具由你自己選,適用它們各自的條款和隱私權政策。
- 有內建功能時,優先使用內建功能:這樣表單回覆、預約和訂單會進入你的通知、收件匣、匯出和隱私權請求。
- 有東西沒載入?請看嵌入內容或 script 沒有載入。
給 AI 助理:設定指南在 pagelemon.com/agents/integrations。