Shopify – Openpay View Cart App

Integration Guide

Objectives and target audience

This guide describes the process of installing and configuring the Openpay View Cart Widget/App to Shopify. This app is shown on cart page, reminding the user they have an option to choose Openpay at checkout.

You should have an existing Shopify Account for the website.

What is Shopify App / Widgets / Extension?

Shopify Widgets are Shopify Apps with a predefined set of configuration options. With their help, the store administrators can boost the functionality of frontend blocks. They provide great control as well as flexibility in creating informational and marketing content from the Shopify administrator panel.

Placement

Openpay View Cart Widget shows on Cart Page, reminding the user they have an option to choose Openpay as their payment method at checkout.

Installing and Configuring View Cart App

Installation Steps

Click on the link above to install Openpay View Cart App to your Shopify store.

Enter your valid Shopify store name and click Install.

Click on ‘Install Unlisted App’

Admin Setup

Navigate to Shopify Admin > Apps > View Cart App

To set up ‘View Cart App’, expand and fill out the required fields as per your Openpay account configuration. (This information will be provided by your Openpay Ecommerce Manager or Account Manager).

Shopiy View Cart App

  • View Cart Status: Enable
  • Selector: It controls the position of the widget on the Cart page. You have to put the css class or ID and the widget will be displayed below that section where that class or ID is used.
  • Minimum Order Value: Enter amount (as provided)
  • Maximum Order Value: Enter amount (as provided)
  • Show only on Min-Max: Option set “Yes”, this option can be used for the order having price within the minimum and maximum threshold order amount configured on your Openpay account.
  • Openpay Brand Message: Enter text ‘Pay over time, interest free. Available at checkout.’
  • Enable Learn More: Enter text ‘Learn more’ on clicking ‘Learn more’ a popup will open explaining how to use Openpay at checkout and requirements to create an Openpay accounts.
  • Popup Image: Only upload this image if provided by Openpay. (eg. 2 or 3) Set it to ‘Yes’ and upload Popup image, specification: 500px (high) x 500px (wide).
  • Click ‘Save’

Frontend View:

View Cart App:
If the app is enabled from the admin, it will be displayed as follows on the Cart Page.

 ‘Learn more’ link opens a popup explaining how to use Openpay at checkout and the requirements to create an Openpay account.

Learn More - Popup

Demo Site

Shows the placement of all the Openpay widgets and assets.

Uninstallation

Navigate to Shopify Admin > Apps > View Cart App > Disable

Version Control Table

# Date Version Description
1 January 2019 1 View Cart App created