這是什麼
教你做一張「傳一個連結就能看」的數位名片:對方一點,能直接打給你、加你 LINE、把你存進通訊錄。
給誰:紙本名片常常發完就不見、每次都要在 LINE 上重打一次自我介紹的人。不用會寫程式,會複製貼上就行。
內容
先選一條路
- A 路|LINE 官方帳號的圖文選單:適合已經有、或打算開官方帳號的人。客人加好友後,聊天室下方會一直掛著一排按鈕。
- B 路|一張單檔網頁名片:適合想要「一個網址到處貼」的人。可以放在 LINE 簽名、IG 個人簡介、Email 底下。
兩條可以都做:B 路的網址,也能塞進 A 路的按鈕裡。
A 路:用圖文選單當名片
- 用免費方案開一個 LINE 官方帳號(免費方案能不能用圖文選單、每月訊息額度多少,以 LINE 官方當下公告為準【不確定】)。
- 在後台找到「圖文選單」,選一個 3 格或 4 格的版型。
- 用 Canva 這類免費工具做一張底圖,每一格寫一件事:「打電話」「看我的介紹」「預約時間」。尺寸照後台建議的做【不確定,各版本規格可能不同】。
- 每一格設定動作:打電話、開網址(貼 B 路的名片網址)、或傳一句固定文字。
- 用自己的手機加好友測一次,每一格都點過。
B 路:一張單檔網頁名片
按這裡下載模板 D5_template.html(也可以先打開預覽)。模板裡所有要改的地方都標了「▼ 改這裡」,文字都用【 】括起來。
改內容
- 用電腦的文字編輯器打開
D5_template.html。Mac 用「文字編輯」的話,先到 文字編輯 → 設定 → 打開與儲存,勾「將 HTML 檔案顯示為 HTML 程式碼」再開檔【不確定:選單字樣依 macOS 版本可能不同】;Windows 用記事本。 - 搜尋「【」,把姓名、職稱、介紹、電話、Email 一個一個換掉,【 】也一起刪掉。
- 搜尋
0900000000和[email protected],全部換成你的手機號碼(只留數字)和 Email。撥號按鈕和「存到通訊錄」都靠這兩個,漏一個就會打錯號碼或存錯信箱。 - 搜尋
你的LINE_ID,換成你的 LINE ID。個人帳號要先在 LINE 設定裡打開「允許利用 ID 加入好友」;官方帳號改用https://line.me/R/ti/p/@你的帳號ID的格式【不確定,以 LINE 當下設定為準】。 - 想換主色:改最上面
--accent那一行的色碼。 - 存檔後用手機瀏覽器打開測一次。
放上網(免費)
不用買主機,下面任選一個,註冊免費帳號就能用:
- Cloudflare Pages:建一個專案,把
D5_template.html改名成index.html,放進一個資料夾整個拖上去,就會拿到一個網址。 - GitHub Pages:開一個公開的儲存庫,上傳
index.html,在設定裡打開 Pages。
各家的免費額度與按鈕位置會改版,以當下畫面為準【不確定】。拿到網址後,用手機打開、每個按鈕都點一次,再傳給一位朋友試。
模板長這樣
由上到下:
- 圓形頭像(可換成照片)
- 【你的姓名】
- 【職稱】・【公司】
- 【一句話介紹】
- 四顆按鈕:📞 打電話給我(主要按鈕,有底色)/💬 加我 LINE/👤 存到通訊錄/🔗 分享這張名片
- 最下面一小區:電話、Email、服務時間
手機寬度 375px 一個畫面看得完,深色模式會自動換底色。
怎麼用
- 先決定走 A、B,還是兩條都做。只想要一個網址,就先做 B。
- B 路:照「改內容」六步改完,用手機打開確認每個按鈕都能用。
- 照「放上網」選一家免費主機,拿到網址。
- 把網址貼到 LINE 個人簡介、IG 簡介、Email 簽名;紙本名片可以印一個指向這個網址的 QR Code。
- 換電話或換工作時,只改這一個檔、重新上傳,大家手上的連結不用換。
限制
- 免費主機給的網址比較長、不好記。要短網址或自己的網域,就要花錢。
- 「存到通訊錄」在部分手機或 LINE 內建瀏覽器裡可能會擋下載,對方要改用手機瀏覽器開【不確定,各機型不同】。
- 這是一張「靜態」名片,不會幫你記錄誰看過、誰點過。
- 頭像、介紹、職稱要照實寫。對外寫的頭銜或資格如果有法規限制,先確認再寫。
- 電話和 Email 放上網就是公開的,介意被陌生人打擾的話,只留 LINE 就好。
還有其他五份懶人包,新的會先在 LINE 發。