使用嵌入式表單將你的電子報與 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 電子報。

非常感謝你的閱讀。我們期待看到你的創作成果!