如何在WordPress中添加Instagram Shoppable圖片


您想將可購買的Instagram圖片添加到您的WordPress網站嗎?

Instagram可購物的圖像具有鏈接,人們可以輕鬆單擊以購買您的產品。 這是展示您的產品並提高Instagram銷量的一種有效方式。

在本文中,我們將向您展示如何在WordPress中輕鬆添加Instagram購物圖像。

在WordPress中添加可購物的Instagram圖像

為什麼要在WordPress中添加Shoppable Instagram圖片?

可購物的Instagram feed是一系列照片,其中每個照片都有指向您網站上產品或服務的鏈接。 客戶只需單擊圖像標題中的鏈接即可在您的在線商店中購買該產品。

使用Instagram顯示照片可讓您利用Instagram龐大的用戶群。 同時,它還可以幫助您的網站訪問者有機會發現您的Instagram帳戶。

您可以將流量發送到WooCommerce中的各個產品頁面。 您還可以使用feed在網站上顯示最近的帖子,同時增加Instagram的關注度。

創建可購物的提要並將其添加到您的網站

首先,您需要在Instagram帳戶上上傳要使用的圖像。

對於要購買的每張圖片,您需要在Instagram的照片標題中添加相關產品(或服務)頁面的URL。

這是我們的Instagram feed中的照片,標題中帶有URL。 當照片和標題嵌入我們的網站時,該URL將鏈接到產品的銷售頁面: https://example.com/product/floral-dress/

Instagram上帶有標題的產品URL的照片

對要使用的所有圖像完成此操作後,就該將可購買的Instagram feed添加到您的網站了。

將您的WordPress網站連接到您的Instagram帳戶

在本教程中,我們將使用插件Smash Balloon Instagram Feed Pro。 它是WordPress最好的Instagram插件,可讓您輕鬆將Instagram照片添加到WordPress網站。

首先,您需要安裝並激活Smash Balloon Instagram Feed Pro插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 Instagram Feed»許可證 WordPress管理區域中的頁面以輸入您的許可證密鑰。 您可以在Smash Balloon網站上的帳戶下找到此信息。

添加您的Instagram Feed許可證

激活許可證密鑰後,不要忘記單擊底部的“保存更改”按鈕。

現在是時候將WordPress連接到您的Instagram帳戶了。 只需簡單地切換到“配置”標籤,然後單擊“連接Instagram帳戶”按鈕即可。

連接您的Instagram帳戶

然後,您將看到一個彈出窗口,要求您選擇使用的是Personal還是Business Instagram個人資料。 由於您將使用自己帳戶中的照片,因此可以使用個人Instagram帳戶。

只需選中“個人”,然後單擊“連接”按鈕即可繼續。

將您的個人Instagram帳戶連接到WordPress網站

這將帶您到Instagram網站,要求您允許Smash Balloon訪問您的Instagram帳戶。 只需單擊“授權”按鈕繼續。

授權Instagram帳戶

現在,您將被重定向回您的網站,在該網站中,您會在彈出窗口中看到您的Instagram ID,要求您進行連接並添加您的帳戶。

連接您的Instagram帳戶

您需要單擊“連接此帳戶”按鈕以繼續。

之後,您會在插件設置下看到您的Instagram帳戶。

您的個人Instagram帳戶現在已連接到WordPress網站

您的Instagram帳戶現在已連接到WordPress網站,您可以在網站上的任何位置輕鬆顯示最近上傳的Instagram。

將Instagram照片鏈接到字幕中的URL

您的Instagram提要快要準備好了。 但是,您需要讓插件知道您想將源中的Instagram帖子鏈接到您在標題中添加的URL。

為此,只需切換到插件設置下的“自定義”標籤即可。 在這裡,您需要單擊“帖子”部分,然後選中“將帖子鏈接到標題中的URL”選項旁邊的框。

將Feed中的Instagram帖子鏈接到標題中的URL

不要忘記點擊“保存更改”按鈕來保存您的設置。

將可購物的Instagram Feed添加到您的WordPress網站

Smash Balloon Instagram Feed Pro可以非常輕鬆地在WordPress博客的任何位置顯示Instagram照片。

只需在要顯示Instagram feed的地方編輯帖子或頁面即可。 在帖子編輯屏幕上,單擊(+)按鈕添加一個新塊,然後將“ Instagram Feed”塊插入您的內容。

將Instagram feed塊添加到您的頁面

然後,該插件將自動加載您的Instagram feed,並在編輯器中顯示其預覽。 現在,您可以保存您的帖子或頁面,並訪問您的網站以查看實際效果。

Instagram feed在網站上直播

要購買任何產品,用戶只需單擊圖像,它將帶您到圖像標題中添加的URL。

在側邊欄中顯示可購物的Instagram Feed

該插件還允許您輕鬆在側邊欄中顯示您的Instagram feed。

只需前往 外觀»小部件 頁,然後將“ Instagram Feed”小部件添加到側邊欄。

側欄小部件
不要忘記單擊小部件設置中的保存按鈕。

現在,您可以訪問WordPress網站以在側欄中看到您的Instagram feed。

Instagram側邊欄小部件預覽

自定義您的Shoppable Instagram Feed

Smash Balloon Instagram Feed Pro具有精美的佈局和自定義選項。 這使您可以輕鬆自定義樣式,並根據自己的要求進行調整。

您可以通過訪問 Instagram Feed»定制 頁。 在這裡,您會看到輪播,砌體,網格和高光等佈局選項。

自定義您的購物Instagram feed佈局

此外,您可以顯示和隱藏標題,加載更多按鈕,跟隨按鈕以及其他選項。

顯示和隱藏Instagram產品Feed中的項目

不要忘記單擊“保存更改”按鈕來存儲您的設置。

現在,您可以訪問包含您的Instagram feed的帖子或頁面,它將自動顯示您應用的新設置。

Shoppable Instagram feed輪播佈局

我們希望本文能幫助您學習如何在WordPress中添加Instagram購物圖像。 您可能還希望查看我們的指南,以了解恢復廢棄購物車銷售的可靠方法,以及對電子商務最佳電子郵件營銷服務的比較。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。