如何将 Instagram Feed 嵌入到您的 WordPress 网站？ [所有选项]

作为最受欢迎的社交媒体平台之一，Instagram 是与朋友、家人和追随者分享照片和视频的绝佳方式。 而且，如果您有一个 WordPress 网站，您可以轻松地将您的 Instagram 提要嵌入您的网站，以供所有人查看。

在这篇文章中，我们将概述让 Instagram 内容与您的 WordPress 网站同步的好处，以及如何嵌入交互式 Instagram 小部件的方法。

这是最广泛的指南，主要是因为我们将向您展示如何使用 Instagram 聚合器 EmbedFeed 来提取您自己的帖子并生成其他人使用主题标签或提到您的 Instagram 句柄的人发布的内容。

（TL；DR – 立即开始使用 EmbedFeed 试用帐户获得专业的社交媒体聚合器：）

自动在您的网站上显示Instagram 墙！

尝试使用 EmbedFeed 并从您的网站上的提要、提及或主题标签中添加 Instagram 内容，只需单击几下。

开始 7 天免费试用

包括所有功能 | 提供实时支持

作为奖励，您可以使用 EmbedFeed 在您的 WordPress 网站上自动嵌入 Instagram Reels 小部件。 `

在开始之前，让我们看看通过在 WordPress 页面上显示 Instagram 提要可以实现什么。

在 WordPress 中嵌入 Instagram 提要小部件的方法

有几种不同的方法可以做到这一点，具体取决于您拥有的网站类型和您想要使用的功能。

1. WordPress Instagram Feed 插件（基本选项）
2. 原生 Instagram 嵌入代码（手动选项）
3. 像 EmbedFeed 这样的 Instagram 聚合器（自动选项）

1. 使用 Instagram 聚合器在没有插件的情况下嵌入 Instagram 提要

EmbedFeed 有一个插件，但根据我们的经验，大多数用户不需要维护另一个插件来粘贴平台上的代码。 这就是为什么 WordPress 的 EmbedFeed Instagram Feed 是为想要在没有插件的情况下嵌入 Instagram Feed 的用户设计的。

该平台还可以从 WordPress 外部使用，用户可以在其中生成他们的 Instagram 帖子并创建他们喜欢的小部件。 该方法将在下面的帖子中详细说明。

2. 使用 Instagram feed WordPress 插件

如果您使用的是 WordPress，则可以使用 Instagram WordPress 插件来嵌入您的 Instagram 供稿。 一个不错的选择是 WP Instagram Widget 插件。

此插件可让您轻松地将 Instagram 提要嵌入您网站的侧边栏或任何其他小部件区域。

3. 使用 Instagram 的嵌入代码

如果您不想使用插件，可以使用 Instagram 应用程序中的嵌入代码嵌入 Instagram 帖子。 为此，请转到您的 Instagram 帐户并找到您要嵌入的帖子。 然后点击帖子右上角的三个点，然后点击“嵌入”。

复制嵌入代码并将其粘贴到 WordPress 帖子或页面的 HTML 编辑器中。

注意：限制是您需要复制单独帖子的所有代码并构建提要。 如果您需要嵌入超过 5 个帖子，不建议这样做。 在这种情况下，您需要一个实际的 Instagram 提要插件或 Instagram 聚合器来使用一个代码嵌入多个帖子。

4.使用简码

嵌入 Instagram 提要的另一种选择是使用简码。 您可以使用一些不同的插件为您的提要生成短代码，但可以在外部平台上管理和自定义提要。

不同之处在于该插件仅支持嵌入短代码，并且是一个简单的轻量级插件，不需要您定期维护它。 所有更新都在外部平台中完成，您可以在其中创建小部件并获取简码。

基本上，该插件只需要使用简码即可以一种简单的方式嵌入，而无需粘贴整个 JavaScript 代码。

例如，EmbedSocial WordPress 插件就是这样做的。

安装并激活插件后，转到您的 EmbedFeed 帐户并选择 Instagram Feed 以连接到您的 Instagram 帐户。 连接账户后，您可以根据需要配置插件设置。

之后，您可以转到任何帖子或页面并使用以下短代码嵌入您的 Instagram 提要。

5. 使用 oEmbed URL

我们将介绍的第五个也是最后一个方法是 oEmbed URL。 这种方法比其他方法更具技术性，但它仍然很容易做到。

oEmbed URL 是指向特定 Instagram 帖子的 URL。

您可以查询 Instagram oEmbed 端点以获取嵌入 HTML 和基本元数据的 Instagram 帖子，以在其他网站或应用程序上显示该帖子。 支持照片、视频、卷轴和指南帖子。

在您开始使用 oEmbed 之前，您的应用必须通过oEmbed 阅读功能的应用审核，并提供个人帐户或 Instagram 企业帐户的访问令牌。

这是一个示例请求和响应：

现在您有了 oEmbed URL，您可以将其粘贴到 WordPress 网站上的任何帖子或页面中。 当您发布帖子或页面时，WordPress 会自动将 Instagram 帖子嵌入到您的内容中。

在 WordPress 中嵌入 Instagram 提要的详细步骤

在开始之前，请注意，您可以使用带有或不带有 WordPress 插件的 EmbedFeed 平台免费嵌入 Instagram 供稿。

它直接与 Instagram API 集成，因此您无需配置用户 ID 或更新访问令牌。 您只需要单击一个按钮并允许我们的平台在您的 WordPress 网站上同步您的帖子。

EmbedSocial 提供了两个选项：一个用于将其直接嵌入到您的 WordPress 帖子中的 JavaScript 代码，以及一个用于使用简码嵌入 Instagram 提要的插件。 您可以选择如何执行此操作。 以下是有关如何开始的两个可用选项的说明。

第 1 步：在 EmbedFeed 中创建一个帐户

首先要做的是创建一个 EmbedFeed 帐户。

登录后，您将看到一个带有说明的弹出窗口。

只需单击“让我们开始吧”，它将导航到“来源”部分以添加连接 Instagram 帐户和 Instagram 作为来源。

第 2 步：连接 Instagram 帐户

在Source type屏幕中，选择 Instagram，然后会出现一个弹出框，要求您连接到您的 Facebook 帐户，该帐户已连接到您的企业 Instagram 帐户。 如果您未登录，则需要输入您的 Instagram 凭据。 系统在列表中获取帐户后，选择您要从中生成帖子的帐户。

请注意：在源类型屏幕中，您有 3 个选项：

• Instagram 帐户– 当您想从您有权访问的帐户中获取帖子时
• Hashtag – 从指定的主题标签生成帖子
• 提及– 生成提及您也有权访问的选定帐户的帖子。

当您与 Facebook 连接时，系统能够使用 Instagram 句柄提取您拥有的所有帐户。 如果您管理多个 Instagram 帐户，系统将显示所有帐户。

选择您要从中提取帖子的 Instagram 帐户，然后单击下一步- 如下所示：

第 3 步：选择布局并自定义 Instagram 小部件

接下来，选择小部件 Feed 或 Slider 的布局，然后单击“创建小部件” 。 您将被重定向到可以查看应嵌入您网站的代码的屏幕。

在“设置”面板的小部件编辑器中，您可以选择布局，

第 4 步：审核 Instagram 提要

在“审核”选项卡的小部件编辑器中，您可以审核小部件、选择要在小部件中显示的帖子、固定帖子等。

第 4 步：将 Instagram 小部件代码粘贴到 WordPress 中

对于此步骤，您可以使用 2 个代码，一个 JavaScript 代码和一个简码。 下面我们解释如何做到这两点：

选项 1：在 WordPress 中粘贴 Javascript 小部件代码

要获取小部件的代码，只需单击设置面板左上角的复制代码。 这是您可以嵌入到任何 WordPress 页面或帖子中的 JavaScript 代码。

接下来，登录您的 WordPress 帐户以进入 WordPress 管理区域并转到帖子或页面以找到您要显示小部件的页面或帖子。 然后按照以下步骤操作：

1. 在 WordPress 编辑器中，单击 + 加号图标并选择HTML 块
2. 粘贴您从 EmbedFeed 获得的代码（参见下面的示例）
3. 在 WordPress 侧边栏的右上角，单击发布按钮。

请注意：如果您使用经典 WordPress 版本的编辑器，您只需从 Visual 切换到 HTML 编辑器，您可以在其中粘贴小部件代码。

选项 2：将简码粘贴到 WordPress 简码块中

正如我们所提到的，EmbedFeed 有一个简码，可以用作 JavaScript 代码的更简单版本。

要查找此代码，只需按照以下步骤操作：

• 在左上角代码区域单击“安装指南”链接
• 在弹出窗口中单击“WordPress 简码”
• 只需复制提供的简码（如下所示）
• 返回 WordPress 编辑器，单击 + 图标选择 Shortcode 块
• 现在只需粘贴短代码。

就是这样，提要将出现在您的帖子中。

在 WordPress 中嵌入 Instagram Hashtag 提要

如果您想嵌入 Instagram 主题标签提要，可以使用 EmbedFeed 平台来实现。 该产品再次使您可以轻松地将各种社交媒体内容嵌入您的 WordPress 页面，包括 Instagram 主题标签。

要开始使用，首先创建一个免费试用帐户并按照以下步骤操作：

1. 转到来源并选择 Instagram
2. 选择Instagram 主题标签选项并输入主题标签，然后单击下一步
3. 选择小部件布局并单击创建小部件
4. 要嵌入小部件，只需复制右上角的代码并将其粘贴到您的 WordPress 页面 HTML 块中

而已。 平台将自动拉取所有包含指定主题标签的最新帖子，并继续自动再次同步。

在 WordPress 网站中嵌入 Instagram Reels 小部件

将 Instagram Reel 添加到您的 WordPress 网站是与观众互动并向他们展示您品牌的最新 Instagram 视频的好方法。 为此，只需在 EmbedSocial 中创建一个新小部件并选择包含 Reels 的“Instagram 帐户”。

这些步骤与使用 Hashtags 创建小部件相同。 不同之处在于您需要先连接您的 Instagram 帐户。

这是带有 Instagram Reels 小部件的编辑器：

嵌入来自多个 Instagram 帐户的 Instagram 帖子

EmbedFeed 可以选择从您管理的多个 Instagram 帐户获取帖子，并与所有帖子创建一个组合的 Instagram 提要。

以下是您可能需要从多个 Instagram 帐户创建 Instagram 提要的一些用例：

• 如果您是房地产经纪人，您可以展示来自不同房地产经纪人的房源
• 如果您是人才经纪公司，您可以在您的经纪公司展示多个人才的 Instagram 活动
• 如果你是汽车经销商。 您可以展示来自不同汽车经销商的 Instagram 帖子

和类似的。 用例无穷无尽，将多个帐户的 Instagram 提要嵌入到 WordPress 与之前描述的相同。

如何让我的 Instagram 提要在我的 WordPress 网站上看起来不错？

您可以做一些事情来确保您的 Instagram 提要在您的 WordPress 网站上看起来很棒。 首先，确保为您的提要选择有吸引力的布局。 您可以在 EmbedFeed 设置中找到各种布局。

其次，在您的帖子中使用高质量的图像。 这将使您的提要看起来更加专业和优美。

最后，利用 Instagram 的内置滤镜来增强您的照片。 只需使用几个简单的过滤器，您就可以让您的 Instagram 照片流行并吸引注意力。

Instagram 是与全世界分享照片和视频的绝佳方式。 借助 EmbedSocial 插件，您可以轻松地将 Instagram 提要嵌入您的 WordPress 网站。 只需按照上述步骤，您将立即启动并运行！

网站上嵌入式 Instagram 动态、卷轴和主题标签的演示

这是嵌入在此 WordPress 帖子中的 Instagram 滑块小部件的演示。

这些只是您可以使用 EmbedSocial 在 WordPress 网站上显示 Instagram 内容的多种方式中的几个示例。

• Instagram 个人资料活动提要的演示
• Instagram 提要的演示，其中包含来自主题标签的帖子
• Instagram Reels 提要的演示

为了激发灵感，请查看更多精彩的 Instagram 动态和墙的示例。

在 WordPress 网站上拥有 Instagram 提要的好处

您可能想在 WordPress 网站上显示 Instagram 提要的原因有很多。

也许您想炫耀您令人惊叹的 Reels 创作，或者让访问者了解他们可以在您的 Instagram 个人资料上找到的内容。 不管是什么原因，以下是在您的 WordPress 网站上嵌入 Instagram 提要的一些好处：

1. 让访问者更长时间地参与您的网站

如果您有一个活跃的 Instagram 个人资料，其中包含引人入胜的内容，那么在您的 WordPress 网站上显示该内容是让访问者更长时间地参与您的网站的好方法。

他们无需离开您的网站即可浏览您的 Instagram 供稿，这意味着他们更有可能留下并进一步探索您的网站。

2. 在一个地方展示您最好的内容

如果您在 Instagram 上有很多很棒的内容，但又不想用太多的图片或视频弄乱您的网站，那么嵌入式提要是在一个整洁的包中显示帖子的好方法。

您可以将其用作投资组合，向潜在客户或雇主展示您的最佳作品。

3. 增加您网站的访问量

如果您希望人们访问您的网站，那么您需要给他们一个这样做的理由。 嵌入式 Instagram 提要是激发某人兴趣并让他们点击进入您的网站的好方法。

而且，一旦他们出现在您的网站上，您就有机会将他们转化为订阅者或客户。

4. 建立品牌知名度和认可度

如果您想为您的品牌或业务建立知名度，那么嵌入式 Instagram 提要是一种很好的方式。 每次有人在您的网站上看到您的提要时，他们都会接触到您的品牌。

而且，如果您拥有高质量的内容和强大的视觉识别，那么您将能够随着时间的推移为您的品牌建立认知度。

5. 提高社交媒体参与度

每次有人在您的网站上看到您的提要时，他们都会看到您的内容并能够与之互动。 这可以帮助您围绕您的品牌和社交媒体帐户建立一个强大的社区。

6. 让人们轻松找到您的社交媒体帐户

如果您希望人们能够通过您网站上的 Instagram 订阅源找到您的社交媒体帐户，他们可以轻松点击您的帖子并重定向到原始来源。

这样，您的网站访问者也将有机会访问您的社交媒体资料并查看更多信息以发现您的品牌。

7. 增加您的社交媒体关注度

通过将您的 Instagram 供稿嵌入您的网站，您的访问者只需单击小部件上的 Instagram 按钮，就会被重定向到您的 Instagram 个人资料。

这是增加 Instagram 关注者并吸引 Instagram 应用程序之外的网站访问者的好方法。

8. 通过附属链接赚钱

如果您的 Instagram 提要中有会员链接，那么将提要嵌入您的网站可以帮助您赚钱。

每次有人点击会员链接时，您都会获得佣金。 这可能是从您的网站赚钱的好方法。

有关 WordPress 的 Instagram 小部件的常见问题解答

关键要点

在本文中，我们详细解释了如何在 WordPress 网站上嵌入 Instagram 提要并展示您最新的 Instagram 帖子。

我们分享了一些方法：使用官方 Instagram 插件和使用 EmbedSocial 插件。

所有方法都运行良好，将帮助您在 WordPress 网站上精美地展示您的 Instagram 内容。

如果您想更好地控制您的提要，并且当您需要显示来自其他 Instagram 用户的用户生成内容时，我们建议使用 EmbedFeed 平台。 它是一个强大的工具，可让您自定义提要并仅显示您想要的内容。

我们希望本文能帮助您了解如何在您的 WordPress 网站上嵌入 Instagram 提要。 您可能还想查看我们关于将 TikTok 提要添加到您的网站的文章。

您对在 WordPress 网站上嵌入 Instagram 提要有任何疑问吗？ 让我们知道。

自动在您的网站上显示Instagram 墙！

尝试使用 EmbedFeed 并从您的网站上的提要、提及或主题标签中添加 Instagram 内容，只需单击几下。

开始 7 天免费试用

包括所有功能 | 提供实时支持

使用不同的平台，请查看以下链接：

• 在 Squarespace 网站上嵌入 Instagram 提要
• 在 Duda 网站中嵌入 Instagram 提要