Set up ViaBill on Shoporama

To use ViaBill as a payment method, you need to complete three steps. We’ll walk you through them here.

Tip: If you’re using one of Shoporama’s newer themes (e.g., Delaware), you can enable ViaBill directly in the theme settings under “Integrations” without editing any code. Simply enter your ViaBill Shop ID.

1. Insert the ViaBill code

ViaBill will provide you with a unique code that looks something like this:

<script>
  (function(){
    var o = document.createElement('script');
    o.type = 'text/javascript';
    o.async = true;
    o.src = 'https://app.ibill.dk:443/psp/web/webshop/pricetag/DIN_NØGLE';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(o, s);
  })();
</script>

This script takes your product price and calculates the monthly price through ViaBill. The price is only displayed on the product page, so we recommend that you insert the code only there. This prevents the ViaBill script from unnecessarily slowing down your other pages.

Note: You cannot copy the code above directly. You must use your own unique code from ViaBill. Contact your design partner to have the code inserted correctly.

2. Add a div to display the ViaBill price

Wherever you want the ViaBill price to appear on the product page, you need to add a div. You have two options:

Graphical version:

<div class="ViaBill_pricetag_product" price="<{$product->getRealPrice()}>"></div>

Plain text version:

<div class="ViaBill_pricetag_list" price="<{$product->getRealPrice()}>"></div>

You can copy the code above directly into your product template.

3. Add ViaBill as a payment gateway

The procedure depends on which payment provider you use.

Quickpay / PensoPay

1. Create a new payment gateway in Shoporama
2. Set it up just like your other Quickpay methods(using an API key and private key)
3. Type "viabill " in the "Payment Methods" field (where it normally says "credit card" or " MobilePay"). If you already have other methods, add "viabill" after the existing ones (e.g. , credit card, MobilePay, viabill)
4. Click "Save"

Next, make sure ViaBill is enabled in QuickPay. Go to “Acquirers,” select ViaBill, enter the API key from ViaBill, and check “Enable ViaBill.”

ePay

If you use ePay, you don’t need to do anything in ePay itself. Create a payment gateway in Shoporama, set it up just like your other ePay gateways, but select "ViaBill" from the "Payment Type" dropdown menu. Then click "Save."

Remember to test ViaBill in your store once the setup is complete.