Shopify - Payment and Pricetag

App Installation

Click on this link , which will open the window shown below:

Tap "Add app".

Shopify will show which permissions are needed to ensure the app works as it should. Click on “Install unlisted app” to continue the installation.

If you are an existing ViaBill customer or previously had ViaBill, you must log in with your MyViaBill login.

If you can't remember your code for MyViaBill, you can create a new one here. Forgotten code

When you are logged in, the system will automatically forward you to settings for payment methods, as shown below.

If you go under Settings -> Payments -> Additional payment methods -> Search by provider -> Search for ViaBill. Then you can activate the payment that way. 
Make sure "Enable checkout for ViaBill Payments" is checked to complete the installation. After activation, ViaBill is active as a payment method.

You have the option to activate "test mode" and make a test payment. If this is done, it is important to deactivate afterward, so that you avoid your actual customers making test orders, rather than real payments. 

PriceTag Installation 

ViaBill Pricetags can be configured easily with a few “drag and drop” actions. 

To activate ViaBill Pricetags, you must first go to the customization area of your theme. 
Go to Webshops/Online store - press Adapt/customize (green button), on the current or future theme.

Click on a product via your webshop (pictured in the middle).

Find the section for product details on the left - for example, it can be under "Product Summary", as in the picture below. 

Below is an example of where the price tag placement is most effective.

Click on “Add block”

Then click on "Product ViaBill" and move the block up and down to the desired location. Typically, it should be placed under "price"

If a customer clicks on the ViaBill PriceTag, it will open a window, as shown here:

In the same way, the PriceTag must be placed in the basket - go to the section for the basket and click "Add Block", as in the example below.

Find the "Cart ViaBill" block and move it up or down to the desired location. 

Adjustment of Pricetag location

Here is an example of a PriceTag that is not centered and misplaced.

To easily adjust the PriceTag location, you can adjust the margin on the right side. 
Here it can be seen that the PriceTag is aligned with 37px Margin Left, which has pushed the PriceTag to the right. 
In this easy example, you would set it to 0, and then the PriceTag is just below the price.

If you experience problems, have questions, or need help, you can contact ViaBill technical support at e-mail: teknik@viabill.com .