# Kết nối webcake với ABOT

#### **Bước 1: Bạn thiết kế landingpage với webcake và cài đặt form.**

Trong phần thiết kế các trường bạn nên đặt id dễ nhớ để sử dụng cho bước sau.

![](https://990984757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVU2Mo5OCn6t8Tsu5cJ%2Fuploads%2FruYOQBBOLVXrOo39NhrA%2Fc%E1%BA%A5u%20h%C3%ACnh%20tr%C6%B0%E1%BB%9Dng%20trong%20form%20botcake.gif?alt=media\&token=9bf8db56-54fd-4b86-9c41-916b0de827f9)

#### **Bước 2**: Tạo một form trên abot bằng cách nhấn vào Các thành phần > form và tạo mới 1 form.

![](https://990984757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVU2Mo5OCn6t8Tsu5cJ%2Fuploads%2F5Czfatrnlvwp58aOauQE%2Fimage.png?alt=media\&token=f9decbc0-5a18-4c04-a229-069956cb4bd5)

#### **Bước 3:** Vào phần tích hợp trên webcake trong mục tài khoản liên kết và nhấn Thêm. Chọn loại tài khoản là API và đặt tên tích hợp cho dễ nhớ.

![](https://990984757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVU2Mo5OCn6t8Tsu5cJ%2Fuploads%2FRpuB96XKqQjNEvASjfjj%2FT%E1%BA%A1o%20c%E1%BA%A5u%20h%C3%ACnh%20t%C3%ADch%20h%E1%BB%A3p%20tr%C3%AAn%20webcake.gif?alt=media\&token=3ad932b4-1a81-41c6-a841-6419c11cba1d)

#### Bước 4: Bạn chuyển sang phần cấu hình form và cài đặt cấu hình như bên dưới.

Phần API URL bạn chọn POST URL bạn điền domain/abot/submit trong đó domain là đường dẫn abot của bạn.

Trong phần trường tùy chỉnh ở phía bên trái. Bạn điền id của các trường thông tin bạn đã đặt ở bước 1. Cột bên phải bạn điền tên dòng HTML trong abot.

![](https://990984757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVU2Mo5OCn6t8Tsu5cJ%2Fuploads%2FziNE5nPD2cMsBAINpMYY%2FScreenshot_9.png?alt=media\&token=d4de61ef-06eb-4408-adeb-67457b7630d3)

![](https://990984757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVU2Mo5OCn6t8Tsu5cJ%2Fuploads%2FdJKLwsC8HdjcOrfB6MPZ%2Fc%E1%BA%A5u%20h%C3%ACnh%20api%20form%20abot.gif?alt=media\&token=41f94a5b-b194-4d31-93cf-b540eb2c78e9)

#### Bước 5: Bạn chuyển đến phần landing page bạn muốn kết nối. Chuyển sang phần kết nối. Thêm vào mục lưu dữ dữ liệu cấu hình form bạn vừa tạo.

![](https://990984757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVU2Mo5OCn6t8Tsu5cJ%2Fuploads%2FuaCgDDo6aZnql1r7y8or%2FC%E1%BA%A5u%20h%C3%ACnh%20form%20v%C3%A0o%20landing%20page.gif?alt=media\&token=290c7070-4724-415c-9186-243701e4b786)

Vậy là bạn đã kết nối xong data từ webcake sang abot.