製作一個傳送whatsapp的按鈕

透過 WhatsApp 的點擊對話功能,不需要先將電話號碼加入到手機通訊錄中,也能與對方對話。只要您知道對方的電話號碼,同時對方已有 WhatsApp 帳號,便能透過創建的網址連結直接與對方開始對話。對方點選該連結後便會自動開啟與您的對話視窗。手機版及網頁版 WhatsApp 皆支援點擊對話功能 。

如何創建對話連結

請使用 *https://wa.me/<number> *,<number> 查找完整國際格式電話號碼。刪除所加入電話號碼中的任何數字 0、括號或連接號。

範例如下

正確格式:https://wa.me/1XXXXXXXXXX

錯誤格式:https://wa.me/+001-(XXX)XXXXXXX

使用預先填妥訊息創建連結

預先填妥訊息會自動填入文字輸入框內。正確格式為 https://wa.me/whatsappphonenumber?text=urlencodedtext , 其中的 whatsappphonenumber 請替換成完整國際格式電話號碼,而 URL-encodedtext 則是 URL 編碼的預先填妥訊息。

範例:https://wa.me/1XXXXXXXXXX?text=I’m%20interested%20in%20your%20car%20for%20sale

若您想建立一個僅包含預先填妥訊息的網址連結,請改用 https://wa.me/?text=urlencodedtext

範例:https://wa.me/?text=I’m%20inquiring%20about%20the%20apartment%20listing`

點選此網址連結後,您就可以從您的聯絡人列表中選擇訊息收件人。

上面是whatsapp官方網頁的說明。以下來示範我們在Airtable中如何應用:

首先,創建一個欄位,欄位類型是「Button」,你可以設定欄位名稱&按鈕要顯示的文字&顏色,當點選按鈕的時候,我們選擇的Action動作是「Open URL」打開一個網址。

URL的內容要設定為: https://wa.me/電話號碼?text=傳送的文字 

首先,我們先放入”htts://wa.me/”

接著要處理一下聯絡電話,語法是:(IF)如果聯絡電話長度是8,前面就要加上”852″國際碼。

IF(LEN({聯絡電話}&"")=8,"852"&{聯絡電話},IF(LEN({聯絡電話}&"")>8))

之後放&”?text=”再放訊息的預設內容,不過這些文字內容為了要讓瀏覽器有辦法辨識,需要用ENCODE_URL_COMPONENT() 包起來,它會幫我們做特殊符號必要的轉換,例如[空格],它會轉換成”%20″。

"https://wa.me/"
& IF(LEN({聯絡電話}&"")=8,"852"&{聯絡電話},IF(LEN({聯絡電話}&"")>8))
& "?text="
& ENCODE_URL_COMPONENT("611靈糧堂\n
恭喜你成功報名「青年先知一」課程,你可透過網上/手機銀行轉賬,或前往中銀集團櫃員機/親臨中銀集團銀行集團分行轉賬繳交,並網上傳回入數單據至本堂,以確認報名。\n
http://bit.ly/611ypcur \n
*請於11/11前完成繳交課程費用:$150* \n
帳戶名稱:611 Bread of Life Christian Church Limited\n
銀行名稱:Bank of China (Hong Kong) Ltd.\n
帳戶號碼:012-927-1-018691-9\n
銀行代號:012")

上面這段語法可以看到幾個重點

  • whatsapp電話需要加上國際碼,這邊預設為香港電話,所以設為852
  • 不同的元件之間,要用&符號來做連接。
  • 取用某個欄位的內容,要用{欄位名稱} 大括號裡面放欄位名稱來做
  •  ?text=後面接預設的訊息內容
  • 訊息內容有特殊符號的話,要用ENCODE_URL_COMPONENT() 包起來
  • “\n”這是換行的意思
  • 如果要做粗體字,要粗體的部分前後用**包起來 例如:*請於11/11前完成繳交課程費用:$150*

文章已創建 20

發佈回覆

你的電郵地址並不會被公開。 必要欄位標記為 *

相關文章

開始在上面輸入您的搜索詞,然後按回車進行搜索。按ESC取消。

返回頂部