把表单嵌入你的网站

每个BCL表单都有嵌入代码：两行HTML，把表单显示在你自己网站的页面里。顾客不用离开你的网站就能填写表单和付款，所有资料照样进入BCL。

复制表单的嵌入代码

付款表单、活动表单、潜在客户（lead）表单和预约表单都可以嵌入。先保存表单；新表单在保存之前没有嵌入代码。

1. 打开表单的编辑页面：

   表单	代码在哪里
   Payment form	Payments → Forms，点击Edit，然后滚动到最下面的Embed Code。
   Event form	Events → Events，点击Edit，然后滚动到最下面的Embed Code。
   Lead form	Lead Management → Lead Forms，点击Edit，然后滚动到最下面的Embed Code。
   Booking form	Bookings → Forms，点击Edit，然后打开Embed Code标签页。

2. 点击代码右上方的Copy。

   

代码包含一个带有表单地址的<div>，以及一个加载表单的<script>，像这样：

<div id="bcl-payment-form" data-url="https://<your-subdomain>.bcl.my/embed/form/<slug>"></div>
<script src="https://bcl.my/js/bc-encrypted-payment-embed.js"></script>

预约表单的代码放在它自己的标签页：

粘贴到你的网站

把代码粘贴到网页上要显示表单的地方，放在HTML区块里。例如在WordPress，就是Custom HTML区块；大多数网站建站工具都有类似的HTML或嵌入区块。然后发布页面。

表单会在你的页面里加载，并自动调整高度，所以它没有自己的滚动条。顾客付款时，整个页面会前往付款步骤，然后到你表单的感谢页面。

你在BCL做的任何更改，例如价格、产品或表单的截止日期，都会马上显示在你的网站上。你不需要再复制一次代码。

以affiliate身份嵌入表单

affiliate（推广伙伴）推广的每个表单都有自己的嵌入代码，已内置他们的affiliate ID。通过它成交的销售会算在他们名下，和他们的affiliate链接一样。

1. 在affiliate账号，前往Promotion Links，找到表单的卡片。

2. 点击Embed code，然后点击代码右边的复制按钮。

   

3. 用上面同样的方法，把代码粘贴到affiliate自己的网站。

affiliate嵌入代码适用于付款表单、活动表单和预约表单。affiliate在那个页面还能做什么，请看分享你的affiliate链接。

如果你想在网站上显示预约日历而不是表单，请看把日历嵌入你的网站。

小贴士

• 每个页面只放一个表单。嵌入代码只会加载页面上的第一个表单，所以同一页面的第二段代码什么都不会显示。
• 保留页面地址上的促销活动标签。你网页地址上的附加参数，例如?utm_source=facebook，会传给嵌入的表单，和它的普通链接一样。
• 分享之前先用手机测试页面。大多数顾客用手机打开链接，而有些网站主题会加上边距，把表单挤窄。

常见问题

affiliate应该分享affiliate链接还是嵌入代码？

分享affiliate链接，可以发到WhatsApp、社交媒体或任何地方。嵌入代码只用来贴到affiliate自己的网站。两者都带有affiliate的ID，所以通过任何一个成交的销售都会算在他们名下。

在步骤中查看

我可以在同一个网页放两个BCL表单吗？

不可以。嵌入代码每个页面只会加载一个表单。把每个表单放在各自的页面，或用第二个表单的普通链接链接过去。

表单嵌入后，我的Facebook或TikTok Pixel还有效吗？

有效。表单上设置的Pixel在你网站的页面上也会触发；使用affiliate的嵌入代码时，affiliate的Pixel也一样会触发。

相关文章

• 创建你的第一个付款表单
• 分享你的affiliate链接
• 在日历上查看预约
• HTML表单shortcode