Downpay includes settings to customize the content, placement, and the look of Downpay in your theme.

On this page:

How to navigate to settings

• Cart settings
• Product block setting (2.0 Themes)
• Product embed settings (Vintage Themes)

Cart settings

• Show currency code
• Amount due today
• Amount due later
• HTML element to insert relative to
• Insert position
• Custom CSS

Product page settings

• Show outline box
• Section Header
• Deposit option label
• Show deposit amount
• Default to Pay in full
• Full pay option label
• Show payment options
• Show help text
• Customer help text
• Show release date
• Release date text
• 'Add to Cart' button label
• HTML element to insert relative to
• Insert position
• Purchase options style
• Custom CSS

How to navigate to settings

Navigate to theme settings

Downpay theme settings are in a theme's settings. To open a theme's settings:

1. Click "Online Store" in your Shopify admin's main navigation
2. Click "Customize" on the theme you wish to edit

Navigate to cart settings

To open Downpay's cart settings:

1. Navigate to theme settings
2. Click on the "App Embed" icon
3. Click on "Downpay Cart"

Navigate to product block settings

To open Downpay's product block settings:

1. Navigate to theme settings
2. Navigate to a product page by either

• selecting the template you are using from the dropdown menu at the top of the editor.
• clicking to a product in the website preview

3. Click on the Downpay block

Navigate to product embed setting

To open Downpay's product embed settings:

1. Navigate to theme settings
2. Click on the "App Embed" icon
3. Click on "Downpay Cart"

Jump to top

Cart Settings

Show currency code

This setting determines if the currency code is included on the totals presented by Downpay.

Amount due today

This setting can be used to change the text of "Amount due today". If the setting is left blank, the text will remain "Amount due today".

Amount due later

This setting can be used to change the text of "Amount due today". If the setting is left blank, the text will remain "Amount due today".

HTML element to insert relative to

This setting can be used to move the amount due totals to a different spot on your cart page.

Modify placement by specifying a nearby unique element id or class. The format of element ids is #id, and the format for classes are .class

Insert position

Insert position works with the "HTML element to insert relative to" setting to specify the placement of the amount due totals.

Custom CSS (cart)

This setting can be used to apply css styles to the Downpay cart embed.

Jump to top

Product page settings

Show outline box

This settings adds a box around the purchase options.

Section Header

This setting determines the label of the purchase option section. The label will be "Purchase Options" if the field is left blank.

Deposit option label

This setting determines the wording after the deposit option amount. The label will be "deposit" if the field is left blank.

Show deposit amount

This setting controls showing the deposit percentage or dollar amount being shown in the deposit option. By default, Downpay will show the dollar or percentage.

Default to Pay in full

This setting controls which purchase option is listed and selected first.

Full pay option label

This setting determines the wording the full pay option. The label will be "Pay in full" if the field is left blank.

Show payment options

Show help text

This setting determines if and when help text is displayed.

Customer help text

This setting determines the content of the help text.

Show release date

This setting determines if and when the release date is shown.

Release date text

This setting determines the text that comes before the release date.

'Add to Cart' button label

This setting determines the text in the 'Add to Cart' button, when a product contains a deposit purchase option. Leave blank to use the default for your store.

HTML element to insert relative to

This setting can be used to move the purchase options to a different spot on your product page.

Modify placement by specifying a nearby unique element id or class. The format of element ids is #id, and the format for classes are .class

Insert position

Insert position works with the "HTML element to insert relative to" setting to specify the placement of the amount due totals.

Purchase options style

This setting can be used to style the purchase options as radio buttons or toggles. You can further customize them with the "Custom CSS" setting.

Custom CSS (product page)

This setting can be used to apply CSS styles to the purchase options.

Updated on: 26/02/2025