如何在 WordPress 中添加 Instagram 购物图片

VPS1352主机测评网(www.vps1352.com)
本文链接:https://www.vps1352.com/6763.html

您想将可购物的 Instagram 图片添加到您的 WordPress 网站吗?

Instagram 购物图片包含链接,人们可以轻松点击这些链接购买您的产品.这是展示您的产品并通过 Instagram 提高销量的有效方式.

在本文中,我们将向您展示如何在 WordPress 中轻松添加 Instagram 购物图片.

Adding shoppable Instagram images in WordPress

为什么要在 WordPress 中添加可购物的 Instagram 图片?

可购物的 Instagram 动态是一系列照片,其中每张照片都包含指向您网站上的产品或服务的链接.客户只需单击图片标题中的链接即可在您的在线商店中购买该产品.

使用 Instagram 展示照片可让您利用 Instagram 的庞大用户群.同时,它还可以帮助您的网站访问者有机会发现您的 Instagram 帐户.

您可以将流量发送到 WooCommerce 中的各个产品页面.您还可以使用提要在您的网站上显示最近的帖子,同时增加您的 Instagram 关注量.

创建可购物的 Feed 并将其添加到您的网站

首先,您需要上传要在 Instagram 帐户中使用的图片.

对于您想要成为可购物的每张图片,您需要在 Instagram 照片的标题中添加相关产品(或服务)页面的网址.

这是我们 Instagram 提要中的一张照片,标题中有一个网址.当照片和标题嵌入我们的网站时,该 URL 将链接到产品的销售页面:https://example.com/product/floral-dress/

A photo on Instagram with a product URL in the caption

为要使用的所有图片完成此操作后,就可以将可购物的 Instagram 提要添加到您的网站了.

将您的 WordPress 网站连接到您的 Instagram 帐户

在本教程中,我们将使用插件 Smash Balloon Instagram Feed Pro.它是 WordPress 最好的 Instagram 插件,可让您轻松地将 Instagram 照片添加到您的 WordPress 网站.

首先,您需要安装并激活 Smash Balloon Instagram Feed Pro 插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

激活后,您需要访问Instagram Feed » WordPress 管理区域中的许可证页面,用于输入您的许可证密钥.您可以在 Smash Balloon 网站上的帐户下找到此信息.

Adding your Instagram Feed license

不要忘记在激活您的许可证密钥后点击底部的"保存更改"按钮.

现在是时候将 WordPress 连接到您的 Instagram 帐户了.只需切换到"配置"选项卡,然后点击"连接 Instagram 帐户"按钮即可.

Connecting your Instagram account

然后您会看到一个弹出窗口,要求您选择是使用个人还是商业 Instagram 个人资料.由于您将使用自己帐户中的照片,因此您可以使用个人 Instagram 帐户.

只需选择"个人"并点击"连接"按钮即可继续.

Connect your personal Instagram account to your WordPress site

这会将您带到 Instagram 网站,在那里您会被要求允许 Smash Balloon 访问您的 Instagram 帐户.只需单击"授权"按钮即可继续.

Authorize Instagram account

您现在将被重定向回您的网站,您将在弹出窗口中看到您的 Instagram ID,要求您连接并添加您的帐户.

Connect your Instagram account

您需要点击"连接此帐户"按钮才能继续.

之后,您会在插件设置下看到您的 Instagram 帐户.

Your personal Instagram account is now connected to your WordPress site

您的 Instagram 帐户现已连接到您的 WordPress 网站,您可以轻松地在网站的任何位置显示您最近上传的 Instagram.

将 Instagram 照片链接到标题中的网址

您的 Instagram 提要即将准备就绪.但是,您需要让插件知道您要将动态中的 Instagram 帖子链接到您在标题中添加的 URL.

为此,只需切换到插件设置下的"自定义"选项卡.从这里,您需要单击"帖子"部分并选中"将帖子链接到标题中的 URL"选项旁边的框.

Link Instagram posts in your feed to URLs in caption

不要忘记单击"保存更改"按钮来存储您的设置.

向您的 WordPress 网站添加可购物的 Instagram 提要

Smash Balloon Instagram Feed Pro 可以非常轻松地在 WordPress 博客的任何位置显示您的 Instagram 照片.

只需编辑要显示 Instagram 动态的帖子或页面.在帖子编辑屏幕上,单击 (+) 按钮添加新块,然后将"Instagram Feed"块插入您的内容.

Adding an Instagram feed block to your page

然后插件会自动加载您的 Instagram 提要并在编辑器中显示它的预览.您现在可以保存您的帖子或页面并访问您的网站以查看它的运行情况.

The Instagram feed live on the website

要购买任何产品,用户只需点击图片即可将其带到您在图片说明中添加的网址.

在侧边栏中显示可购物的 Instagram Feed

该插件还允许您轻松地在侧边栏中显示您的 Instagram 提要.

只需转到外观»小部件页面并将"Instagram Feed"小部件添加到侧边栏.

Sidebar widget
不要忘记单击小部件设置中的保存按钮.

您现在可以访问您的 WordPress 网站,在侧边栏中查看您的 Instagram 提要.

Instagram sidebar widget preview

自定义您的可购物 Instagram Feed

Smash Balloon Instagram Feed Pro 带有漂亮的布局和自定义选项.这使您可以轻松自定义样式并根据自己的要求进行调整.

您可以通过访问 Instagram Feed » 来调整布局.自定义页面.从这里,您将看到旋转木马、砖石结构、网格和突出显示等布局选项.

Customize your shoppable Instagram feed layout

此外,您可以显示和隐藏标题、加载更多按钮、关注按钮和其他选项.

Show and hide items from your Instagram products feed

不要忘记单击"保存更改"按钮来存储您的设置.

您现在可以访问包含您的 Instagram 动态的帖子或页面,它会自动显示您应用的新设置.

Shoppable Instagram feed carousel layout

我们希望本文能帮助您了解如何在 WordPress 中添加 Instagram 购物图片.您可能还想查看我们关于恢复废弃购物车销售的行之有效的方法的指南,以及我们对电子商务最佳电子邮件营销服务的比较.

3

发表回复