> For the complete documentation index, see [llms.txt](https://help.nobi.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.nobi.pro/extend-1/connect-ladipage.md).

# Connect Ladipage

This is a feature that helps users to connect Nobi Pro to Ladi Page. After successful connection, customer information data that is collected by Ladi Page form will be synchronized in Nobi Pro.

First, you need to create 1 Registration web form

* See instructions for creating Registration web form : [**Click here**](https://help.nobi.pro/nobi-marketing/registration-web-form/customize-the-form)

After creating registration web form successfully, you need to follow these steps to connect to Ladi Page

Step 1: Login Ladipage website

Step 2: Create a Ladingpage

Step 3: Link registration web form to Ladingpage

In step 1, step 2, please access Ladipage Website and set up a lading page suite for you. Let follow the steps below to connect register web form to Ladipage. Step 1: At the interface created on Ladipage, click "Save Data"

<figure><img src="https://2334931292-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MizURmXnwlpLX8GtVo_%2Fuploads%2F1HwPns5IZDQNc1eOZI0y%2Fimg_v3_027e_ae7ea1b9-e7d2-4b4b-9c5e-0e035fc72bhu.jpg?alt=media&amp;token=56ac2102-723f-452a-8a1f-e3a58f06eccd" alt=""><figcaption></figcaption></figure>

Step 2: Configure display form -> Click "Add New"

<figure><img src="https://2334931292-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MizURmXnwlpLX8GtVo_%2Fuploads%2Fo0JDIf1oaCJJJgLZ1vPu%2Fimage.png?alt=media&amp;token=e81666ca-5afd-42a1-9254-7a583ed8436d" alt=""><figcaption></figcaption></figure>

Step 3: To manage display configuration, Select "Default Account" : API

<figure><img src="https://2334931292-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MizURmXnwlpLX8GtVo_%2Fuploads%2FdSNGGmhx5J5xhPFmZnDq%2Fimg_v3_027e_fb3ecc94-d88c-4cf2-bdd3-2dfced61ffhu.jpg?alt=media&amp;token=9dac2c4a-e366-460e-a076-b9040b0fa18c" alt=""><figcaption></figcaption></figure>

Step 4: Configure connection account -> Input following information:

(4.1) Input datasaving name at field "Account name"

(4.2) Input API URL (At created register web form, click "Get URL", and paste to this field)

(4.3) Select API content type: Application/json

(4.4) Select checkbox "Send API by Ladipage"

(4.5) Copy text of field on left side and paste at field "Enter API field name". After that, click "Save"

<figure><img src="https://2334931292-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MizURmXnwlpLX8GtVo_%2Fuploads%2F32OZq26Pa0KS6my5keXk%2Fimg_v3_027e_d87760c8-3adf-471a-b48a-27c96768d4hu.jpg?alt=media&amp;token=a2ad0f01-403d-4d02-a05c-f9c919912f9c" alt=""><figcaption></figcaption></figure>

Step 5: Form manage form configuration&#x20;

(1) Enter Settings name

(2) Click "Finish"

<figure><img src="https://2334931292-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MizURmXnwlpLX8GtVo_%2Fuploads%2FXu1Wzybu9E1iEI6bIPC7%2Fimg_v3_027e_6e4bdf8c-47c0-44d4-928d-26791ac45ehu.jpg?alt=media&amp;token=ac5cb58c-6dac-43dd-bd6e-a016bcf2a1aa" alt=""><figcaption></figcaption></figure>

Step 6: Back to Configure display form

(1) Click "Refresh list" to update

(2) Select configuration (The configuration you just set will be displayed at the top)

(3) Click "Update"

<figure><img src="https://2334931292-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MizURmXnwlpLX8GtVo_%2Fuploads%2FtA3SlbWXuN2u3vYpjxj3%2Fimg_v3_027e_fd337549-45b1-48ab-9436-d810e9e2fdhu.jpg?alt=media&amp;token=83c62d7b-5136-421f-8769-06dcce2d9871" alt=""><figcaption></figcaption></figure>

Step 7: Click "Publish" to public configurated landing page -> Notify cofirmation -> Click "OK"

<figure><img src="https://2334931292-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MizURmXnwlpLX8GtVo_%2Fuploads%2FdjjLYOCWHH8F8Tcr77yO%2Fimg_v3_027e_b090956f-7c2c-4852-9b13-8503dcb1e7hu.jpg?alt=media&amp;token=616262d6-3b80-44b9-b9a2-46b2d009dced" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2334931292-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MizURmXnwlpLX8GtVo_%2Fuploads%2FcC9JRwgSLXrOIfuboGX0%2Fimg_v3_027e_2e64813f-7d80-4cef-9335-fb96c61f70hu.jpg?alt=media&amp;token=de6a56a2-f4ba-4d96-b2d9-27b1ae561020" alt=""><figcaption></figcaption></figure>

Step 8: Continue click Publish ->  You can preview landingpage

<figure><img src="https://2334931292-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MizURmXnwlpLX8GtVo_%2Fuploads%2FKAES1Gk3SjZ74nudO1fM%2Fimage.png?alt=media&amp;token=2793957a-dfcd-4038-a925-106f14362887" alt=""><figcaption></figcaption></figure>

Follow the steps above and you have successfully connected the registration form to ladipage. Thank you for your patient.