▼電腦版Line看是長這樣
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj034-RYGO8cWwKJ14Qz2SOofKmRT5wgkm0dp7u_BwGuyw3YHAn3HaNvC9Gr75tzywBl4RW9mrW-NwBjsJ1Z93Qo183OxAeYWKAAL5xCFICeq8usd_hXcsMANtZC8mCcQM0eISirF2m698/w640-h416/x2.jpg)
2021/7/10新增兩種版型
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBEVkn_VZSzytmh9ncGpkjuNoWej0SWnCQ4cV-m8RX5jHl0w74F5326cgqIPuAe_hAk7LreMFtYwa4LOA_YeHIbmd-g4o9E53jht1YNmBimzrAHUHd2W0tL38KCz__XItOzRM04RvK7kE/w640-h404/line1.jpg)
▼手機版Line看是長這樣,可以做無限多張名片,變成往左右滑動
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRmmA6SNYntbyyME97UFMzhjX4qkKQcEmjTOFx8wTG3OZnqL8NTkX3Rkl6HM6Dc2bJkTfVPz7p4zlx2-jO_e3inYIDLZsKLqKTWLWGdp24JYcCoNnE3Wm8rWKyqCdT4fofaXzqKqVU7k/w295-h640/x3.jpg)
跳過API程式串接教學,直接做名片的話請從第16點開始看
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRmmA6SNYntbyyME97UFMzhjX4qkKQcEmjTOFx8wTG3OZnqL8NTkX3Rkl6HM6Dc2bJkTfVPz7p4zlx2-jO_e3inYIDLZsKLqKTWLWGdp24JYcCoNnE3Wm8rWKyqCdT4fofaXzqKqVU7k/w295-h640/x3.jpg)
跳過API程式串接教學,直接做名片的話請從第16點開始看
製作教學開始! (懶的弄就直接請我們幫你做就好)
▼01.先到Line Developers後臺登入
▼01.先到Line Developers後臺登入
https://developers.line.biz/zh-hant/
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN0UP9wUrsSZ7MGNJTaVuiEGhInahsrLdRh9Aa4c1UuGZL3fbvlU9DDd0FyICwFevBuXKTyimcAHbdA1BmBBUa8bcyyqlC-ZIpgB2pOGTNoo0ZQ15KNs-XNesOE__6nk40prsP8QveSaI/w640-h276/01.jpg)
▼02.第一次使用的話先註冊,該填的填一填,如果註冊過了,直接跳到第5步驟
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ3TmMwFGJu2lLONRTE3A7BOa97Yuvza1BJG7-SpL9HS5oillSPMixCsAkyNDlvUqoZ4SiwAufnv-ZpTQhG1W7T9MLZyCC21hlura3o7ojKO0fiRVgM4ohGPqDZHmc8X9keLmA5kIuhdU/w543-h640/02.jpg)
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQmNJJNMK2_XPZWTDit7MH9hoabvoS5UAkZvUTcCddxj_BVQZLcuU3iTQ3QjSS5t1w2_-ZXcikTJgMKCSC7amT6_qvbB8eD0AJYOtgPb3xVp-3-5cZVeMco5piJP7cq1JoLz02zTbCb0g/w640-h478/03.jpg)
▼08.再來要到我們的系統後臺(非剛剛那個Line developers後臺)
▼09.把Endpoint URL那一欄全部複製起來
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivBxgT-GGGNXbbpl83rYnR0pcpmwYJFuc_XChM6dc7xuSnxr3aznMHm92zWbb8mjhzeQ-2yDtuJ_xR5WINNvJTTAJLyFXpAjQpHiQ5Qdu09C4N78FsLZSc-shK-7TqBdj5RKnwtFpedCc/s16000/09.jpg)
▼12.這時後會跳使用資訊確認,拉到最下面Accept然後啟用
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyksUG8aKQ_utPxsdk9SXrc_0kbtaC34UTQ6Jem4t8DlhqHZU5jQwp7JhyeD8X6cxTas1pTXqOhbG5wLlRxWpr2PMJlSI5D4_bb4_MKJmJbbDB7Wvfx6K3U32rV_Yjpt_jkdKsNgqBPcY/w640-h480/12.jpg)
▼13.最後把畫面上產生的LIFF ID複製起來,也可以按那個小圖示複製
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX-dl-PGZ6XweOPm-JluxCLwV-0BD3khaolLyrLISgXf8fxZDIJUWIjg3HnjjkyFt1fIP1qoOgERRJ7CsMPipeHtwDnsxpZ6xhZpDug7b3sXRLxkBmo4dX4JCosopuH4b3fZAMDye8yqs/w640-h485/13.jpg)
▼14.回到我們系統後臺,把LIFF ID貼上去,然後保存設置![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu3e0Ot6DVwuSrasv38SlfjC6uRvijKO7DydHTyq20FCDBrD2mc2ODhj1cfUJCTtPlJf1E3fgkU9tJy6w2Bwo5vKLbDvZlyZrU3LxFamUpxvf6l9hSi_yooH0O3HkWd_BaTpgh_zEyvcg/s16000/14.jpg)
▼15.困難的部份都完成了,再來是直接建立你的Line電子名片![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg-VO_H58OEAxy4EWipMEAQ1DZA3e5cvdncqT8Yy9n9qhiEdWfF6sVXKcJP7-51vl2SK7eh6GpLJbHzM4CXeWSj1_pxbqBBoiVS2Didv5I-xxUNv8vj5LydTPDwdBzZY6gU66fj68rCqQ/w640-h506/15.jpg)
▼16.按照圖中你的喜好去填寫你的電子名片內容,文字敘述,按鈕顏色,照片,連結,都隨便你填。連結可以連你的FB,IG,Youtube,Tiktok,你的個人網站,等等都可以。可以新增多張名片,Line裡面會以往右滑動來呈現,但是太多張應該沒太大意義吧,除非你是小姐太多要給人家選![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy1h4dXuPPIuLdmaPkEBhmoY0d9FzKWGFvD4rTM9dur51OhrgF4ESa8-oNgbyZBJpdr_b2i5G7ICtB1ZuGsnZZD1JWTius_Fewi4npmBOeY6nmI6XWyFVbyhvMW2mvMqswojK1mIvvpUI/w640-h532/16.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisbbyJYbDt1aauCH2DVUnwcxRI9IzNudPLFF4vb7pZG9oN2ObruARNUXaCbw4pIViCQXx3IFbjRpHfqpPYLb7H6U78hCok893-7T6Hi_ki4k6Nd8XWmkzZrMQ_NcK-SHKKmLL5TJg8Q24/w640-h362/20.jpg)
▼18.建立好名片內容後,後臺該項目右邊可以直接複製網址,然後把網址丟到你的Line裡面,你可以存在keep或是記事本之類的。![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-AsIyeY1UXIg8vKbtbuodUi9tpRr3coa5h538vPRGRKI3l2ez4lMgcq8Aq87TVvy3aeOLQGueA3dXeqCH8gmKi64r5K6HY17ViJPyYKXuveE3KifK1XwfnqSgw-UkuIR0eH08TAsLU3w/w640-h189/17.jpg)
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHqmzynmCfCnBacGU4hzw4wQdiAdbI8gl9LGztsb2pqEJeFMxnVnyEoJhSf6LczWW-8wG8DwATMlLWGpjbH98i5V5ge0QecUy9apn8KRGe4ziet9sYwfqV2tQmV3x3GtwgtXvnMoDcJ5Q/w296-h640/18.jpg)
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj034-RYGO8cWwKJ14Qz2SOofKmRT5wgkm0dp7u_BwGuyw3YHAn3HaNvC9Gr75tzywBl4RW9mrW-NwBjsJ1Z93Qo183OxAeYWKAAL5xCFICeq8usd_hXcsMANtZC8mCcQM0eISirF2m698/w640-h416/x2.jpg)
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmAwAstzETqi3XYmC-l44XvUE2gSYs_8es1HgBH5bnUKfj-E-Akpk9AaupPbzO7LdJNlN2KffutoAbePtx5l0apbbXK4fiGRMaa7XrfteJ4kgViEBfXc1R6zedZwO0yyocp2d09ErLaN8/w640-h282/19.jpg)
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN0UP9wUrsSZ7MGNJTaVuiEGhInahsrLdRh9Aa4c1UuGZL3fbvlU9DDd0FyICwFevBuXKTyimcAHbdA1BmBBUa8bcyyqlC-ZIpgB2pOGTNoo0ZQ15KNs-XNesOE__6nk40prsP8QveSaI/w640-h276/01.jpg)
▼02.第一次使用的話先註冊,該填的填一填,如果註冊過了,直接跳到第5步驟
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ3TmMwFGJu2lLONRTE3A7BOa97Yuvza1BJG7-SpL9HS5oillSPMixCsAkyNDlvUqoZ4SiwAufnv-ZpTQhG1W7T9MLZyCC21hlura3o7ojKO0fiRVgM4ohGPqDZHmc8X9keLmA5kIuhdU/w543-h640/02.jpg)
▼03.第一次使用的話,要先建立一個主檔,紅圈部份按下去
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQmNJJNMK2_XPZWTDit7MH9hoabvoS5UAkZvUTcCddxj_BVQZLcuU3iTQ3QjSS5t1w2_-ZXcikTJgMKCSC7amT6_qvbB8eD0AJYOtgPb3xVp-3-5cZVeMco5piJP7cq1JoLz02zTbCb0g/w640-h478/03.jpg)
▼04.填一下檔名,按Create
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpOStOLnzMwTEBPLgi3Gewpg-gYMdSYeMjoWVe6SiajfYDHmDHVrfliSgSi75TeCaVcgKaM_WI0dJK6LKwbciQIangHsi4Xu8h39_BaQm8EhB93p-_3Kvkf95EDRFqTrbJ6onUiZuU0vQ/w640-h478/04.jpg)
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpOStOLnzMwTEBPLgi3Gewpg-gYMdSYeMjoWVe6SiajfYDHmDHVrfliSgSi75TeCaVcgKaM_WI0dJK6LKwbciQIangHsi4Xu8h39_BaQm8EhB93p-_3Kvkf95EDRFqTrbJ6onUiZuU0vQ/w640-h478/04.jpg)
▼05.左邊會顯示你建好的檔名,可以建很多個不一樣功能的項目,這次Line Card要選右邊的Line login channel
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhosYe35iEGxugi7HJe6dUGSSXgspvbgCTLEJ9hMpZyJ4R7JFEneu8AyqIJh11U-zzEhg5a7aguKXm1QFi-1R-vbRwoBHpXNMIozUytx7me2AcwiFOzFLrmllquyhGtsAsZI6T_jjz3Boo/w640-h477/05.jpg)
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhosYe35iEGxugi7HJe6dUGSSXgspvbgCTLEJ9hMpZyJ4R7JFEneu8AyqIJh11U-zzEhg5a7aguKXm1QFi-1R-vbRwoBHpXNMIozUytx7me2AcwiFOzFLrmllquyhGtsAsZI6T_jjz3Boo/w640-h477/05.jpg)
▼06.然後按照紅圈部份填一填
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEismuw3nDcWVJs3gBJmAgxfbpIUHeJLTZKxQ10rlzxR3hue9fA-ZntjlOsLC5VZTdSipbW_7SXQEgFS4JZNSWhDvuSarGjAyZtN0b4rRBFFCr9QCYSIBMugLvp-rNwMiUOinMxkkTcvvms/w639-h1101/06.jpg)
▼07.完成後選右邊的LIFF然後按ADD建立
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3O0LMXFkC1gvzxRO2pJgvoOmQlXwKIJTs9znkQ39qOAj9Qd177apPWaQp2QpjMxWAFAvLSZgCjgbWITtfhk7shjl5x1KMYp_Pjy3YmXMHkwCwKgmHoYUxTdeD0da_0GEd37sHnLimSdw/w640-h488/07.jpg)
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEismuw3nDcWVJs3gBJmAgxfbpIUHeJLTZKxQ10rlzxR3hue9fA-ZntjlOsLC5VZTdSipbW_7SXQEgFS4JZNSWhDvuSarGjAyZtN0b4rRBFFCr9QCYSIBMugLvp-rNwMiUOinMxkkTcvvms/w639-h1101/06.jpg)
▼07.完成後選右邊的LIFF然後按ADD建立
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3O0LMXFkC1gvzxRO2pJgvoOmQlXwKIJTs9znkQ39qOAj9Qd177apPWaQp2QpjMxWAFAvLSZgCjgbWITtfhk7shjl5x1KMYp_Pjy3YmXMHkwCwKgmHoYUxTdeD0da_0GEd37sHnLimSdw/w640-h488/07.jpg)
▼08.再來要到我們的系統後臺(非剛剛那個Line developers後臺)
路徑是 後臺首頁-Line電子名片-APP申請與設置
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDY3LKIdjur3h8_GnypKkm1P4pBQQFNTn2uRzHWFDRtjt_66XruFylTBtPar62IkHHg_5UhBpwtIi39Rv9wcgfePBqtp6h6T8VpMbYmvemn3TIBvNLaVWnWnZ5NJj5jiOfvjLpZy5PrvU/w640-h485/08.jpg)
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDY3LKIdjur3h8_GnypKkm1P4pBQQFNTn2uRzHWFDRtjt_66XruFylTBtPar62IkHHg_5UhBpwtIi39Rv9wcgfePBqtp6h6T8VpMbYmvemn3TIBvNLaVWnWnZ5NJj5jiOfvjLpZy5PrvU/w640-h485/08.jpg)
▼09.把Endpoint URL那一欄全部複製起來
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivBxgT-GGGNXbbpl83rYnR0pcpmwYJFuc_XChM6dc7xuSnxr3aznMHm92zWbb8mjhzeQ-2yDtuJ_xR5WINNvJTTAJLyFXpAjQpHiQ5Qdu09C4N78FsLZSc-shK-7TqBdj5RKnwtFpedCc/s16000/09.jpg)
▼10.然後回到Line Developers的後臺,把剛剛複製的那一串貼在Endpoint URL欄位上,其它紅圈部份照做,照圖中項目打勾
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKkGT21UDBz2gbhV_jQSTWEtpZGziIHYFPZ2Lhin5zu3hYrqDNb5c9QPJOuY2tR3tOoo4r9DAy2Q7tLO66kel5uU0ik9OwWEqdEo6fWyivz-ybe4egItYwQpARVKPlR5If0oSFR1cuXoM/w483-h640/10.jpg)
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKkGT21UDBz2gbhV_jQSTWEtpZGziIHYFPZ2Lhin5zu3hYrqDNb5c9QPJOuY2tR3tOoo4r9DAy2Q7tLO66kel5uU0ik9OwWEqdEo6fWyivz-ybe4egItYwQpARVKPlR5If0oSFR1cuXoM/w483-h640/10.jpg)
▼11.然後把下圖中shareTargePicker按一下,把它變綠色啟用
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8uys2IqHkY4yB6_jplY8sljID_S0nhLlRb_193yDeH80NhA-x89R7lVDydo6pQPCZSDGNHRVHt4JFCFrlmxw_SM7zFlwVNd9F450-S7u1XiukyzKQHBDt-a_5pzF9x7VQw5c-FPpTQeA/w640-h478/11.jpg)
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8uys2IqHkY4yB6_jplY8sljID_S0nhLlRb_193yDeH80NhA-x89R7lVDydo6pQPCZSDGNHRVHt4JFCFrlmxw_SM7zFlwVNd9F450-S7u1XiukyzKQHBDt-a_5pzF9x7VQw5c-FPpTQeA/w640-h478/11.jpg)
▼12.這時後會跳使用資訊確認,拉到最下面Accept然後啟用
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyksUG8aKQ_utPxsdk9SXrc_0kbtaC34UTQ6Jem4t8DlhqHZU5jQwp7JhyeD8X6cxTas1pTXqOhbG5wLlRxWpr2PMJlSI5D4_bb4_MKJmJbbDB7Wvfx6K3U32rV_Yjpt_jkdKsNgqBPcY/w640-h480/12.jpg)
▼13.最後把畫面上產生的LIFF ID複製起來,也可以按那個小圖示複製
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX-dl-PGZ6XweOPm-JluxCLwV-0BD3khaolLyrLISgXf8fxZDIJUWIjg3HnjjkyFt1fIP1qoOgERRJ7CsMPipeHtwDnsxpZ6xhZpDug7b3sXRLxkBmo4dX4JCosopuH4b3fZAMDye8yqs/w640-h485/13.jpg)
▼14.回到我們系統後臺,把LIFF ID貼上去,然後保存設置
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu3e0Ot6DVwuSrasv38SlfjC6uRvijKO7DydHTyq20FCDBrD2mc2ODhj1cfUJCTtPlJf1E3fgkU9tJy6w2Bwo5vKLbDvZlyZrU3LxFamUpxvf6l9hSi_yooH0O3HkWd_BaTpgh_zEyvcg/s16000/14.jpg)
▼15.困難的部份都完成了,再來是直接建立你的Line電子名片
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg-VO_H58OEAxy4EWipMEAQ1DZA3e5cvdncqT8Yy9n9qhiEdWfF6sVXKcJP7-51vl2SK7eh6GpLJbHzM4CXeWSj1_pxbqBBoiVS2Didv5I-xxUNv8vj5LydTPDwdBzZY6gU66fj68rCqQ/w640-h506/15.jpg)
▼16.按照圖中你的喜好去填寫你的電子名片內容,文字敘述,按鈕顏色,照片,連結,都隨便你填。連結可以連你的FB,IG,Youtube,Tiktok,你的個人網站,等等都可以。可以新增多張名片,Line裡面會以往右滑動來呈現,但是太多張應該沒太大意義吧,除非你是小姐太多要給人家選
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy1h4dXuPPIuLdmaPkEBhmoY0d9FzKWGFvD4rTM9dur51OhrgF4ESa8-oNgbyZBJpdr_b2i5G7ICtB1ZuGsnZZD1JWTius_Fewi4npmBOeY6nmI6XWyFVbyhvMW2mvMqswojK1mIvvpUI/w640-h532/16.jpg)
▼功能陸續增加囉,可調字型大小背景顏色等等
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisbbyJYbDt1aauCH2DVUnwcxRI9IzNudPLFF4vb7pZG9oN2ObruARNUXaCbw4pIViCQXx3IFbjRpHfqpPYLb7H6U78hCok893-7T6Hi_ki4k6Nd8XWmkzZrMQ_NcK-SHKKmLL5TJg8Q24/w640-h362/20.jpg)
▼18.建立好名片內容後,後臺該項目右邊可以直接複製網址,然後把網址丟到你的Line裡面,你可以存在keep或是記事本之類的。
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-AsIyeY1UXIg8vKbtbuodUi9tpRr3coa5h538vPRGRKI3l2ez4lMgcq8Aq87TVvy3aeOLQGueA3dXeqCH8gmKi64r5K6HY17ViJPyYKXuveE3KifK1XwfnqSgw-UkuIR0eH08TAsLU3w/w640-h189/17.jpg)
▼19.在手機裡面點上面你存好的那個連結,就會出現以下畫面,按分享給朋友,就可以選擇把名片傳給該好友囉,也可以一次傳多人
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIzGx2X9UgGFIz8w8vegW2G3EOdPxVz6cY2JreAwHjnDqS-ssI_Haq02iF1yCDk7s4cV2iucGt8Ie4-uOLZdUYxzowUn_Cyt9-y9_qXMW5dGLwNvr4vYx_Aofe6PuHEu5xYlu8OPP07AA/w295-h640/13988836877383.jpg)
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIzGx2X9UgGFIz8w8vegW2G3EOdPxVz6cY2JreAwHjnDqS-ssI_Haq02iF1yCDk7s4cV2iucGt8Ie4-uOLZdUYxzowUn_Cyt9-y9_qXMW5dGLwNvr4vYx_Aofe6PuHEu5xYlu8OPP07AA/w295-h640/13988836877383.jpg)
▼勾選你要傳名片的對象,送出就好了
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHqmzynmCfCnBacGU4hzw4wQdiAdbI8gl9LGztsb2pqEJeFMxnVnyEoJhSf6LczWW-8wG8DwATMlLWGpjbH98i5V5ge0QecUy9apn8KRGe4ziet9sYwfqV2tQmV3x3GtwgtXvnMoDcJ5Q/w296-h640/18.jpg)
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj034-RYGO8cWwKJ14Qz2SOofKmRT5wgkm0dp7u_BwGuyw3YHAn3HaNvC9Gr75tzywBl4RW9mrW-NwBjsJ1Z93Qo183OxAeYWKAAL5xCFICeq8usd_hXcsMANtZC8mCcQM0eISirF2m698/w640-h416/x2.jpg)
全部完成,就這樣而以,是不是很簡單呢
突然想到,八大行業可以用這個功能弄個花名冊給客戶挑小姐咧,不知道會不會被官方刪除XD
![網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術 網路行銷 Line Card電子名片製作教學 (Line LIFF setting) 電腦版手機版都適用 - Line行銷術](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmAwAstzETqi3XYmC-l44XvUE2gSYs_8es1HgBH5bnUKfj-E-Akpk9AaupPbzO7LdJNlN2KffutoAbePtx5l0apbbXK4fiGRMaa7XrfteJ4kgViEBfXc1R6zedZwO0yyocp2d09ErLaN8/w640-h282/19.jpg)
如果想要我們替您製作Line電子名片,以下為我們聯絡方式