Skip to main content

How do I apply a theme to a payment form?

For accounts on the new MoonClerk dashboard design.

Written by Amitabh Tewari

Out of the box, a payment form uses MoonClerk's own styling. Themes let you build a look once — colors, fonts, palettes, and custom CSS — and apply it to as many forms as you like. You create and manage them on the Themes page (click Themes in your account's main navigation), where the All, In use, and Unused filters show which themes are attached to forms. See how to design themes to build one.

Video walkthrough

Applying a theme from Add-ons, editing it beside the preview, and why a theme is shared across forms.


How to apply a theme to a form

1) Open the form in the builder (click the vertical ellipsis ⋮ next to it and choose Edit).

2) Scroll down to the Add-ons section, click its row to expand it, and then click Theme.

3) Choose a theme from the drop down and click Apply. The theme applies as soon as you choose it — there's no separate save step — and the checkout preview updates right away.

Click Edit theme to adjust the theme right beside the preview: start from a palette, then fine-tune individual colors and fonts. Keep in mind that a theme is shared — change it here and every form using that theme changes too. For custom CSS and the finer details, the full theme editor on the Themes page is one link away.

Did this answer your question?