mageplaza/module-instagram-feed

此包已被弃用,不再维护。未建议替代包。

Magento 2 Instagram Feed 扩展

安装次数: 203,155

依赖项: 1

建议者: 0

安全: 0

星标: 13

关注者: 10

分支: 9

开放问题: 2

语言:JavaScript

类型:magento2-module

4.1.1 2022-11-08 01:54 UTC

This package is auto-updated.

Last update: 2023-03-20 10:19:35 UTC


README

(更新) 2023-02-20:此项目将被标记为付费项目,不再免费维护。有关更多信息和技术支持,请访问 Magento 2 Instagram Feed。我们理解这一变化可能给用户带来不便,但这是为了确保模块能够更新并添加更多有用的功能,以更好地支持 Magento 2 商店。如果您有任何疑问或想法,欢迎联系我们并留下您的请求。

Magento 2 Instagram Feed 是一个支持模块,它允许将 Instagram 图片集成到 Magento 2 网站中。这个流行的扩展允许您将引人注目的 Instagram 图片块放置在网站的任何页面,这可以有效地吸引客户的注意,并为在线商店带来现代和更新过的外观。

1. Instagram Feed Widget 文档

2. 常见问题解答

问题:我得到了错误:Mageplaza_Core 已经被定义

答案:请在此处阅读解决方案 here

问题:Instagram Feed 可以在网站哪个页面显示?

答案:在您想要的任何位置。基本上,没有限制 Instagram Feed 的显示位置。管理员可以根据特定目的选择任何特定页面,如主页、产品列表页面、产品页面或任何 CMS 页面。

问题:在商店前端可以看到多少个 Instagram Feed 图片?

答案:您可以在后端轻松设置要显示的图片数量。最大数量为 20 张图片。

问题:Instagram Feed 将按什么顺序显示?

答案:商店所有者可以快速根据特定的标准对 Instagram 图片库中的照片进行排序,例如最新、最受欢迎、评论最多或随机。

问题:除了图片,Instagram Feed 上是否可以显示图片信息?

答案:使用 Instagram Feed,可以设置显示点赞和评论的数量。客户可以轻松看到图片的可见性和流行度。

问题:如果访客对 Instagram Feed 上显示的单张图片感兴趣怎么办?

答案:如果客户对图片感兴趣,他们可以简单地点击 Instagram 块中的该图片。将自动弹出一个弹出窗口,显示所选图片的大尺寸版本。

问题:Instagram Feed 是否对移动设备响应?

答案:此块可以与移动设备、平板电脑和 PC 设备正常工作。

3. 如何为 Magento 2 安装 Instagram Feed 扩展

通过Composer安装(推荐):在Magento 2根目录下运行以下命令

带有营销自动化(推荐)

composer require mageplaza/module-instagram-feed mageplaza/module-smtp
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy

无营销自动化

composer require mageplaza/module-instagram-feed
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy

4. 突出显示Magento 2 Instagram Feed的特点

在任何位置显示Instagram图片

Mageplaza的Magento 2 Instagram Feed小部件 支持商店管理员在其商店网站上任何特定的页面上更新流行的吸睛Instagram图片。

管理员可以轻松创建Instagram小部件,然后在主页、产品列表页面产品页面或任何 CMS页面上嵌入Instagram块,根据其特定目的。

这种灵活性允许店主轻松地将高质量的Instagram图片放置在其喜爱的商店网站上。在适当的位置出现的吸引人的图片可能会吸引客户,从而相应地提高您的转化率。

Magento 2 Instagram Feed Widget

排序图片功能

Magento 2 Instagram Feed最显著的特性之一是店主可以快速根据特定标准对Instagram图片库中的照片进行排序,这些标准包括:

  • 最新图片
  • 点赞最多的图片
  • 评论最多的图片
  • 随机显示的图片

因此,适当的图片可以轻松排序,并快速在商店网站上显示。

Sorting Instagram image function

可用的各种图片布局

