集成第三方应用程序

使用 GemPages 实现第三方应用程序可以通过多种不同的场景来完成：

方法一：通过App元素集成

GemPages 中的预建元素是预先设计好的组件，让您可以轻松将它们添加到您的网站，而无需从头开始创建。您只需将它们拖放到所需的位置，并根据需要自定义内容即可。

第四步：去吧 GemPages 仪表板 并选择您喜欢的页面进入 编者. 

第四步：导航至左侧边栏 > Shopify应用程序 部分。在这里，您可以发现所有配备应用元素的应用。 

您可以使用搜索栏快速找到您喜欢的应用程序。

第四步：将元素拖放到您喜欢的位置。 

第三步： 点击应用程序元素打开 个人设置 标签。

举个例子中，Loox元素设置包括：

• 选择版本： 您可以使用 Loox 应用程序版本 1 或版本 2。
• 选择小部件： 评论小部件、评级小部件和轮播小部件。
• 显示全部评论: 选择“是/否”以显示所有评论或仅显示几条评论。
• 对齐： 在页面的左侧、中间或右侧显示元素。 

如需进一步配置，请选择 开启应用程式.

第四步：点击 “保存” 金益辉 “发布” 使更改生效。

确保您通过 Shopify 管理员安装该应用程序，并记住您在 GemPages 中拖放的内容仅仅是来自应用程序的前端小部件显示。

方法二：通过自定义代码集成

如果您在预建元素列表中找不到您的应用，只需按照以下步骤将其与自定义代码集成。

第三步： 获得应用程序代码的访问权限。 

您可以在多个位置找到代码。有些应用会直接在应用界面中提供其代码。 

在其他情况下，您可能需要查看他们的帮助文档或联系他们的代码支持。 

一旦您有了应用程序的代码，就可以将其放入自定义代码元素中。

在本指南中，GemPages 使用 Loox Reviews Shopify 应用程序进行练习。

第三步： 前往 GemPages 仪表板并选择您喜欢的页面进入编辑器。

第三步： 从左侧边栏拖放 自定义代码 将元素拖放到页面上您喜欢的位置。

第四步：找到要打开的元素 个人设置 Tab > 点击  编辑代码 部分并将应用程序代码粘贴到框中。

第三步： 点击 “保存” 金益辉 “预习” 检查代码是否在您的页面上正常运行。

方法 3：使用 Shopify App 元素

如果你在预建选项中找不到该应用，并且你不擅长编码，我们建议使用 Shopify 应用程序元素。此元素可以帮助您集成与您的主题兼容的 Shopify 应用程序。

有关更多详细信息，请查看 本文.

常见问题

1. 我可以将任何 Shopify 应用程序与 GemPages 集成吗？

大多数应用都兼容。如果没有直接集成，您仍然可以使用 自定义代码 或 Shopify 应用程序元素 以视觉方式嵌入它。

2. 为什么我的应用没有显示在实时页面上？

检查这些：

• 应用程序是否已正确安装和配置 Shopify 管理员?
• 你是否 发布 嵌入应用程序后的 GemPages 布局？
• 如果使用自定义代码，请确保其完整且支持脚本标签

3. 我可以在同一个 GemPages 页面上使用多个应用程序吗？

是的。您可以嵌入多个第三方应用，但请确保：

• 它们彼此的 JavaScript 不冲突
• 在发布之前彻底测试所有小部件