1. Step 1 - KYC form will be issued via email
  2. Step 2 - Once the KYC has been completed, our team will upload your business into the system and send your company an activation code.
  3. Step 3 - To active your PIN business account, first you will have to download the app. Once the app has been installed, follow the steps below.
    1. Open the app and click on business.
    2. Click register at the bottom of the screen
    3. Fill in the required fields and enter the activation code that we have provided
    4. Set and confirm your pin for the app
Now your company has a registered PIN business account
  1. Step 1 - Make sure you have a registered PIN business account before continuing. If you don't, please follow the PIN Partner Merchant tab steps.
  2. Step 2 - Click the organisation name, select Settings, then click Payment services.
  3. Step 3 - Choose the option applicable to you.

    If you haven't yet set up a payment service, next to Other Available Payment Services, click Get Started, then select Custom Payment URL.

    If you have existing payment services set up, next to Other Available Payment Services, click Add Other, then select Custom Payment URL.

  4. Step 4 - Fill in the required fields with the following information. Note, please read this section carefully, as incorrect application result in implementation failure.

    Enter "Pay with Crypto - PIN Payments" into the name feild

    Enter "https://payitnow.io/merchantPay/payment.php?publicKey=change to public key &amount=[AMOUNTDUE]" into custom URL feild.

    Remeber to replace "change to public key" with provided public key.

  5. Step 5 - Click Save.
  1. Step 1 - On the left-hand menu, navigate and click online store. Refer to the image below.
    Note: avoid clicking the eye as this will direct you to a preview of your current website.


    By default, this should open a tab called themes. If Shopify hasn't done this, navigate to this tab themes tab.
  2. Step 2 - In the theme dashboard, click the button that says actions. Refer to the image below.
  3. Step 3 - In the action drop-down menu, click edit code. Refer to the image below for reference.
  4. Step 4 - It should open a page similar to the reference below


    Next, in the search bar on the side, search for the file theme.liquid and double click it to open.
  5. Step 5 - Scroll down to the bottom of this page. Insert the text below above the </body> tag. Make sure you copy all of the code. After you have finished doing this make sure to save the file to save progress that was made.
    Note: it is important to insert the text above the </body> tag; otherwise, the button won't function correctly.
    <script type="text/javascript" src="https://payitnow.io/merchantPay/scripts/pinPay.js"> </script>
  6. Step 6 - In the search bar previously used to locate the theme.liquid file, search for main-cart-footer.liquid. Once this has appeared, double click the file.
  7. Step 7 - Scroll down till you see the last {% endfor %} tag, this should be above <div id="cart-errors">. </div>. Between these lines of code, you want to insert the code below. Make sure you copy all of the code. After you have finished doing this make sure to save the file to save progress that was made.
    Note: This location may vary from theme to theme, if you cannot locate this location please contact us.
    <div class="payitnow__container"><button type="button" id="payitnowgateway" class="payitnow__checkout-button button" name="checkout"{% if cart == empty %} disabled{% endif %} form="cart"><img class="payitnow__logo" src="https://i.imgur.com/rHjSEfu.png">PIN</button>< /div >
  8. Step 8 - Finally, in the search bar, search for the file component-cart.css and double click the file to open it.
    Note: the file may vary from theme to theme. If you cannot find this CSS file and feel comfortable doing so, locate another file that ends with .css and continue with the following steps. Otherwise, contact feel free to contact us, and we will help sort out a solution.
  9. Step 9 - 9. Scroll right down to the bottom of the page, and make sure you are on a new line. Now that you are on a line past the code below. After you have finished doing this make sure to save the file to save progress that was made.
    .payitnow__container {display: flex; align-items: center; justify-content: center; font-weight: 500;} .payitnow__checkout-button {background-color: #0A1992; max-width: 36rem; height: 54px !important; width: 100%; font-family: 'Poppins', sans-serif !important;} .payitnow__logo {padding-right: 8px; max-width: 24px;}
10. Now that you have completed these steps there should now be a button on the check out. If the button still hasn’t appeared please contact us.