如何将 Elfsight 小部件添加到 Shopify 网站

要将 Elfsight 小部件添加到 Shopify 网站,需要安装代码。从哪里获得 Elfsight 小部件安装代码

如果使用 Shopify app 市场中的 Elfsight app,请按照本文说明获取安装代码。

将小部件添加到特定页面

打开 Shopify 商店的可视化编辑器

登录 Shopify 网站后台,转到 Online Store 并选择 Customize

将 Customize Content 部分添加到目标页面

进入可视化编辑器时,默认情况下会打开主页,但也可以从页面顶部的下拉菜单中选择页面。


选择页面后点击 Add Section 以调用 Custom Content 部分:

粘贴安装代码

删除 Custom Content 的额外部分, 然后单击 Add content 以调用 Custom HTML 字段: 

将小部件的代码粘贴到 Custom HTML 字段,删除标题和不需要的其余元素,设置将容器宽度设置为 100% 并保存更改:

综上所述,已成功将 Elfsight 小部件添加到 Shopify 网站的特定页面。

将小部件添加到所有页面

转到 Shopify 管理面板

登录 Shopify 网站,转到 Online Store 并选择 Actions,然后 Edit Code 选项:

打开主题模板

接下来, 在 Layout 部分打开 theme.liquid 文件 

粘贴安装代码

靠近 </ body> 标签之前,粘贴小部件安装代码并保存更改。

综上所述,已成功将 Elfsight 小部件添加到 Shopify 网站的所有页面。

将小部件添加到所有产品页面

转到 Shopify 管理面板

登录到 Shopify 网站的后端,转到 Online Store 并选择 ActionsEdit Code 选项。

打开主题模板

接下来, 在 Sections 选项 中打开 product-template.liquid 文件 :

粘贴安装代码

到要显示小部件的位置,将小部件安装代码粘贴到那里,然后保存更改:

如果需要将小部件安装到特定产品页面,可以联系 elfsight团队取得帮助。

Leave a Comment