如何将 HTML 文件上传到 Shopify 商店的根目录

已发表: 2022-06-27

通常,您可能会看到一些第三方网站要求将 HTML 文件上传到 Shopify 商店的根目录。 这主要用于验证目的。

如果您想知道如何将 HTML 文件上传到 Shopify 商店的根目录,我们将为您提供帮助。 以下是您将从本文中学到的内容:

如何在 Shopify 中访问/编辑 HTML 文件?

how-to-upload-html-file-to-shopify 就 Shopify 商店而言,您的 HTML 文件实际上是流动文件。 因为它是 Shopify 主题,所以没有实际的 HTML 文件。

根据您的 Shopify 模版,您可以从以下位置访问或编辑您的 HTML 文件:

  • theme.liquid :您可以在此处编辑页眉和页脚。
  • templates/*.liquid :位于此处的所有液体文件都是不同页面的主要模板。
  • snippets/*.liquid :这里是可重用的代码片段。
  • section/*.liquid :这里的文件通常是在主页或其他页面上使用的文件。

您可以通过这些文件进行更改,具体取决于您要进行的具体更改。

请注意,这些文件可用于多页。 如果您对其中一个页面进行更改,则可能会影响其他页面。

如何将 HTML 文件上传到 Shopify 商店的根目录

正如我们前面提到的,您需要将 HTML 文件放到根目录,以供 Facebook、Google Analytics、Google 网站管理员和 Pinterest 等第三方网站进行验证。 这些第三方服务要求您验证您的域,以确保您是 Shopify 商店的正确所有者。

您需要禁用商店的密码保护来验证您的域。 如果您尚未启动商店,请禁用密码保护并在验证您的域后重新启用它。

要在 Shopify 中禁用密码保护,请执行以下步骤:

  • 前往您的 Shopify 管理面板,转到在线商店>首选项
  • 查找密码页面部分,取消选中启用密码页面选项。
  • 点击保存。

要将 HTML 文件上传到 Shopify 商店并验证您的域:

1 . 转到第三方并选择使用元标记验证方法进行验证的选项。 例如,在 Google 网站管理员中,您需要选择替代方法选项卡上的 HTML 标记选项按钮。

2.将完整的元标记复制到剪贴板。 确保全选,包括 < 和 >。

3 . 转到 Shopify 应用并点击商店

4.查看销售渠道部分,然后单击在线商店>管理主题

5.找到您要编辑的主题。 单击操作>编辑代码

6.在布局搜索框中输入theme.liquid以在在线代码编辑器中打开文件。

7.将您从第三方服务复制的元标记直接粘贴到开头下方标签:

粘贴第三方验证标签

8.单击保存按钮。

9.在第三方网站上完成剩余的验证步骤。

如何将 HTML 验证上传到 Facebook Shopify?

Step 1.选择使用元标签验证方式。

转到 Facebook 业务管理器,然后转到业务设置 > 品牌安全 > 域并添加您要验证的 URL。

步骤 2.将完整的元标记复制到剪贴板,包括 < 和 >,在 Mac 上使用 cmd + c 或在 PC 上使用 ctrl + c。 例如:

第 3 步。打开您的 Shopify 管理面板,然后转到在线商店部分 >主题

步骤 4.选择您要调整的主题,然后点击操作>编辑代码

步骤 5.Layout部分,单击 theme.liquid 以在在线代码编辑器中打开文件。 这是您的 <header> 所在的位置。

步骤 6.将您复制的元标记粘贴到开头下方的空白行中标签或就在第一个之前标签。

步骤 7.点击保存

这样,您可以将 HTML 文件上传到 Shopify 以向 Facebook 验证您的域。

如何将 HTML 文件上传到 Shopify 以进行 Google Search Console 验证

1.登录您的 Google Search Console 帐户。

2.选择通过元标记或 HTML 文件选项进行验证。 您可以在替代方法部分下找到此选项。

3.将完整的 HTML 标签复制到剪贴板,其中包含标签。

4.前往您的 Shopify 管理面板。 转到在线商店>主题并选择您当前使用的主题。

5.单击操作>编辑代码

6.找到Layout部分并在其下选择theme.liquid文件以打开代码编辑器。 您可以在搜索框中输入 theme.liquid 来找到它。

7.将复制的元标记粘贴到标签。 (您需要确保复制和粘贴整个 HTML 标记,就像在 Google Search Console 上一样。)

8.点击保存

9.返回谷歌搜索控制台。 单击验证以验证验证过程。 完成后,您可以在 Google Search Console 上查看收集到的有关您的域的数据。

Shopify 店主的推荐文章:

  • Shopify 的 10 个最佳追加销售应用程序比较
  • Shopify SEO 清单:如何对您的商店进行排名 #1
  • 免费 Shopify 弹出窗口生成器工具
显示评论