粘贴嵌入代码

嵌入代码是一行 HTML，粘贴在哪里，表单就显示在哪里。当模板编辑器区块不适用时，可以使用它：放在 Custom Liquid 区块中、页面自身内容里您的文字旁边，或页面构建器应用中。

注意

开始之前：应用嵌入必须处于开启状态。代码只是标记位置，由应用嵌入将表单加载到该位置。请参阅开启应用嵌入。表单还必须已发布（在 Forms 中为 Active）。

复制嵌入代码

1. 打开表单的菜单

   在 Sami B2B Onboarding 中，前往 Forms。点击该表单所在行的 …（More actions）。

2. 复制代码

   选择 Copy embed code。随后会出现 Code copied 消息。

   代码如下所示，最后一对引号中是您表单的 slug：

   <div class="samitaB2BOD-app" data-samita-b2bod-form="wholesale-application"></div>

首次保存新表单后打开的 Your form is ready 对话框中，在 Embed code 下也有同样的代码。

如果想始终显示默认表单，请清空最后一对引号中的内容：data-samita-b2bod-form=""。

然后将其粘贴到以下三个位置之一。

粘贴到 Custom Liquid 区块

大多数模板都包含可接受此类代码的 Custom Liquid 区块。

1. 打开模板编辑器

   在 Shopify 后台中，前往 在线商店 › 模板，点击当前模板的 自定义。使用顶部的模板菜单，打开要放置表单的模板。

2. 添加 Custom Liquid 区块

   在左侧边栏的 模板 下点击 添加区块，在 搜索区块 中输入 Custom Liquid，然后选择 Custom Liquid。

3. 粘贴代码

   点击新区块，将嵌入代码粘贴到其代码框中。预览中会显示您的表单。

   

   将嵌入代码粘贴到 Custom Liquid 区块中，表单就会显示在该位置。

4. 保存

   点击模板编辑器右上角的 保存。

粘贴到页面内容中

如果想把表单放在页面内，并在其上方或下方添加您自己的文字，请使用此方式。

1. 打开页面

   在 Shopify 后台中，前往 在线商店 › 页面。打开该页面，或点击 添加页面 创建一个并填写标题。

2. 切换到 HTML

   在内容编辑器的工具栏中，点击 显示 HTML（<> 按钮）。

3. 粘贴代码

   将嵌入代码粘贴到希望表单出现的位置。您自己的文字可以保留在代码之前或之后。

   

   在页面的 HTML 中，将嵌入代码放在您希望表单显示的位置。

4. 保存

   点击 保存。请确保页面可见，以便买家能够打开。

粘贴到页面构建器中

页面构建器应用通常带有用于 HTML 或自定义代码的元素。

1. 添加 HTML 元素

   在页面构建器中，在要放置表单的位置添加其 HTML 或自定义代码元素。

2. 粘贴并发布

   将嵌入代码粘贴到该元素中，然后保存并发布页面。该页面必须属于您的在线商店，应用嵌入才会在其中运行。

在您的商店中检查

1. 以访客身份打开页面

   在无痕浏览器窗口中打开该页面，这样您看到的就是未登录买家看到的内容。片刻之后，表单会出现在您粘贴代码的位置。

2. 如有问题，请进行修复

   • 粘贴代码的位置没有任何显示。 请检查应用嵌入是否已开启，以及代码是否按复制时的原样粘贴。
   • This form is not available right now. 代码中的 slug 与任何已发布的表单都不匹配。请重新复制代码，或在 Forms 中发布该表单。

须知

• 您可以将代码粘贴到任意多个位置，并在不同页面使用不同的表单。
• 如果您锁定了商店，在线商店 › 页面 中包含该表单的页面仍对访客开放。粘贴在其他类型页面（例如首页）上的表单不会使该页面开放。请参阅锁定商店。
• 已登录且已提交过申请的客户，看到的是关于其申请的消息，而不是表单。请参阅买家提交之后。

后续步骤

• 在模板编辑器中添加表单区块：无需任何代码，即可将表单作为区块放置。
• 设计表单：让表单外观与您粘贴的页面相匹配。
• 锁定商店：在表单保持开放的同时，让商店的其余部分保持私密。