Instagram 個人檔案添加多個網址:AllMy.bio

Instagram 個人檔案添加多個網址:AllMy.bio

很多經營 IG ( Instagram )的人會遇到一個問題,「如果想在個人頁面放上多個網址怎麼辦?」幸好答案並不難,你只要使用 LinkTreeAllMy.BioJoy.Link 這類的雲端服務,就可以輕鬆產生下列頁面!

 

LinkTree、AllMy.Bio、Joy.Link 是什麼?怎麼使用?

由於 IG 個人檔案頁面「限制只能放一個連結網址」,而這些雲端服務會幫你產生下列頁面:

 

allmy.bio 完成個人社群地圖連結

 

只要將所有網址如圖片這樣,統一放到一個頁面,再將頁面網址放在 IG 個人檔案,訪客就能輕鬆點擊轉連你的任一個網址!也能一目瞭然你的所有社群網址,如同個人的社群地圖!增加更多曝光機會!

 

  • 解決 IG 只能放一個外部網址問題
  • 建立一目了然的社群地圖索引
  • 自動統計點擊數據
  • 免費!(免費版已有足夠功能)

這三個 IG 網址服務,該選擇哪一個?

其實皆大同小異,三個挑一個順眼的使用即可,本篇會使用 AllMy.bio 來做示範,不妨可以跟著教學,做一個自己的 AllMy.bio 吧!

 

AllMy.Bio 創建個人社群地圖連結教學

步驟 1

到 AllMy.Bio 官網並註冊帳號

先到 AllMy.Bio 的官網,點擊 GET STARTED!或是註冊按鈕!

IG 個人檔案放上多個網址的方法 linktree、allmy.bio

填完表單按下送出時,如果有跳出右圖綠色框框文字,代表已經註冊成功,請到信箱去收信確認!

IG 個人檔案放上多個網址的方法 linktree、allmy.bio
IG 個人檔案放上多個網址的方法 linktree、allmy.bio
步驟 2

收註冊信點擊啟用帳戶

到信箱會看到一封 AllMy.Bio 寄給你的信,點擊其中的連結。

 

IG 個人檔案放上多個網址的方法 linktree、allmy.bio

步驟 3

點擊後就會

點擊後會連結到 AllMy.Bio 的網站,綠恇中的字是告訴你已成功啟用帳號。

接著按下下方的「Create link」按鈕,並選擇「Biolink page」開始創建「個人連結地圖」頁面。

IG 個人檔案放上多個網址的方法 allmy.bio 使用教學

步驟 4

設定個人網址

這邊輸入想設定的網址名稱,記得設定後是不能更改的!像我是輸入 record,所以我的個人社群地圖網址就是:

IG 個人檔案放上多個網址的方法 allmy.bio 使用教學

步驟 5

開始設定主頁面

主要分為兩個區塊可以編輯,一邊是主畫面 Setting、另一邊是添加連結網址的 Links,很簡單。

IG 個人檔案放上多個網址的方法 allmy.bio 使用教學

instagram 個人檔案網址 allmy.bio 編輯網址頁面
AllMy.Bio 主畫面編輯對應,可編輯頁面背景色、文字顏色、大標題、LOGO等
步驟 6

AllMy.Bio 創建社群連結

先切換到 Links 這邊,我已經創建了三個社群連結,準備創建第四個 Youtube 頻道,按下藍綠色的 Create link 按鈕。
instagram 個人檔案網址 allmy.bio 編輯網址頁面

instagram 個人檔案網址 allmy.bio 編輯網址頁面 新增連結
選擇創建 Link 連結
instagram 個人檔案網址 allmy.bio 編輯網址頁面 新增連結
輸入連結的網址,Name 就輸入你想顯示的連結名稱
步驟 7

編輯連結樣式

可以看到我們已經新增了 Youtube 頻道的連結,但是樣式是預設的全白,不好看。我們點擊選項並選擇 Edit 來編輯一下樣式。

instagram 個人檔案網址 allmy.bio 編輯網址頁面 新增連結

先將底色改成 Youtube 的紅色,再將文字改成白色,這樣一眼就能看出是 Youtube 的連結,但還不夠!我們想再加入 icon 圖示,但這個 icon 要怎麼加呢?

我們看下方有寫一行灰色的字,主要是跟你說 icon 來自 FontAwesome,因此我們必須到這個網站得知 icon 的程式編號。

allmy.bio fontawesome icon 怎麼放置 icon 新增、修改
除了用 icon 之外,也可以自己上傳圖標,但建議使用 icon!向量的特性不怕失真,且圖片傳的尺寸不對的話很容易造成跑版!
步驟 8

為 AllMy.Bio 添加 FontAwesome icon 圖示

首先到這個頁面:

你會看到如下圖,很多的 icon 可以選,這樣要找太久,我們用搜尋的!

allmy.bio fontawesome icon 怎麼放置 icon 新增、修改

搜尋 youtube,就可以找到 youtube 相關的 icon 了!點擊進去!

allmy.bio fontawesome icon 怎麼放置 icon 新增、修改

看到上面這行短短的程式碼,其中 fab fa-youtube 就是我們要的 icon 程式代碼,將這個複製起來!

allmy.bio fontawesome icon 怎麼放置 icon 新增、修改

回到 AllMy.Bio 貼到 icon 欄位中,就可以看到我們右邊的連結,已經多了剛剛找到的 icon!

allmy.bio 完成個人社群地圖連結

allmy.bio fontawesome icon 怎麼放置 icon 新增、修改
FontAwesome 提供很多 icon 也可以自行找喜歡的來用,這邊我將部落格也套用 icon

 

步驟 9

調整連結位置

按住左邊的符號不放,可以拉動調整連結的位置。

allmy.bio 創建各個社群連結 放 IG FB 專用

步驟 10

AllMy.Bio 會幫你計算每個連結的點擊數據

目前都是 0,因為剛創建好,日後可以用來分析哪個連結比較受歡迎!

 

allmy.bio 點閱資料分析

 

 

完成

完成 AllMy.Bio 頁面!可以放到 IG 上嘍!

預覽一下完成的頁面,可以把網址貼到你的 instagram 上嘍!這樣對你有興趣的人只需要點擊這個網址,就會得知要到哪找到你!

 

allmy.bio 完成個人社群地圖連結
上一篇三聯式發票怎麼開?複寫紙用法?手把手開給你看! 下一篇2021 如何組一台電腦?教你桌機如何配單 AMD or Intel

優惠訊息

Divi 年終 75 折特惠中!一次購買終生擁有 + 無限網站使用!:傳送門

WP近期特惠訊息