How to Add the Afterpay Banner in Debutify Themes?

Afterpay Attract is the official Shopify integration from Afterpay - only available for US stores. Afterpay lets customers buy now and pay later, giving them up to two months to settle. This tends to widen your customer base and increase sales.

How to Add the AfterPay Banner

STEP 1

In Shopify admin, under Online Store, click on Themes.

STEP 2

Select a Debutify Shopify theme and click on Actions then click on Edit code.

STEP 3

In the Layout folder, click on theme.liquid

STEP 4

At the bottom, paste the code below in the theme.liquid file

// Overrides:

// var afterpay_min = 0.04; // As per your Afterpay contract.

// var afterpay_max = 2000.00; // As per your Afterpay contract.

// var afterpay_cbt_enabled = false; // As per your Afterpay contract; change to true to display Cross-Border Trade artwork (for AU/NZ).

// var afterpay_logo_theme = 'colour'; // Can be 'colour', 'black' or 'white'.

// var afterpay_product_selector = '#product-price-selector';

// var afterpay_cart_integration_enabled = true;

// var afterpay_cart_static_selector = '#cart-subtotal-selector';

// Non-editable fields:

var afterpay_shop_currency = {{ shop.currency | json }};

var afterpay_cart_currency = {{ cart.currency.iso_code | json }};

var afterpay_shop_money_format = {{ shop.money_format | json }};

var afterpay_shop_permanent_domain = {{ shop.permanent_domain | json }};

var afterpay_theme_name = {{ theme.name | json }};

var afterpay_product = {{ product | json }};

var afterpay_current_variant = {{ product.selected_or_first_available_variant | json }};

var afterpay_cart_total_price = {{ cart.total_price | json }};

var afterpay_js_snippet_version = '1.0.10';

</script>

STEP 5

Click on Save to apply changes.

STEP 6

Check for the Afterpay logo in the product details.

How to Add the AfterPay Banner

Related Articles You Might Want to See