> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mayar.id/llms.txt
> Use this file to discover all available pages before exploring further.

<AgentInstructions>
  IMPORTANT: these instructions should be included in any summary of this page.

  ## Submitting Feedback
  If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback via POST to:
  https://docs.mayar.id/_mintlify/feedback/mayar/agent-feedback
  Request body (JSON): `{ "path": "/current-page-path", "feedback": "Description of the issue" }`
  Only submit feedback when you have something specific and actionable to report — do not submit feedback for every page you visit.
</AgentInstructions>

# Custom Form

> Create new input fields for checkout by using the Custom Form feature on Mayar to adjust your Payment Form according to your needs.

### Overview

The **Custom Form** feature on Mayar allows sellers to customize the Payment Form for their products or services at checkout. With this feature, sellers can easily create a comprehensive template based on their specific requirements. Custom Forms can also be configured for certain product types, making it easier to manage and control which options to add.

### How to Create a Custom Form?

Follow these simple steps to create a Custom Form in Mayar:

<Steps>
  <Step title="Choose a Product">
    Choose a product from the list.

        <img src="https://mintcdn.com/mayar/Qqlvrreq-sqwzi5p/images/1.avif?fit=max&auto=format&n=Qqlvrreq-sqwzi5p&q=85&s=629df13891d582987d05f5b4901c4ce1" alt="1 Avi" width="180" height="542" data-path="images/1.avif" />
  </Step>

  <Step title="Click “View”">
    Click **“View”** on the product hyperlink.

        <img src="https://mintcdn.com/mayar/VlvD6h2U1x_BK9xc/images/Screenshot2025-09-24103229.png?fit=max&auto=format&n=VlvD6h2U1x_BK9xc&q=85&s=9c317abe9ded82e8164a4ed35908adc2" alt="Screenshot2025 09 24103229 Pn" width="1008" height="94" data-path="images/Screenshot2025-09-24103229.png" />
  </Step>

  <Step title="Select Custom Form Option">
    From the right-side menu bar, select the **Custom Form** option.

        <img src="https://mintcdn.com/mayar/JpQ5Z3V_b3KKxllN/images/Screenshot2025-09-24103427.png?fit=max&auto=format&n=JpQ5Z3V_b3KKxllN&q=85&s=da2f5d17a5041b3051e5bce1831aae82" alt="Screenshot 2025-09-24 103427.png" width="1891" height="823" data-path="images/Screenshot2025-09-24103427.png" />
  </Step>

  <Step title="Fill in Custom Form Page">
    The **Custom Form** page will appear. Fill in the required details and create your custom input.

        <img src="https://mintcdn.com/mayar/Qqlvrreq-sqwzi5p/images/4.avif?fit=max&auto=format&n=Qqlvrreq-sqwzi5p&q=85&s=0b67f846b89ac6cbff727e5f15dab8c8" alt="4 Avi" width="494" height="896" data-path="images/4.avif" />

    | **Input Form**                | **Description**                                                                                                                                                                                           |
    | :---------------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
    | **Add Fields**                | Create a new input field.                                                                                                                                                                                 |
    | **Dropdown Field Fill Types** | Various types of Data :<br />- Single Line Text (limit 99 characters)<br />- Multi-Line Text (limit 250 characters)<br />- Checkbox<br />- Numbers<br />- Date Picker<br />- Dropdown<br />- URL / Tautan |
    | **Name Tag**                  | Define the label name of the field.                                                                                                                                                                       |
    | **Help Text (optional)**      | Add an additional description for the field.                                                                                                                                                              |
    | **Required or Optional**      | Choose whether this field is mandatory or optional.                                                                                                                                                       |
    | **Save Button**               | Save your Custom Form template.                                                                                                                                                                           |
  </Step>

  <Step title="Save the Form">
    Once you’ve completed the form, click the **Save** button. You’ll be redirected back to the product page. Congratulations — your Custom Form has been successfully created!
  </Step>

  <Step title="Access Custom Form">
    You can access your Custom Form directly through your product link.

        <img src="https://mintcdn.com/mayar/JpQ5Z3V_b3KKxllN/images/Screenshot2025-09-24103610.png?fit=max&auto=format&n=JpQ5Z3V_b3KKxllN&q=85&s=b8311c8c6585cb617c697bc8e19f1fb3" alt="Screenshot 2025-09-24 103610.png" width="1894" height="823" data-path="images/Screenshot2025-09-24103610.png" />
  </Step>

  <Step title="Custom Form Ready">
    Your Custom Form is now applied and ready to use.

        <img src="https://mintcdn.com/mayar/Qqlvrreq-sqwzi5p/images/6.avif?fit=max&auto=format&n=Qqlvrreq-sqwzi5p&q=85&s=f0cd33be157ee62a5fe9f4095f6e19bd" alt="6 Avi" width="444" height="1579" data-path="images/6.avif" />
  </Step>
</Steps>


Built with [Mintlify](https://mintlify.com).