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

03/24/2023

什么是Instagram购物图片?

Instagram购物图片是一系列照片,每张照片都链接到一个产品页面。点击照片,就会跳转到照片中展示的产品。

这样的功能在Instagram上非常有用,因为用户可以立即购买他们看到的商品。假如你是个小企业主,你可能也想在你的网站上展示这个功能。

不过设置起来并不容易。你需要建立一个Facebook目录、产品目录和一个Facebook商业页面。此外,你还需要获得Instagram的审批来使用这些购物功能。

步骤指南:如何在WordPress中添加Instagram购物图片

  1. 安装支持购物功能的Instagram照片插件
  2. 将Instagram账号连接到WordPress
  3. 启用Smash Balloon的购物功能
  4. 筛选你的Instagram购物图片
  5. 定制你的Instagram购物图片展示
  6. 在WordPress中嵌入你的Instagram购物图片

步骤1:安装Instagram照片插件

要在WordPress中添加Instagram购物图片,你可以使用Smash Balloon Instagram Pro插件。这个免费的插件让你可以在自定义的Feed中展示一个或多个Instagram账户的照片。随着你在Instagram上发布新的购物图片,它们会自动显示在你的网站上。

步骤2:将Instagram账号连接到WordPress

激活插件后,第一步就是将Instagram账号连接到WordPress。在Instagram Feed » Settings 页面,点击‘Add New’。

步骤3:启用Smash Balloon的购物功能

接下来,你需要启用Smash Balloon的购物功能。在‘Settings’标签下找到‘Shoppable Feed’,并开启‘Enable’滑块。

步骤4:筛选你的Instagram购物图片

默认情况下,Smash Balloon会显示你Instagram账户的所有图片和视频。不过,在创建购物Feed时,你可能希望筛选出仅含购物链接的照片。

步骤5:定制你的Instagram购物图片展示

点击‘Customize’标签,对Feed的外观进行设置,你可以选择不同的布局样式,比如‘Highlight’或‘Carousel’。

步骤6:在WordPress中嵌入你的Instagram购物图片

可以通过Gutenberg区块、插件或简码将购物图片Feed添加到网站上。打开你想展示的页面,然后添加‘Instagram Feed’模块即可。

常见问题解答

是否需要Instagram商业账户?

Smash Balloon的Instagram Feed Pro可以显示个人或商业账户的购物图片。不过,对个人账号,Smash Balloon无法自动获取Instagram的头像和简介。

如何将Instagram账号与Facebook页面连接?

你需要在Facebook页面的‘Linked Account’下选择‘Instagram’并输入你的账户信息进行连接。

通过这些步骤,你可以在WordPress网站上展示Instagram购物图片,帮助提升你的在线销售潜力。



Related Posts

  • 2025-01-31
  • WordPress 插件

通知评论者他们的评论已获批准是在您的网站上鼓励对话的简单而有效的方法。然而,WordPress 默认情况下不会在评论发布时通知用户,这可能导致他们对评论的状态感到困惑。有许多网站拥有者问我们如何解决此问题,因此我们编写了这篇指南来帮助您!在这篇文章中,我们将展示如何轻松通知用户他们的评论已在 WordPress 中被批准,以保持互动积极并吸引更多观众参与。

閱讀更多
  • 2025-01-31
  • WordPress 插件

想知道我们在 WPressize Me 如何通过添加标题属性和 nofollow 标签来改善用户体验和SEO吗?默认的 WordPress 编辑器并不容易提供这些选项。本文将为您简要介绍如何在 WordPress 的插入链接弹出窗口中为链接添加标题和 nofollow 属性选项,以便简化工作流程和提升您的SEO努力。

閱讀更多
  • 2025-01-28
  • WordPress 插件

你是否想在你的WordPress网站上启用Imagick?大多数情况,WordPress会自动使用Imagick来管理所有网站的图像。然而,通过调整默认的Imagick设置,你可以提高网站性能或向访客展示更高质量的图像。在本文中,我们将展示如何在你的WordPress网站上启用Imagick,并自定义其设置以改善访客体验。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>