由于布局选项的多样性,Instagram图片可以灵活地展示。这可以帮助商店管理员设计Instagram块,使其适合其他块、页面尺寸和内容显示。以下三个主要选项可以设置为:

  • 单行:图片排列只显示为一行。此选项适用于商店网站上可用的空间较小。
  • 多行:图片将显示为多行。当可用空间较宽且店主希望在其网站上留下视觉冲击时,此选择是合适的。
  • 优化图片:此布局对所有图片尺寸都具有高度的显示灵活性。其显示可能性大多数适合不同尺寸的Instagram图片。

Various available photo layouts

显示点赞和评论数

为了有效地说服客户,Magento 2 Instagram Feed允许在每个图片上显示点赞和评论数。

客户往往对能获得更多社会可见度和关注的图片更感兴趣。显示点赞和评论数是展示您Instagram照片的社会互动的好方法,使商店网站比以往任何时候都更具互动性。

Show the number of Likes and Comments

Instagram弹出窗口

通过启用 Magento 2 Instagram Feed模块,也可以启用弹出窗口,以展示商店网站的更美观的外观。只需在后台进行一键设置即可轻松快速完成。

在商店前台,客户在点击后可以更详细地查看任何Instagram图片,图片将在显示弹出窗口后变大。这使得商店看起来更专业,并且可以显著提高客户体验。

Instagram Popup

Instagram Feed的更多功能

Instagram块描述

轻松设置Instagram块的标题和描述

图片分辨率

3种查看分辨率选项:标准、低、缩略图

设置图片数量

设置显示图片数量的限制

多设备响应式

在桌面和移动设备上均具有良好的响应性。

6. 完整的Magento 2 Instagram Feed功能

针对商店管理员

常规

  • 启用/禁用扩展
  • 插入客户端ID、客户端密钥、重定向URI、授权代码

显示

  • 设置图片数量限制
  • 按不同标准排序图片
  • 可选的图片布局
  • 显示点赞和评论数
  • 当客户点击图片时显示弹出窗口

Instagram小部件

  • 能够创建Instagram小部件
  • 自定义小部件标题、描述、商店视图和小部件排序顺序
  • 可以添加布局更新以显示Instagram小部件

针对客户

  • 及时了解商店最有趣的图片
  • 轻松查看最受喜欢/评论/最近的商店图片
  • 当客户点击图片时直接链接到目标Instagram

7. Instagram Feed用户指南

管理面板,转到 商店 > 设置 > 配置 > MAGEPLAZA扩展 > Instagram Feed

Instagram Feed User guide

Instagram小部件配置

1.1 常规

Instagram Widget Configuration

  • 启用:选择 以启用Instagram Feed功能
  • 客户端ID:插入要在feed中显示图片的Instagram ID
  • 客户端密钥:插入应用的客户端密钥
  • 创建Instagram API指南:请参阅这里

1.2 显示

Instagram Widget Display Configuration

  • 图片总数

    • 插入将在feed中显示的图片数量
    • 图片数量的最大值是20
  • 排序方式

Instagram Widget Configuration

  • 排序方式 = 最新的:从最新到最旧显示
  • 排序方式 = 最受喜欢的:从最受喜欢到最少受喜欢显示
  • 排序方式 = 最受评论的:从最受评论到最少评论显示
  • 排序方式 = 随机:随机显示

注意:您的网站上显示的图片首先根据您在“照片总数”字段中的配置进行选择,然后再根据“最新”、“最受欢迎”、“最多评论”、“随机”等顺序之一进行排序。例如,如果您将“照片总数”设置为8,则首先提取8张最新图片,然后根据您的排序设置在Instagram Feed中分别显示这些8张最新图片。

  • 布局

Instagram feed Layout Configuration

  • 布局 = 单行:在一行中显示图片

  • 布局 = 多行:在多行中显示图片

    • 行数:
      • 插入要显示Instagram图片的行数
      • 如果留空,默认行数将为2
  • 布局 = 优化图像:以优化质量显示图像。

  • 图像分辨率

