解決 WordPress 沒有 Contact Form 的問題 – 使用 Formspree 一句短代碼完成美觀專業聯絡表格

之前去了 Hong Kong WordPress Meetup 做分享嘉賓,然後介紹了兩個實用的插件: Omnisend 和 Formspree 。前者可以提升電商生意,後者可以給WordPress 新手用戶建立美觀的聯絡表單。

我所提倡的:

  1. 盡可能使用開源軟件,減輕成本, 具有安全保障
  2. 收費計劃可以按使用量去收
  3. 我自己都試用過的,才會推介給你們各位

解決WordPress 新手用戶難題,為何沒有自建的聯絡表單?

我在十多年前第一次使用 WordPress 時,想給自己的網站做一個聯絡表單,但是發展原生的 WP 沒有這個功能。

WP表單所需要的插件

你需要:

  1. 安裝好 SMTP 電郵服務器插件,使得你的 WP 網站可以發送電郵通知給你和瀏覽人士
  2. 安裝表單插件,最常用的可算是 Contact Form 7
  3. 安裝多一個插件: Flamingo,用來記錄和存效過往的查詢人員名字和其資料

這都是我們多年來浸淫出來的經驗之談。新手上路,那有可能會知道呢?

WP 聯絡表單選擇: Formspree

Formspree - 簡易工作製作聯絡表單
  • Formspree 是一個美國初創公司,原本這個產品是它的 side business 現在變成了它們的主要產品,令到無數的用戶可以受益。
  • 產品是開源,你可以在 GitHub 找到:https://github.com/formspree/formspree
  • 使用插入 HTML 就可以把表單放在網站內。原則上所有網站都可以使用到
  • 入門用戶可以免費使用,每月不多於50個查詢
  • 不用擔心會收到好多詐騙和垃圾電郵,我用了大半年一封也沒有收過!它們的阻隔功夫做得相當好
  • 現在有了 AI 工具,基本上可以做到外觀和功能各異的表單

運作原理:

  1. 先在 Formspree 網站申請一個戶口,然後你會得到一個獨一無二的 URL 作為 EndPoint
  2. 當有人填寫表單後,表單內容會被 「 Push」推送到 formspree 的伺服器內。然後再由 Formspree 轉發一個電郵通知給你
  3. 若果你有用 Telegram 或者 Slack , 你可以連接 Formspree,當有新的查詢,你可以在以上兩個平台收到短訊通知,相當實用!

每個月戶都會有一條獨一無二的 End Point URL: 電郵內容就會傳送至這裡。然後再轉到你申請 Formspree 戶口的電郵:

<form action="https://formspree.io/f/{form_id}" method="post">

實測:

我的網站「聯絡我們」表單也是用 Formspree 製作,若果有任何設定上的問題。歡迎使用和我們聯絡。

 你也可以到 Formspree 的Library 頁面查看一些已有的 Template 可以直接套用。

聯絡我們:

歡迎加入 Telegram 討論區,一起來討論網站和線上 Marketing : @wdigitalacademy

如果想有關網站架設和推廣小技巧,可以聯絡我們 。

1. 若果內容實用有趣,歡迎請飲杯咖啡支持:

2. 訂閱網站內容,不會遺漏最快最新的 AI 和營銷小知識:

3. 推薦使用 WordPress 寄存空間: Kinsta

歡迎留言:

This site uses Akismet to reduce spam. Learn how your comment data is processed.