Skip to main content

Onsite messaging

We highly recommend to enable LatitudePay's PDP snippets and checkout messaging that displays the lowest price point snippets to ensure customers are aware of the option and its available to use.

1. Snippet and Checkout Messaging Builder#

LatitudePay's PDP snippets automatically calculates the cost breakdown of the total amount of the products, displaying it neatly on your product detailed pages. Each of this snippet will display a modal with more info about LatitudePay when clicked. Please see below the working example of our PDP snippets.

Preview

Product

Messaging

Instructions to display the snippet on your website

There are just two steps to follow:

Step 1

Copy the following code snippet to the page that you would like to display the snippet. Note that the amount value can be changed dynamically with a price variable.

<img src="https://images.latitudepayapps.com/v2/snippet.svg?amount=20&services=LPAY&style=default" />

If the product is out of stock, please uncheck (In-stock) box at top right corner of the snippet builder and you will be able to generate the endpoint where saleable=0

Step 2

Copy the following script line and insert it after the code from Step 1 to enable the popup modal. It can also be inserted before body tag ends or inside the footer tag.

<script src="https://images.latitudepayapps.com/v2/util.js"></script>

Alternative for Step 2#

If you would like to know what's included in the util.js script, please open https://images.latitudepayapps.com/v2/util.js and copy the entire code into your website.


2. Banner Builder#

LatitudePay's banner is best inserted in your header or footer section. Each of this banner will display a modal with more info about LatitudePay when clicked. Please see below the working example of our banner.

Preview

Product

Color

Resize

Instructions to display the banner on your website

There are just two steps to follow:

Step 1

Copy the following code snippet to the page that you would like to display the banner. Note that the resize value can be changed to your preferred width.

<img src="https://images.latitudepayapps.com/api/banner?brand=lpay&color=blue&resize=1024" />

Step 2

Copy the following script line and insert it after the code from Step 1 to enable the popup modal. It can also be inserted before body tag ends or inside the footer tag.

<script src="https://images.latitudepayapps.com/v2/util.js"></script>

3. Landing Page#

You may setup a separate landing page utilising the script below to let your buyers know all about LatitudePay. You can simply copy and paste the code and change the height and width based on your site’s requirement.

<iframe src='https://images.latitudepayapps.com/landingpage/LatitudePay.html' width='800' height='1000'>