# Embed a form on your website

> Copy a form's embed code and paste it into your own website, so customers buy, book or register without leaving your page. Affiliates can too.
>
> Source: https://docs.bcl.my/embed-form/

Every BCL form has an embed code: two lines of HTML that show the form inside a page on your own website. Customers fill in the form and pay without leaving your site, and everything still lands in BCL as usual.

## Copy your form's embed code

You can embed payment, event, lead and booking forms. Save the form first; a new form has no embed code until it is saved.

1. Open the form's edit page:

   | Form | Where the code is |
   | --- | --- |
   | **Payment form** | **Payments** → **Forms**, click **Edit**, then scroll to **Embed Code** at the bottom. |
   | **Event form** | **Events** → **Events**, click **Edit**, then scroll to **Embed Code** at the bottom. |
   | **Lead form** | **Lead Management** → **Lead Forms**, click **Edit**, then scroll to **Embed Code** at the bottom. |
   | **Booking form** | **Bookings** → **Forms**, click **Edit**, then open the **Embed Code** tab. |

2. Click **Copy** at the top right of the code.

   *(Screenshot: The Embed Code section of a payment form with the Copy button highlighted)*

The code has a `<div>` with your form's address and a `<script>` that loads it, like this:

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

Booking forms keep the code on its own tab:

*(Screenshot: The Embed Code tab of a booking form highlighted, with its code and Copy button)*

## Paste it into your website

Paste the code where the form should appear, in an HTML block of your page. In WordPress, for example, that is a **Custom HTML** block; most website builders have a similar HTML or embed block. Then publish the page.

The form loads inside your page and grows or shrinks to fit, so there is no scroll bar of its own. When the customer pays, the whole page moves on to the payment step and then to your form's thank-you page.

*(Screenshot: A Kopi Kampung web page with the Gift Box payment form embedded under the page heading)*

Anything you change in BCL, such as prices, items or the form's closing date, shows on your website straight away. You do not need to copy the code again.

## Embed a form as an affiliate

Affiliates have their own embed code for each form they promote, with their affiliate ID built in. Sales made through it are credited to them, the same as their affiliate link.

1. In the affiliate account, go to **Promotion Links** and find the form's card.
2. Click **Embed code**, then click the copy button at the right of the code.

   *(Screenshot: The embed code opened on a form's card in Promotion Links, with its copy button highlighted)*

3. Paste it into the affiliate's own website, the same way as above.

Affiliate embed codes are available for payment, event and booking forms. For the rest of what affiliates can do on that page, see [Share your affiliate links](/affiliate-promotion-links/).

To show a calendar of your bookings on your website instead of a form, see [Embed the calendar on your website](/booking-calendar/#embed-the-calendar-on-your-website).

## Tips

- **Put one form on each page.** The embed code loads only the first form on a page, so a second code on the same page shows nothing.
- **Keep your campaign tags on the page address.** Extras such as `?utm_source=facebook` on your web page's address are passed on to the embedded form, the same as on its normal link.
- **Test the page on your phone before you share it.** Most customers open links on a phone, and some website themes add margins that squeeze the form.

## Common issues

### Should an affiliate share their affiliate link or the embed code?

The affiliate link, on WhatsApp, social media or anywhere else. The embed code is only for pasting into the affiliate's own website. Both carry the affiliate's ID, so sales from either are credited to them.

### Can I put two BCL forms on the same web page?

No. The embed code loads one form per page. Put each form on its own page, or link to the second form with its normal link.

### Does my Facebook or TikTok pixel still work when the form is embedded?

Yes. The pixels set on the form fire on your website's page too, and so do an affiliate's pixels when the affiliate's embed code is used.