On-site messaging - Vintage Themes
Smartpay provides a range of different on-site messaging options that you can add to your website to make it clear to shoppers that you offer Smartpay as a service to them. Delivering the right payment message at the moment of consideration can increase both conversion and average order values.
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
- Edit the code for your online store theme.
(Online Store > Themes > Current Theme > Actions > Edit code) - Open the
theme.liquid
file. - Copy the first section (
script
HTML tag) from our On-Site Messaging code builder . - Insert the copied tag within the
head
tag intheme.liquid
file. (Remove the extrahead
tags surrounding the copied code). - Replace
<YOUR_PUBLIC_KEY>
with your public key, that you can find on your Smartpay dashboard under Profile > Settings > Credentials page. - 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
- After adding the Smartpay messaging library above, open the
product-template.liquid
file. - Find the section where the product price is displayed.
<div class="product__price"> ... </ div>
- Go to our On-Site Messaging code builder and select
Product
. You can change the formatting to fit the design of your store. - Once you are happy with the formatting, copy the second section of the code (
div
HTML tag) from the code builder. - Insert the copied code under the product price in the
product-template.liquid
file. (Remove the extrabody
tags surrounding the copied code). - Replace the amount with
{{ current_variant.price | times: 0.01 }}
, so the widget will always display the price of the selected product. - Save the changes you made.
Updated 8 months ago