mssg.me 將即時通訊按鈕集中在單一頁面,可建立 QR Code 及個性化網址 – Telegram简体版

Telegram

@media (max-width: 1200px) {

}body .novashare-buttons.novashare-inline .novashare-button-icon { width: 100%; }FacebookTwitterPinterestLineShare

mssg.me 將即時通訊按鈕集中在單一頁面,可建立 QR Code 及個性化網址

現代人的即時通訊軟體或社群網站選項不少,可能會同時使用 Facebook Messenger、WhatsApp、LINE、Telegram 或是較早期的 Skype,當其他人要和你聯絡時,就能選擇他們也同樣在使用的通訊工具而不用再註冊帳號。只是你都如何整合或列出目前在使用的服務呢?有些人習慣把它印在實體名片或網路名片,或是放在個人網站、部落格介紹頁面,其實更輕鬆的方法是製作成單一鏈結,能快速被其他人使用。

本文要推薦的「mssg.me」是一款免費服務,它的功能很簡單:將你使用的通訊軟體放在單一頁面,同時產生一個簡短、個性化的網址。這服務和「Linktree 讓你在 Instagram 個人檔案加入多個網址,宣傳曝光更增點擊率」類似,不太一樣的是能夠讓你放入自己的網頁,使按鈕浮動於網頁右下角,點擊後開啟顯示你的即時通訊按鈕。

Mssg.me

其實之前也介紹過一些類似服務,例如 Pepper 或 WhatsHelp.io,但這兩項服務都是偏重於將功能放入網站使用,相較之下 mssg.me 更適合一般使用者,除了產生一個整合所有通訊按鈕的頁面及網址外,還能產生 QR Code 讓你列印在實體名片或傳單。

未來 mssg.me 還會加入統計分析功能。

網站名稱:mssg.me
網站鏈結:https://mssg.me/

使用教學

STEP 1

開啟 mssg.me 網站後,輸入要註冊的 Email ,或直接使用 Facebook、Google 帳戶快速登入皆可。如果使用 Email 註冊需要填入姓名並設定一組密碼。

Mssg.me

STEP 2

最重要的是註冊時可設定你的頁面個性化網址,只能設定一次,日後無法修改。

Mssg.me

STEP 3

下圖是 mssg.me 控制台,剛註冊時只會顯示姓名,點擊右上角「Settings」來開啟相關設定選項,可自訂的即時通訊帳戶包括:Messenger、Telegram、VK、WhatsApp、Viber 和 Skype。除此之外,也能自訂按鈕(鏈結)和頁面背景。

Mssg.me

可先從「Edit Profile」來修改你的大頭貼(顯示圖片)、姓名和介紹。

Mssg.me

STEP 4

設定按鈕時只要輸入帳號,WhatsApp 和 Viber 則是輸入電話號碼(台灣使用者最前面必須加上國碼 +886)。

Mssg.me

點擊保存後必須要將右側的開關打開,按鈕才會出現在 mssg.me 頁面預覽中。

Mssg.me

STEP 5

另一個 mssg.me 相當有用的功能是可以自訂按鈕並顯示於頁面上,假如你想要設定其他聯絡方式、網站或跳轉到 Facebook,就能透過「My Custom Button」功能做到,一樣可設定按鈕上顯示的文字、鏈結及按鈕顏色。

Mssg.me

儲存後將開關打開按鈕就出現在 mssg.me 頁面裡,顏色是漸層樣式看起來不會太過生硬死板,且能正常顯示中文。

Mssg.me

STEP 6

調整一下 mssg.me 個人化頁面背景吧!如果你喜歡使用顏色填充,本身就有漸層效果可選擇,值得一提的是 mssg.me 支援直接套用來自 Unsplash 免費圖庫素材,點擊後就能從頁面裡預覽效果。

Mssg.me

最後,點擊右上角「Share your link」藍色按鈕將鏈結分享到 Facebook、Twitter 等社群網站,告訴大家可以透過這個鏈結與你聯絡。前面有提到 mssg.me 特色是可以內嵌到自己的網站、部落格,讓它顯示於網頁右下角(從 mssg.me 首頁可預覽效果),或者如果你要取得 QR Code 印在名片傳單上,都可在這個頁面裡找到相關選項。

Mssg.me

STEP 7

下圖就是我以 mssg.me 建立的頁面範例,你也可以在:https://mssg.me/pseric 找到實際運作情形,它目前預設情況下已支援使用 https,比較可惜的是無法自訂網域名稱,我猜測未來應該也不會開放這項功能,但期待可支援更多的即時通訊服務。

Mssg.me

當然現在服務都已經支援行動裝置或其他小螢幕裝置,mssg.me 使用響應式網頁設計技術(Responsive Web Design,簡稱 RWD)讓每個人的頁面可以被電腦、平板電腦、智慧型手機甚至穿戴裝置閱讀使用。

Mssg.me

相關文章

  • WhatsHelp.io 在網站加入 FB、LINE、WhatsApp App 按鈕,讓讀者與你保持聯絡
  • Pepper 為網站加入免費小工具,顯示社群網站、Email、電話等聯絡資訊
  • Facebook 推出「顧客聊天外掛程式」為 WordPress 快速加入聊天外掛功能
  • MsgUs.io 為網站加入 Facebook Messenger 按鈕,打造免費線上即時傳訊功能

Ten articles before and after

Telegram X 以 Swift 重新編寫應用程式 iOS、macOS 版免費下載 – Telegram简体版

Telegreat 非官方 Telegram 應用程式下載,台灣網友開發改進多種功能 – Telegram简体版

Telegram 推出免費留言系統 Comments for Websites 整合網站部落格教學 – Telegram简体版

將 Telegram 介紹語言設定為繁體中文,手機或電腦版適用 – Telegram简体版

開啟 Telegram 兩步驟驗證,手機接收簡訊後需再輸入靜態密碼才能登入 – Telegram简体版

Telegraph:Telegram 推出免費線上發佈平台,支援 Markdown 嵌入功能 – Telegram简体版

Pepper 為網站加入免費小工具,顯示社群網站、Email、電話等聯絡資訊 – Telegram简体版

WhatsHelp.io 在網站加入 FB、LINE 等 App 按鈕,讓讀者與你保持聯絡 – Telegram简体版

KUKU.io 貼文排程、自動同步多社群平台,支援臉書、推特、Google+ – Telegram简体版

All-in-One Messenger 同時用 WhatsApp、Messenger 等27種即時通訊服務 – Telegram简体版

About Me

Pretium lorem primis senectus habitasse lectus donec ultricies tortor adipiscing fusce morbi volutpat pellentesque consectetur risus curae malesuada dignissim lacus convallis massa mauris.