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
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
