- beehiiv Blog 中文
- Posts
- 使用嵌入式表單將你的電子報與 Webflow 整合
使用嵌入式表單將你的電子報與 Webflow 整合
透過在 Webflow 網站上直接收集訂閱者,幫助你的電子報成長
Webflow 的無程式碼內容管理系統(CMS)解決方案是當今市場上首屈一指的網站建置工具之一。
本文將介紹如何在 Webflow 網站中嵌入你的 beehiiv 訂閱表單(Signup Form)。
你可能會驚喜地發現,這比你想像的還要簡單!
如果你已經有想要使用的可嵌入式 beehiiv 表單,請直接跳到步驟 2。
步驟一:建立 beehiiv 表單
要設置你的 beehiiv 表單,首先你需要在你的 Beehiiv 帳戶中,前往「設定(Settings)」下的「訂閱表單(Subscribe Forms)」:
當你進入這個畫面後,請點選「建立新表單(Create new form)」
當你將新表單調整到滿意的樣式後,點選「儲存(Save)」,接著就可以準備嵌入了。
步驟二:嵌入你的表單(Embedding your form)
接下來,請前往 Webflow 進入你的網站專案。
在側邊工具列上,點擊新增元素。向下捲動「新增」(Add)面板至底部,然後選擇「嵌入小工具」(Embed widget):
你將要把嵌入小工具(Embed widget)拖放到你打算放置註冊表單的頁面位置上。
完成這個步驟後,你會看到 HTML 嵌入碼編輯工具(HTML Embed Code Editor)出現。當你看到這個編輯器時,只需將你的 beehiiv 嵌入碼複製並貼上到這個程式碼編輯器中即可:
就是這樣!
當你點選「儲存並關閉(Save & Close)」後,你的嵌入式表單就會出現。一旦你發布網站,使用者就能透過這個嵌入式表單提交他們的電子郵件地址,並訂閱你的 beehiiv 電子報。
非常感謝你的閱讀。我們期待看到你的創作成果!