Set up ViaBill on Shoporama
Guide to setting up ViaBill as a payment option on your Shoporama online shop. Learn how to add the ViaBill script, display the price on the product page and set up ViaBill as a payment gateway via Quickpay or ePay.
In order to use ViaBill as a payment method, you need to go through three steps. We guide you through them here.
Tip: If you use one of Shoporama's newer themes (e.g. Delaware), ViaBill can be activated directly in the theme settings under "Integrations" without editing code. Simply enter your ViaBill Shop ID.
1. insert the ViaBill code
From ViaBill you get 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 shown on the product page, so we recommend that you only insert the code there. This avoids the ViaBill script slowing down your other pages unnecessarily.
Note: You cannot copy the code above directly. You need to use your own unique code from ViaBill. Contact your design partner to get the code inserted correctly.
2. Add a div to display the ViaBill price
Where you want ViaBill's price to appear on the product page, you need to add a div. You have two options:
Graphic version:
<div class="ViaBill_pricetag_product" price="<{$product->getRealPrice()}>"></div>
Text-only 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
- Create a new payment gateway in Shoporama
- Set it up like your other Quickpay methods (with API key and private key)
- Type viabill in the "Payment methods" field (where it says creditcard or mobilepay). If you already have other methods, add viabill after the existing ones (e.g. creditcard, mobilepay, viabill)
- Click "Save"
Next, make sure that ViaBill is activated in Quickpay. Go to "Acquirers", select ViaBill, insert the API key from ViaBill and check "Enable ViaBill".
ePay
If you use ePay, you do not need to do anything yourself in ePay. Create a payment gateway in Shoporama, set it up like your other ePay, but select "ViaBill" in the dropdown menu "Payment Type". Then click "Save".
Remember to test ViaBill in your shop when the setup is complete.
Related articles
Set up ePay as a payment gateway
Step-by-step guide to setting up ePay as a payment gateway in your Shoporama online shop.
Set up integration with Anyday
Guide to integrating Anyday installment on your Shoporama online store. Includes script insertion and pricetag implementation.
Set up Klarna as payment method
Learn how to set up Klarna as a payment method in your Shoporama webshop.