Change Style

How to modify the look of Billing Pages

The look of all billing pages is highly customizable so that they integrate seamlessly with your website/app. Using CSS, colors and fonts can be changed, and content can be added or removed. Below are the steps to change the style.

Easy style changes coming to the dashboard soon!

Step 1: Set Default Colors

Navigate to your billing page on the Billflow dashboard. There you will see a section for Design changes. Use this section to set your default colors. You can also add custom CSS here. To learn more about adding custom CSS, continue reading below.

Dashboard Design Options

Step 2: Apply Custom Styling

You can add custom CSS to the 'CSS Modifications' section of the Design tab.

Step 1: Determine class

The easiest way to determine the CSS class of the piece you wish to change is to inspect element with your browser. Right click on the thing you want to change and select Inspect. We can see the class name of this button is .servicebot-btn-primary

Inspecting Billing Page Style

Step 2: Override style

Now we can override the style. You can do this within your browser then copy the style to your CSS file.

Templates

Below are examples & templates for billing page style changes. Just add the CSS to your project to add to your billing page.

Plan Picker Style TemplatesCustomer Portal Style TemplatesPricing Page Style TemplatesCheckout Form Style Templates