logo小資族生存日常

【WordPress教學】WordPress如何加入FB粉絲專頁外掛程式

【WordPress教學】WordPress如何加入FB粉絲專頁外掛程式

Sandra / /

很多電商網站都有在經營社群媒體,如果你不想只放一個icon在你的網站頁面上,想呈現有縮圖的感覺,可以試試看將Facebook粉絲專頁直接坎在網頁的方法,我覺得很簡單又很實用,【WordPress教學】WordPress如何加入FB粉絲專頁外掛程式,大家都去試試看吧~


教學步驟

1. 進入臉書開發者工具

點擊以下網址進入 Facebook 開發者工具:

Facebook 開發者工具的粉絲專頁外掛設定頁
Facebook 開發者工具的粉絲專頁外掛設定頁

2. 填寫設定

在工具頁面中,你需要完成以下設定:

  1. 填上 Facebook 粉絲專頁網址
  2. 頁籤:可保留空白。
  3. 設定嵌入的高度及寬度。
  4. 勾選 搭配外掛程式容器寬度 和 顯示朋友的大頭貼照。

3. 取得程式碼

完成設定後,往下拉找到 取得程式碼 按鈕,點擊後即可產生嵌入程式碼。

粉絲專頁外掛設定下方的「取得程式碼」按鈕
粉絲專頁外掛設定下方的「取得程式碼」按鈕

4. 複製 iframe 的程式碼

在程式碼選項中,切換到 IFrame 頁籤,找到步驟 2 中的程式碼,將整段程式碼複製。

IFrame 頁籤中的粉絲專頁嵌入程式碼
IFrame 頁籤中的粉絲專頁嵌入程式碼

5. 製作小工具

WordPress 後台外觀 > 小工具 > 自訂 HTML 區塊
WordPress 後台外觀 > 小工具 > 自訂 HTML 區塊
  1. 到網站後台,進入 外觀 > 小工具 > 自訂 HTML。
  2. 將剛才複製的 iframe 程式碼貼入框中。
  3. 刪除程式碼中的 allowfullscreen="true",完成後即可將小工具放置在任何你需要的位置。

結論

如果你希望網站與 Facebook 粉絲專頁有更好的互動體驗,不妨試試這個簡單的方法!嵌入粉絲專頁外掛後,訪客可以直接在網頁上看到粉絲專頁的動態,這不僅增加了社群的曝光率,也提升了網站的專業性和使用者體驗。快來試試看吧!

分享分享分享分享分享

sandra avatarSandra

小資族生存日常 logo

支持小資族生存日常

如果您喜歡我們的文章或內容對您有幫助,歡迎請我們喝杯熱咖啡,支持團隊繼續分享更多實用的好內容!

【WordPress教學】如何申請第三方社群登入?(google 、 FB、yahoo、Line)

【WordPress教學】如何製作回到頂端按鈕?(WPFront Scroll Top)

相關文章

回首頁