網頁小工具

LINE 名片分享器

把一組 LINE 名片做成一條分享連結。放在你的官網上，訪客一按，LINE 就跳出選好友、選群組的畫面，對方收到的是可以左右滑的名片，不是一行網址。

為什麼需要它：LINE 的圖文名片（Flex Message）不能用貼網址的方式傳，網址貼進聊天室只會是一個連結。要讓一般人用自己的 LINE 把名片傳出去，得叫出 LINE 的分享畫面，這個小工具就是幫你叫出那個畫面。

想看完整做法與踩過的坑，讀這篇：官網一顆按鈕分享 LINE 名片。

先看成果：江江自己的 LINE 名片

這五張就是江江官網首頁那顆分享按鈕送出去的名片。左右滑動看。

下面兩份是寫給 AI 看的說明檔。複製網址或全文，貼給你的 ChatGPT、Claude 或 Gemini，它會照著帶你做。

AI 先問你要給誰看、放幾張、每張講什麼，確認後寫出名片 JSON。寫好貼進下面的分享器，就能拿到分享連結。

想跟江江一樣，在自己的網站放一顆分享按鈕、做 Line 卡給人掃。AI 會分清楚哪幾步要你自己按，哪些檔案它幫你寫。

AI 讀不了網址的話，就用「複製全文」整份貼過去。完整做法與踩過的坑，在教學文章。

先排好名片：到 LINE 官方的 Flex Message Simulator 排版，按右上角 View as JSON 複製。也可以請 AI 把你官網的自我介紹寫成 Flex Message JSON。
名片裡的圖片要放在 https:// 開頭的公開網址，最好就放在你自己的官網上。
貼到下面，按「檢查並預覽」。通過就會拿到分享連結和官網按鈕的程式碼。
用手機 LINE 打開分享連結，傳給自己或一個朋友試一次。

聊天列表上顯示的那一行字（altText）名片 JSON

這是近似畫面，字距和高度以 LINE 實際顯示為準。

分享連結

放在官網的按鈕（貼進你網頁的 HTML）

名片存在連結裡。這個網站不保存你的名片內容，名片改了就重新產生一條連結，把官網按鈕換掉。

第一次分享要按一次允許。第一次使用時 LINE 會跳出一次授權畫面，按允許之後才會出現選人畫面。

只記分享次數。每送出一次記一筆次數，不記是誰、傳給誰。

按鈕只能連到網址、LINE、電話、Email。其他類型的按鈕在這裡會被擋下來。

連結走的是江江官網的分享頁。如果這顆按鈕對你的生意很重要，或是要交付給客戶，長期建議自己開一個 LINE 分享器，做法在教學文章第三段。

最多 12 張。LINE 輪播一組最多 12 張；張數越多連結越長，建議 3 到 5 張。

把你的官網整理成 LINE 名片、決定要放幾張、每張講什麼，可以直接在 LINE 找江江聊。