← 回懶人包首頁

D5・免費懶人包

數位名片自己做

模板加步驟,做一張別人點了就能加你的數位名片。

這是什麼

教你做一張「傳一個連結就能看」的數位名片:對方一點,能直接打給你、加你 LINE、把你存進通訊錄。

給誰:紙本名片常常發完就不見、每次都要在 LINE 上重打一次自我介紹的人。不用會寫程式,會複製貼上就行。

內容

先選一條路

  • A 路|LINE 官方帳號的圖文選單:適合已經有、或打算開官方帳號的人。客人加好友後,聊天室下方會一直掛著一排按鈕。
  • B 路|一張單檔網頁名片:適合想要「一個網址到處貼」的人。可以放在 LINE 簽名、IG 個人簡介、Email 底下。

兩條可以都做:B 路的網址,也能塞進 A 路的按鈕裡。

A 路:用圖文選單當名片

  1. 用免費方案開一個 LINE 官方帳號(免費方案能不能用圖文選單、每月訊息額度多少,以 LINE 官方當下公告為準【不確定】)。
  2. 在後台找到「圖文選單」,選一個 3 格或 4 格的版型。
  3. 用 Canva 這類免費工具做一張底圖,每一格寫一件事:「打電話」「看我的介紹」「預約時間」。尺寸照後台建議的做【不確定,各版本規格可能不同】。
  4. 每一格設定動作:打電話、開網址(貼 B 路的名片網址)、或傳一句固定文字。
  5. 用自己的手機加好友測一次,每一格都點過。

B 路:一張單檔網頁名片

按這裡下載模板 D5_template.html(也可以先打開預覽)。模板裡所有要改的地方都標了「▼ 改這裡」,文字都用【 】括起來。

改內容

  1. 用電腦的文字編輯器打開 D5_template.html。Mac 用「文字編輯」的話,先到 文字編輯 → 設定 → 打開與儲存,勾「將 HTML 檔案顯示為 HTML 程式碼」再開檔【不確定:選單字樣依 macOS 版本可能不同】;Windows 用記事本。
  2. 搜尋「【」,把姓名、職稱、介紹、電話、Email 一個一個換掉,【 】也一起刪掉。
  3. 搜尋 0900000000 和 you@example.com,全部換成你的手機號碼(只留數字)和 Email。撥號按鈕和「存到通訊錄」都靠這兩個,漏一個就會打錯號碼或存錯信箱。
  4. 搜尋 你的LINE_ID,換成你的 LINE ID。個人帳號要先在 LINE 設定裡打開「允許利用 ID 加入好友」;官方帳號改用 https://line.me/R/ti/p/@你的帳號ID 的格式【不確定,以 LINE 當下設定為準】。
  5. 想換主色:改最上面 --accent 那一行的色碼。
  6. 存檔後用手機瀏覽器打開測一次。

放上網(免費)

不用買主機,下面任選一個,註冊免費帳號就能用:

  • Cloudflare Pages:建一個專案,把 D5_template.html 改名成 index.html,放進一個資料夾整個拖上去,就會拿到一個網址。
  • GitHub Pages:開一個公開的儲存庫,上傳 index.html,在設定裡打開 Pages。

各家的免費額度與按鈕位置會改版,以當下畫面為準【不確定】。拿到網址後,用手機打開、每個按鈕都點一次,再傳給一位朋友試。

模板長這樣

由上到下:

  • 圓形頭像(可換成照片)
  • 【你的姓名】
  • 【職稱】・【公司】
  • 【一句話介紹】
  • 四顆按鈕:📞 打電話給我(主要按鈕,有底色)/💬 加我 LINE/👤 存到通訊錄/🔗 分享這張名片
  • 最下面一小區:電話、Email、服務時間

手機寬度 375px 一個畫面看得完,深色模式會自動換底色。

怎麼用

  1. 先決定走 A、B,還是兩條都做。只想要一個網址,就先做 B。
  2. B 路:照「改內容」六步改完,用手機打開確認每個按鈕都能用。
  3. 照「放上網」選一家免費主機,拿到網址。
  4. 把網址貼到 LINE 個人簡介、IG 簡介、Email 簽名;紙本名片可以印一個指向這個網址的 QR Code。
  5. 換電話或換工作時,只改這一個檔、重新上傳,大家手上的連結不用換。

限制

  • 免費主機給的網址比較長、不好記。要短網址或自己的網域,就要花錢。
  • 「存到通訊錄」在部分手機或 LINE 內建瀏覽器裡可能會擋下載,對方要改用手機瀏覽器開【不確定,各機型不同】。
  • 這是一張「靜態」名片,不會幫你記錄誰看過、誰點過。
  • 頭像、介紹、職稱要照實寫。對外寫的頭銜或資格如果有法規限制,先確認再寫。
  • 電話和 Email 放上網就是公開的,介意被陌生人打擾的話,只留 LINE 就好。

還有其他五份懶人包,新的會先在 LINE 發。