如何在網站上嵌入 Instagram 提要小部件

自成立以來，Instagram 一直被認為是一個非常強大且有效的營銷平台，適用於希望為其產品和服務獲得有機影響力和知名度的企業。 現在想像一下，如果您在網站上嵌入 Instagram 小工具，影響會有多大！

Instagram 擁有 5 億每日活躍用戶，為大小企業提供了巨大的增長機會。 專門的 Instagram 策略可幫助企業取得長足進步，從而擴大您企業的整體客戶群。

在您的商業網站上嵌入 Instagram 內容就是這樣一種策略，可以幫助您向網站訪問者提供持續的社交證明。 現在，您可以通過多種方式在網站上嵌入 Instagram 提要。

本文將指導您如何嵌入 Instagram 網站小部件。 那麼，讓我們開始吧！

用於網站的 Taggbox Instagram 小部件

使用“嵌入”、“小部件”等術語，整個過程可能看起來有點過於技術化，但實際上並非如此！

使用社交媒體提要小部件在您的網站上嵌入 Instagram 提要比您大肆宣傳的要簡單得多。 它可以分為四個簡單的步驟-

第 1 步：使用 Taggbox 小部件創建 Instagram 提要。

第 2 步：應用小部件主題

步驟 3：從 Taggbox 小部件生成小部件嵌入代碼

第 4 步：在您的網站上嵌入提要小部件

因此，讓我們逐步學習如何在您的網站上嵌入 Instagram 帖子的小部件。

使用標籤框創建 Instagram 帖子小部件

為了創建您自己的小部件，請按照這些非常簡單的步驟操作，您會發現自己擁有一個漂亮的 Instagram 提要小部件。

第 1 步：使用 Taggbox Widget 創建一個帳戶。 登錄到您的帳戶。 您將登陸儀表板。

步驟 2：點擊“添加社交訂閱源”以在小部件上添加社交訂閱源。

Step-3：出現“ Pick A Source ”對話框。 選擇Instagram作為您的訂閱源。

注意：Taggbox 讓您可以選擇從標準 Instagram 帳戶和 Instagram 企業帳戶聚合訂閱源。 根據更新後的 Instagram API 政策，您現在無法通過標準 Instagram 帳戶根據主題標籤和位置獲取帖子。 為此，您需要擁有一個 Instagram 企業帳戶。 在這裡，我們選擇 Instagram 商業帳戶。

