In this guide, you'll learn how to create and configure a brand style in Plug&Pay. Your brand style determines the colours, fonts, and button design used on your checkouts and landing pages, keeping everything consistent with your brand.

To create or edit a brand style, go to Settings > Branding.

Here you can edit the default brand style by clicking the pencil icon, or create a new one by clicking New branding.

You can customise your brand style in several ways. Below is an overview of the available options, accessible via the tabs. A preview page on the right reflects your style choices in real time.

Choose the primary, secondary, and background colour for your checkouts and landing pages. The primary colour is used for buttons, so we recommend choosing a colour that stands out.

Customise how your text is displayed for Paragraph text and Heading 1 through Heading 4. You can adjust the font, size, and colour. Available fonts match those in Google Fonts.

Within your landing pages, you can add four types of buttons: a primary button, secondary button, outlined button, and a transparent button without a background or border. Customise the design of each here.

A card preview based on your current settings is shown at the top. Below it, you can adjust the background colour, border style, shadow, and padding of your cards.

Optionally adjust the width margins of your content here. We generally recommend leaving this at the default value (1170 pt.).

You can apply your brand style to checkouts and landing pages. Here's how to do this for both new and existing pages.

When creating a new checkout, you'll find the Branding option in the General step.

To update the brand style of an existing checkout, open its settings and go to the Content tab. Change the brand style in the Display block.

In the first step of creating a landing page, you'll see the Branding option. Select your brand style here.

To change the brand style of an existing landing page, open it and go to Design. There you'll find the Branding option.