Customizing/Branding checkout page appreance : Blockonomics

Improving the design of your checkout page is a guaranteed way to increase sales and build a strong reputation with your customers. Blockonomics allows you to easily edit the appearance of your payment screens, to let you add that personal touch to your pages.

Ever wondered how you can remove the powered by Blockonomics text? How to add text or HTML to the checkout page like instructions on how to buy bitcoin? Would you like to change the styling of the checkout or completely change the layout of the template?

This can be done in many ways but today we will show you how to do it the right way. We will show you how to customize the different aspects of the checkout page with some examples.

How to edit any text

Changing the styling

Customizing the checkout template

Editing any text

Editing text in your Blockonomics Plugin can be achieved using the Loco Translate plugin.

Follow the instructions here to change any text.

Changing the styling

Adding a background box

Add a background to the checkout area with the following CSS. This can be placed under WordPress Dashboard -> Appearance -> Customise -> Additional CSS

.bnomics-order-container {
    background-color: white;
    border-radius: 20px;
}

Customizing the checkout template

We offer a simple way to edit the checkout page. Simply download the blockonomics_checkout.php file below, and place it in the root directory of your theme.

Template: blockonomics_checkout.php

Right-click, then click Save-as

For this demonstration, the default Twenty Twenty wordpress theme was used.

The root directory for this theme is wp-content/themes/twentytwenty