Add the Smartpay messaging library to your online store

Before you can use Smartpay On-Site Messaging on your website you need to add the Smartpay messaging library to your online store. You only need to do this once before adding the different widgets.

How to add Smartpay messaging library to your shop

1. Edit the code for your online store theme.
   (Online Store > Themes > Current Theme > Actions > Edit code)
2. Open the theme.liquid file.
3. Copy the first section (script HTML tag) from our On-Site Messaging code builder .
4. Insert the copied tag within the headtag in theme.liquid file. (Remove the extra head tags surrounding the copied code).
5. Replace <YOUR_PUBLIC_KEY> with your public key, that you can find on your Smartpay dashboard under Profile > Settings > Credentials page.
6. Save the changes you made.

Product page promotion

Delivering the right payment message at the moment of consideration will increase both conversion and average order values. Use our payment messaging widget to show payment options based on item price or basket size. Place this below the price of an item to automatically display the best message.

How to add product page messaging to you shop

1. After adding the Smartpay messaging library above, open the product-template.liquid file.
2. Find the section where the product price is displayed. <div class="product__price"> ... </ div>
3. Go to our On-Site Messaging code builder and select Product. You can change the formatting to fit the design of your store.
4. Once you are happy with the formatting, copy the second section of the code (div HTML tag) from the code builder.
5. Insert the copied code under the product price in the product-template.liquid file. (Remove the extra body tags surrounding the copied code).
6. Replace the amount with {{ current_variant.price | times: 0.01 }}, so the widget will always display the price of the selected product.
7. Save the changes you made.