Instagram feed Image resolutions Configuration

  • 图像分辨率 = 标准:以标准分辨率质量显示图像

  • 图像分辨率 = 低:以有限分辨率质量显示图像

  • 图像分辨率 = 缩略图:以缩略图格式显示图像

  • 显示点赞/评论数:选择以同时显示帖子的点赞和评论数

  • 显示弹出窗口:选择在点击图片时显示弹出窗口。

2. Instagram小部件

如何在Instagram Feed中添加小部件?

  • 步骤 1:选择类型
  • 步骤 2:配置店面属性部分
  • 步骤 3:配置小部件选项以显示Instagram Feed的图像
步骤 1:选择类型
  • 面板管理员中,转到内容 > 元素 > 小部件
  • 小部件工作区的右上角,点击添加小部件按钮。
  • 设置部分
    • 类型选项选择为CMS静态块
    • 设计主题部分选择您正在使用的当前主题。
    • 点击继续按钮。

Magento 2 Instagram Widget

步骤 2:配置店面属性部分
  • 转到店面属性部分,
    • 输入小部件的标题供内部参考。
    • 通过选择在分配到店面视图字段中分配您想要应用该块的任何店面视图。
    • 排序顺序选项设置一个值,如果有多个块放置在同一个容器中。较低的排序顺序值,则在Instagram块中的位置更高。例如,如果提供的值是零,则块将在顶部。

Instagram Widget Configure the Storefront Properties section

  • 布局更新部分,您可以点击添加布局更新来设置布局。
    • 显示在字段中,选择块将显示的分类产品页面
    • 如果您想将块设置到特定页面,您需要选择要显示的页面,并将容器设置为块出现在页面上的特定位置。

Instagram Widget Configure

步骤 3:配置小部件选项以显示Instagram Feed的图像
  • 标题:插入Instagram图片的标题,可以在前端界面看到
  • 描述:插入要在前端显示的图片描述
  • 设计

Configure Widget Options to display images of the Instagram Feed

  • 设计 = 使用配置:在Instagram流配置部分使用设计
  • 设计 = 自定义:管理员配置直接在前端显示的图片显示
  • 图片总数
    • 插入要在Instagram流中显示的图片数量
    • 图片的最大数量是20
  • 排序方式

Configure Widget Options to display images of the Instagram Feed

  • 排序方式 = 最新的:从最新到最旧显示

  • 排序方式 = 最受喜欢的:从最受喜欢到最少受喜欢显示

  • 排序方式 = 最受评论的:从最受评论到最少评论显示

  • 排序方式 = 随机:随机显示

  • 注意:显示在您网站上的图片首先根据您在照片总数字段中的配置进行选择,然后再根据如最新、最受欢迎、最多评论、随机等排序方式之一进行排序。例如,如果您将总数设置为8,则首先取出8张最新的图片,然后根据您的排序设置分别显示在Instagram流中。

  • 布局

![Magento 2 Instagram配置布局图)

  • 布局 = 单行:在一行中显示图片

  • 布局 = 多行:在多行中显示图片

    • 行数
      • 插入要显示Instagram图片的行数
      • 如果留空,默认行数将为2
  • 布局 = 优化图像:以优化质量显示图像。

  • 图像分辨率

Magento 2 Instagram Image resolutions

  • 图像分辨率 = 标准:以标准分辨率质量显示图像

  • 图像分辨率 = 低:以有限分辨率质量显示图像

  • 图像分辨率 = 缩略图:以缩略图格式显示图像

  • 显示点赞/评论数量:选择是以同时显示帖子的点赞和评论数量

  • 显示弹出窗口:选择是,在点击图片时显示弹出窗口。

人们还搜索

  • instagram feed magento 2
  • magento 2 instagram integration
  • instagram magento 2
  • magento 2 instagram extension
  • magento 2 instagram feed extension free
  • mageplaza instagram feed
  • magento 2 instagram widget
  • instagram magento 2 extension
  • magento 2 instagram shop

其他GitHub上的免费扩展