第 4 步：將出現一個創建 Instagram 提要框。 從Hashtag(#)、Handle(@)、Mention、IGTV 和 Tagged 中選擇一個來源，然後通過單擊 Create Feed 創建 Instagram 連接。

第 5 步：將出現一個繼續使用 Facebook框。 單擊它並提供您的登錄憑據以連接您的 Instagram 帳戶。

偉大的！ 您已成功匯總 Instagram 帖子，它們很快就會出現在小部件編輯器中。

您可以使用小部件編輯器中的個性化面板自定義 Instagram 提要小部件的外觀。 您還可以使用小部件編輯器中的“審核”面板來管理匯總的 Instagram 帖子，以便僅在您的社交牆上顯示最優質的內容。

應用小部件主題

現在，這是整個過程中最簡單、最有趣的一步。 在小部件編輯器中匯總您自己的 Instagram 提要後，請按照以下簡單步驟應用小部件主題。

步驟 1：單擊Widget Editor左欄中的Design > Themes 。

第 2 步：從Themes中，選擇Widget Theme 。

第三步：點擊應用主題。

第 4 步：您很快就會在小部件編輯器中看到 Instagram 聚合內容的小部件。

就是這樣！ 您已成功創建小部件。 現在您需要做的就是將其嵌入您的網站。 因此，讓我們繼續在網站上嵌入 Instagram 提要小部件的下一步。

另請閱讀 – 在網站上嵌入 Instagram 滑塊小部件

從標記框小部件生成嵌入代碼

現在，為了在您的網站上嵌入 Instagram 帖子小部件，首先，您需要從我們強大的 Instagram 聚合器 - Taggbox生成嵌入代碼。 按照這些簡單的步驟了解如何從 Taggbox 生成嵌入代碼。

第 1 步：在您的小部件編輯器中為 Instagram 提要創建小部件後，單擊“發布”按鈕。

第 2 步：從出現的對話框中選擇您的網站構建平台。 （例如，讓我們選擇HTML 。）

步驟 3：根據您的要求設置Width 、 Height和Height 類型，然後單擊獲取代碼

步驟 3：將生成的代碼複製到剪貼板。

這是我們希望從 Taggbox 生成的所需嵌入代碼。 生成後，此嵌入代碼可以復制並粘貼到任何網頁的後端，從而允許您將小部件嵌入您的網站。

在您的網站上嵌入 Instagram 帖子

用戶可以使用許多網站構建平台來創建他們的網站。 讓我們學習如何在一些主要的網站構建平台上嵌入 Instagram Feed Widget。

嵌入 HTML 網站

HTML 是創建網站的最基本和首選的平台之一。 這是開發人員的強項。 為了在網站上嵌入 Instagram HTML Widget，請遵循以下基本的簡單步驟-

步驟 1：選擇 HTML 作為您的網站構建平台。

第 2 步：從 Taggbox 生成嵌入代碼（已解釋）。 將嵌入代碼複製到剪貼板。

第 3 步：現在，轉到要嵌入小部件的網頁後端。

第 4 步：將復制的代碼粘貼到要嵌入小部件的正文部分並保存更改。 （如果您不是技術專家，您可以要求您的開發人員也這樣做。）

偉大的！ 您已成功將小部件嵌入您的網站。

嵌入 WordPress 網站

WordPress 是世界上最受歡迎的網站建設平台之一，服務於世界各地大多數大小品牌的主要網站。 它帶有驚人的自定義功能和插件，免費和付費。

按照這些簡單的步驟在 WordPress 網站上嵌入 Instagram 小部件

第 1 步：選擇WordPress作為您的網站構建平台。

第 2 步：從 Taggbox 生成網站嵌入代碼。 （已經解釋）。

第 3 步：在 WordPress 後端中打開要嵌入 Instagram 主題標籤供稿的頁面。

Step-4：選擇WordPress編輯器左上角的“ (+)Add Block ”。

第 5 步：在這裡，點擊Formatting ，然後選擇Custom HTML 。

第 6 步：將復制的代碼粘貼到編輯器中。

第 7 步：單擊發布/更新帖子，您就完成了。

嵌入 WIX 網站

WIX 是一個基於雲的網站，創建一個非常易於使用的平台。 任何具有基本計算機知識的非技術人員都可以在 WIX 上創建網站。

為了在 WIX 網站上嵌入 Instagram Widget，請按照以下簡單步驟操作 -

步驟 1：選擇 WIX 作為您的網站構建平台。

第 2 步：從 Taggbox 生成嵌入代碼。 （已經解釋）

第 3 步：在您的 WIX 網站上，導航到您希望嵌入它的頁面。

第 4 步：在該網頁的 WIX 編輯器後端，單擊“ +添加”按鈕。

第 5 步：單擊更多並從嵌入中選擇HTML iframe 。 在這裡，將嵌入代碼粘貼到代碼字段中。

第 6 步：單擊應用以保存更改。

嵌入 Squarespace 網站

Squarespace 是創意的網站建設平台。 它帶有驚人的自定義選項，可幫助您在幾個小時內創建漂亮的網站。

為了在 Squarespace 網站上嵌入 Instagram 提要小部件，請按照以下簡單步驟操作 -

步驟 1：選擇 Squarespace 作為您的網站構建平台。

第 2 步：從 Taggbox 生成嵌入代碼。 （已經解釋）

第 3 步：在您的 Squarespace 網站上，導航到您希望嵌入小部件的頁面。

Step-4：在網頁後台，點擊“ + Add/Edit Block ”。

第 5 步：從菜單中選擇嵌入代碼。

第 6 步：單擊 URL 字段中的</> 圖標。

第 7 步：粘貼複製的代碼並單擊應用並保存更改。

嵌入 Weebly 網站

Weebly 是一個免費的網站建設平台。 它帶有簡單的拖放界面，使用起來很有趣。

為了在 Weebly 網站上添加 Instagram Feed Widget，請按照以下步驟操作 -

第 1 步：選擇 Weebly 作為您的網站構建平台。

第 2 步：從 Taggbox 生成嵌入代碼。 （已經解釋）

第 3 步：在您的 Weebly 網站上，導航到您希望嵌入小部件的頁面。

Step-4：從左側導航欄中選擇“嵌入代碼”，將其拖放到網頁上要嵌入Widget的位置。

第 5 步：現在，單擊HTML 框和編輯自定義 HTML選項。

第 6 步：在這裡，將復制的代碼粘貼到框中並發布您的更改。

嵌入 Shopify 網站

Shopify 是您希望創建在線電子商務網站時使用的網站構建平台。 它使您可以跨多個平台和社交媒體在線銷售產品。

為了在 Shopify 網站上添加 Instagram 提要小部件，只需按照指示進行 -

步驟 1：選擇 Shopify 作為您的網站建設平台。

第 2 步：從 Taggbox 生成嵌入代碼。 （已經解釋）

步驟 3：在您的 Shopify 網站上，導航到您要嵌入小部件的在線商店。

第 4 步：轉到頁面右上角的編輯 HTML/CSS選項。

第 5 步：選擇要在其中顯示 Instagram 社交中心的佈局/模板/部分（例如主頁 - Index.liquid）。

第6步：粘貼複製的代碼，然後單擊“保存”。

結論

因此，這是一份完整的指南，介紹瞭如何輕鬆地將 Instagram 提要嵌入您的網站。 那不是很容易嗎？

那麼你還在等什麼？ 跳上在您的網站上嵌入 Instagram 提要小部件並增強網站訪問者的整體用戶體驗的驚人旅程。

另請閱讀——在網站上嵌入 Instagram 故事