Roqqett button pack

Button pack

Click the button below to go to our Github where you can download the button pack. Use the buttons when adding Roqqett Pay and/or Roqqett Checkout to your site.

The guidelines on this page outline in more detail how the buttons should be added to your site.

Download button pack

Button guidelines

Adding the Roqqett payment button to your site

Please ensure you match any existing styling you have already. The width, height, and corner radius of the Roqqett button should match up with the other buttons you have. If the width of your buttons falls between two Roqqett button sizes, choose the smaller one.

Example

Creating the Roqqett button

We will provide you with this inside content for the button, you must create the button container with background #0C4EF5, then add in the Roqqett button contents.

Example

Choosing the right button content

Depending on the width of your button, different content should be included. Please refer to the images below to ensure you are using the correct button content for your purposes.

info

You may need to download multiple button packs for the various breakpoints you may have.

Smallest

Small

Medium

Large

Largest