如何在网站上嵌入 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 故事