Skip to main content

Revup Form

After loading the SDK on your site, you can access the global MacroPay class. Create your configuration object and a new instance, and you will get access to Revup methods. Now, you can use the init() method to render the form:

const config = {
   orderId: 'e99b5ce0-6495-4cf3-b1f9-31cbabad72f9',
   apiKey:'aLxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
   env: 'live'
};

const macropay = new Macropay(config);
macropay.initForm({
   containerId: '<Your html container element id>',
   onSubmit: <A callback function>,
   formOptions: { … }
});


Form Options Overview​

The formOptions object contains your custom UX/UI configuration. You can set options such as:

  • Language
  • Theming
  • Layout
  • Tooltips
  • Styles overriding

👉 Check the Revup Form documentation to learn more about available methods and configuration settings.

Customization Capabilities​

The Revup form allows you to fully customize the look and feel of the checkout form. Using a configuration object sent to the SDK within the init() method, you can adjust:

  • Color, size, and spacing
  • CSS input attributes (focused, hovered, or validated states)
  • Label and tooltip attributes

We provide some themes to override them totally or partially

📘 Want more styling details? Check out the Styling Documentation to learn more about customizing and styling the checkout form.