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.



Changing the styling

Customizing the checkout template



Changing the styling

Removing the powered by Blockonomics text

Remove the powered by Blockonomics text from the checkout area by adding the lines below to your CSS. The CSS of your Wordpress website can easily be added under WordPress Dashboard -> Appearance -> Customise -> Additional CSS or from the theme/child theme files:

.bnomics-powered-by {
    display: none !important;
}


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 


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

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


Edit the template as you desire, or use one of the already edited templates provided below.


How to buy bitcoin instructions

Template that includes how to buy bitcoin instructions - Template: blockonomics_checkout.php


Alternative checkout template

Alternative template providing a different look and feel - Template: blockonomics_checkout.php