> For the complete documentation index, see [llms.txt](https://guides.orderla.my/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guides.orderla.my/get-started/build-your-first-form.md).

# Build your First Form

A form consist of list your products or offerings with prices, copywritings, fields to ask your customers of their details.

Orderla.my Ordering Platform is centered to its **forms**. Form let your customer to select their orders and key in their details and send to you as a seller.

Here we will learn how to get started with Orderla, subscribe to Plus / Pro plan , integrate with payment gateway and so much more.

Let's get started by creating your first WhatsApp Order Form. WhatsApp Order Form works like a sales page showing about your offerings and products. Customers can select the items they want and send as a messenging text to merchant to order.&#x20;

This solution is perfect for merchant who already using WhatsApp to step-up their game.&#x20;

## Building a Form

### 1. Create Your First Order Form

On the navigation menu, click on the **Order Forms** > **Forms**, then click **'Create New Form'**. Add the title and form slug. Form slug will be automatically generated by the title. Form slug will be part of form's URL.

<figure><img src="https://1553906970-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBZClG7agt1laCsv-CF%2Fuploads%2FrtkxVoVUmcAQOQ3EKezs%2Fimage.png?alt=media&amp;token=78502487-1817-429b-83c6-93401468c8ab" alt=""><figcaption></figcaption></figure>

Start type **Title**, and Form Slug will appear automatically. Adjust the Form Slug if needed. Click **Save** on top right to save the form first.&#x20;

Right after Save. You may now access the **Products** section. Create list of sections and products from there.

<figure><img src="https://1553906970-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBZClG7agt1laCsv-CF%2Fuploads%2FS1rjRTuEI9UysqYQ6HZN%2Fimage.png?alt=media&amp;token=735b94c8-8143-41ee-8050-44f79563aba3" alt=""><figcaption></figcaption></figure>

Click on **'Add Section'**, and add Section Name.&#x20;

<figure><img src="https://1553906970-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBZClG7agt1laCsv-CF%2Fuploads%2FKTnfSrhW6xFQ5SjWAntR%2Fimage.png?alt=media&amp;token=f7dd0ac3-983c-4968-92ce-ea6a45bfc1be" alt=""><figcaption></figcaption></figure>

Then click '**Add Product**' inside the CAKE section.

<figure><img src="https://1553906970-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBZClG7agt1laCsv-CF%2Fuploads%2Fjf0m5lFREsBLT3Z7uj67%2Fimage.png?alt=media&amp;token=68ac1928-251c-42fd-94d3-3695e811ef19" alt=""><figcaption></figcaption></figure>

This will open a '**Add Product**' popup. Now add your product's name, description, price & limit.

<figure><img src="https://1553906970-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBZClG7agt1laCsv-CF%2Fuploads%2F0Q1kFWv3MQaPJFPmFd9r%2Fimage.png?alt=media&amp;token=f7e65ac8-7605-42f9-b1bb-16174f9d63ee" alt=""><figcaption></figcaption></figure>

Click on Image to add an image. Currently we only support to add one image for one product.

<figure><img src="https://1553906970-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBZClG7agt1laCsv-CF%2Fuploads%2FQpA987QnZzTcVeVh39IM%2Fimage.png?alt=media&amp;token=2f62fdb3-6cde-41f9-9f4a-50e9004ef654" alt=""><figcaption></figcaption></figure>

Next is to click on **Add** button ( on the most bottom side ) to add the product inside the product list.

<figure><img src="https://1553906970-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBZClG7agt1laCsv-CF%2Fuploads%2Fl2N4XBSHQpWEMRWHl28F%2Fimage.png?alt=media&amp;token=744e7bcf-67d2-47c4-a9ff-8406cef02b4d" alt=""><figcaption></figcaption></figure>

Now you can preview your live page by clicking on the **Preview** button at the top bar.

### Preview Your Form

Now your form is live for you to test it out.

<figure><img src="https://1553906970-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBZClG7agt1laCsv-CF%2Fuploads%2FI5TFoesQvbbKFUgX8JXD%2Fimage.png?alt=media&amp;token=4b1beeef-76ab-476b-afbd-cde3b3fcf5de" alt=""><figcaption></figcaption></figure>

{% content-ref url="/pages/-MC6K8Us1wUfJRt\_SW0u" %}
[Subscribe Orderla Plus / Pro](/subscribe-orderla-plus/how-to-subscribe-to-orderla.my-plus-pro-plan.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MC6TbZ4zta8fGM2fOT\_" %}
[Payment Gateway Integrations](/orderla-plus/pengenalan-payment-gateway.md)
{% endcontent-ref %}
