# Connect Ladipage

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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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&#x26;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.