Skip to main content

Revup SDK Overview

Here you will find a quick overview of the Revup SDK. You can find more detailed integration instructions in the SDK integration reference.

Integration Modes​

Revup provides two integration modes for the front end:

Revup Form​

Revup Form embeds a complete checkout form in your site inside an iframe. This form has several styling options to override some look and feel attributes. In addition, you can take control of submitting or changing events using callback functions.

Revup Frames​

Revup Frames, on the other hand, embeds every field in another frame. The fields have no container styles like borders, shadows, and more. So you can style your containers as you need. We handle inner behavior to validate and secure data, and you can interact with fields by subscribing to some browser events. Check the SDK event reference for additional information.

Both modes require you to load the SDK first by placing a script element tag inside the payment page DOM, ideally inside the head element:

<script
   type="text/javascript"
   charSet="utf-8"
   src="<Macropay public sdk url>" />

This script tag will load the transpiled/minified code into the merchant document page. It will be available for the merchant at the global or window object as two JavaScript classes under: "Macropay" and "MacropayFrames". Check the SDK integration reference to get more information about SDK URLs.