# How to Customize Form Design Settings in WordPress with Paymattic?

> Form Design Settings feature allows you to style your payment form as you want. Let

- URL: https://paymattic.com/docs/how-to-customize-form-design-settings-in-wordpress-with-paymattic/
- Markdown: https://paymattic.com/docs/how-to-customize-form-design-settings-in-wordpress-with-paymattic/index.md
- Modified: 2024-11-18

---

# How can we help you?

Popular Search subscriptionstriperecurringtheuser

View Categories

[Paymattic](/) offers the **Design**settings option which allows you to style your form’s design as you want. This article will guide you through the process of Designing Forms according to your own preferences in Paymattic.

## Customizing Form Design #

To learn how to Customizing the Design of a specific form, follow the steps with the screenshots below –

First, go to the **All Forms**section from the **Pymattic Navbar,**choosea**Form,**and click the **Pencil/Edit** icon to open the **Editor** page of that form.

If you do not have any existing forms, read this [Create a Form from Scratch](/docs/how-to-create-a-form-from-scratch-with-paymattic/) or [Create a Form using Templates](/docs/simple-form-templates/) documentation to create one.

For example, I choose an existing form to show the whole process.

![](https://paymattic.com/wp-content/uploads/2022/06/1.-Open-desired-form-8-scaled.webp)

Once you open the **Editor** page, go to the **Settings** tab from the left sidebar, and you will get the **Design**settingsoption to customize your form’s design.

Here, you will get two different sections for customizing the design. These are:

- Form Layout
- Form Element Styling.

After completing the setup, click the **Save Design Settings**button to save all your changes.

![](https://paymattic.com/wp-content/uploads/2022/06/2.-Design-option-under-Form-Settings-option-scaled.webp)

**The two sections mentioned above are explained below –**

### Form Layout #

There are three configuration options available in the Form Layout section.

- **Label Alignment**: This option lets you select the default label placement. Labels can be placed on top of a field, to the left of a field, or to the right of a field.

- **Asterisk Position**: This option lets you select the asterisk marker position for the required element. You can set the asterisk position to None, Left to Label, and Right to Label.

- **Submit Button Position**: This option allows you to choose where you want to show your submit button. You can place the submit button on the form’s left, center, or right side.

![](https://paymattic.com/wp-content/uploads/2022/06/3.-Form-Layout.webp)

### Form Element Styling #

This section helps you to design the form label and the input items. You can enable the default form styles in this part.

- **Form Labels Font Weight**: Here, you can select how you want to show the form labels. To make the form labels bold check the option Make Labels as bold.

- **Input Item Styles**: Check this if you want default input stylings offered by Paymattic.

![](https://paymattic.com/wp-content/uploads/2022/06/4.-Form-Element-Stylings.webp)

These are all the customization options available currently with the Design feature!  
If you have any further questions, concerns, or suggestions, please do not hesitate to contact our [@support team](https://wpmanageninja.com/support-tickets/?utm_source=wpmn&utm_medium=home&utm_campaign=site#/). Thank you.

##### What are your Feelings

#### Share This Article :

- [![Facebook](https://paymattic.com/wp-content/plugins/betterdocs/assets/static/images/social/facebook.svg?v=4.8.1)](https://www.facebook.com/sharer/sharer.php?u=https://paymattic.com/docs/how-to-customize-form-design-settings-in-wordpress-with-paymattic/)
- [![X](https://paymattic.com/wp-content/plugins/betterdocs/assets/static/images/social/twitter.svg?v=4.8.1)](https://twitter.com/intent/tweet?url=https://paymattic.com/docs/how-to-customize-form-design-settings-in-wordpress-with-paymattic/)
- [![LinkedIn](https://paymattic.com/wp-content/plugins/betterdocs/assets/static/images/social/linkedin.svg?v=4.8.1)](https://www.linkedin.com/shareArticle?mini=true&url=https://paymattic.com/docs/how-to-customize-form-design-settings-in-wordpress-with-paymattic/)
- [![Pinterest](https://paymattic.com/wp-content/plugins/betterdocs/assets/static/images/social/pinterest.svg?v=4.8.1)](https://pinterest.com/pin/create/button/?url=https://paymattic.com/docs/how-to-customize-form-design-settings-in-wordpress-with-paymattic/)

Still stuck? How can we help? 

## How can we help?

Updated on November 18, 2024

[How to Set Form Scheduling and Restriction Settings in WordPress?](/docs/how-to-set-form-scheduling-and-restriction-settings-in-wordpress-with-paymattic/)[How to Configure Confirmation Settings in WordPress?](/docs/how-to-configure-confirmation-settings-in-wordpress-with-paymattic/)

Powered by [BetterDocs](https://betterdocs.co)