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