# 把表单嵌入你的网站

> 复制表单的嵌入代码，粘贴到你自己的网站，让顾客不用离开你的网页就能购买、预约或报名。affiliate也可以。
>
> Source: https://docs.bcl.my/zh/embed-form/

每个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**。

   *(Screenshot: 付款表单的Embed Code部分，Copy按钮已标示)*

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

```html
<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>
```

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

*(Screenshot: 预约表单的Embed Code标签页已标示，里面有代码和Copy按钮)*

## 粘贴到你的网站

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

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

*(Screenshot: Kopi Kampung网页，Gift Box付款表单嵌入在页面标题下方)*

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

## 以affiliate身份嵌入表单

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

1. 在affiliate账号，前往**Promotion Links**，找到表单的卡片。
2. 点击**Embed code**，然后点击代码右边的复制按钮。

   *(Screenshot: 在Promotion Links的表单卡片上打开的嵌入代码，复制按钮已标示)*

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

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

如果你想在网站上显示预约日历而不是表单，请看[把日历嵌入你的网站](/zh/booking-calendar/#把日历嵌入你的网站)。

## 小贴士

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

## 常见问题

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

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

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

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

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

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