https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
WordPress網頁設計

WordPress網頁設計 4步驟教你串接 Instagram,在網站中顯示IG圖片

社群媒體的使用越來越廣泛,IG Instagram 的使用者也逐年增加,如何提升追蹤者,也成為經營自媒體很重要的課程,想要提升追蹤者,將 Instagram 與經營的網站串接,是增加IG追蹤者人數的方法之一。

在WordPress網頁設計類的外掛這麼多,有些功能不齊全,有些操作較複雜不夠直覺,我自己試過後,覺得 Smash Balloon Social Photo Feed 這個WordPress外掛,操作設定上較為簡單與實用。

WordPress網頁設計外掛介紹

為什麼要使用Smash Balloon Social Photo Feed這款外掛,因為

節省時間 發佈到Instagram上的照片,能同步顯示在您的網站上來節省時間並提高效率。

顯示內容設定彈性 可以依照自己的喜好設定,顯示在網站中。

操作簡單 安裝好後,只需簡單設定,將短代碼複製到網站中即可完成。

建立與訪客的信任度 透過較生活化的IG經營,能讓訪客更加認識你,增加信任感而不會因為網路像是與陌生人交流。

安裝外掛

前往 外掛 > 安裝外掛 > 關鍵字輸入 Smash Balloon Social Photo Feed > 點擊 立即安裝 > 安裝完畢後點擊 啟用

WordPress網頁設計

連接 INSTAGRAM 帳號

① 前往 已安裝的外掛 > 點擊 設定

已安裝的外掛

② 於設定資料提供區域點擊 連結 Instagram 帳號

連結 Instagram 帳號

③ 選擇使用 個人帳號(Personal)商業帳號(Business) > 點擊 Connect > 輸入帳號密碼與Instagram帳號連結。

商業帳號

我的狀況是IG裡面有1個個人帳號與2商業帳號,我是要顯示商業帳號的內容,所以我會選擇商業帳號,如果你是很單純的只有一個個人帳號要顯示,就可以直接選擇個人帳號即可

④ 選擇你要連結的 商業帳號點擊 下一步

連結商業帳號

⑤ 將全部開啟 點擊 完成

完成權限

⑥ 選擇要連結的商業帳號後 點擊 Connect Accounts

連結 Instagram 帳號

⑦ 完成連結後就會在 設定資訊提供 顯示已連結的Instagram帳號

Instagram帳號連結

外觀設定

以下是我自己的使用設定建議,可以在熟悉設定後,依自己喜好調整成自己的風格排版

① 前往 自訂資訊提供 > 版面配置 > 勾選 停止行動版版面配置(如果沒勾選,在手機瀏覽時,會從原本的九宮格變成一張一張顯示)

IG九宮格

顯示個人簡介 我選擇 不顯示,畫面會比較簡潔

個人簡介

③ 勾選 顯示追蹤按鈕、設定 按鈕文字內容

顯示IG追蹤按鈕

複製短代碼

前往 顯示資訊提供 > 複製短代碼 將短代碼貼至網頁側邊攔或文章中,就能顯示你的Instagram帳號在網頁中

幫我一個忙

為了要給讀者最好的閱讀體驗,全網站沒有放置廣告,如果這篇文章有幫助到你,可以幫我在下方處綠色的拍手圖示按5下,只要登入Google或FB,不需花費任何錢就能【免費支持】我。

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *