This step is not mandatory for a basic functional account. If you don’t have an eCommerce platform, though, you can use these buttons very easily by placing them on a single product pages or as donation buttons.


In this screen, you will have 3 sections in your attention: 


Customize button 
You will pick the size of the button you will display on your website, choose the currency in which the payment should be registered (the currency in which you, as a merchant, will receive the funds). The “Value to be collected” should be left like that, as “Custom value” unless you have products or services that have only one specific value. 


Define button 
You can name the button and add a description so that you will find it faster in the list of buttons you will see in the platform;


Preview & embed 

You will see here how the button will look as set up in the previous fields, you will be able to copy the embed code in order to paste it in your code. This way, it will appear on the website wherever you want/wherever you put it, as set up in this screen. 


The HTML code generated should be


Don’t forget to save the buttons you create.

The list of buttons will be seen in the next screen:


Here you can sort them and also edit, duplicate a button and delete.


Edit
Will open the dialog for an already existing button and you could operate changes on it. After you save the changes you should copy the newly generated code in your HTML page that you want this modifications to appear.

Duplicate
Will open the dialog window for a new button which will have a new name but with all the configuration details of the button you duplicated from.


Delete

Will delete the button from TokenPay merchant dashboard but you also must delete the code from your HTML page if you want the button to not be active anymore.


Testing the button

To test the button create a simple HTML page like in the example below and replace the bold font from the below example with the one you clicked Copy code in the buttons section of the buttons.


<!doctype html>

<html>

  <head>

    <title>Welcome to TokenPay Merchant</title>

  </head>

  <body>

<a href="https://stage.tokenpaymerchant.com/checkout/button/65e5c7527098855bac36e585020c3a3df8722c97053785b6057c085634ce91dd4e6af71f6512f7a2dd4f7df54db4b266d3f8039e4d261eb1f00a25653b3b445f">    <img src="https://stage.tokenpaymerchant.com/static/media/pay-with-tokenpay-large.svg" alt="TokenPay">

</a>

  </body>

</html>