Payment Methods

Enabling payment methods
Payment methods
Please refer to My Order Interface﻿ for full details on what payment methods SparkLayer supports and how they work.
﻿
﻿
﻿
Request for Quote
Looking to enable quote orders?
Please refer to our guide here﻿ for full details on how this works
﻿
﻿
﻿
Updating payment method names
By default, SparkLayer will show the payment methods to customers with the names shown below:
Payment method
Name shown to customers
Payment by invoice
Pay by Invoice
Payment on Account
Pay on Account
Upfront Payment
Pay Online by Card
Request for quote
Request for Quote
Updating language and text
You can update the default text by adding code to your Core Script﻿.
Learn more﻿ about how to update text on SparkLayer.
﻿
JS
|
/* Add the below code into the SparkLayer Core Script */
/* Please refer to our help guide on how to do this */
translations: {
  en: {
    "cart.checkout.payment-method.full.paymentByInvoice": "Pay by Invoice",
    "cart.checkout.payment-method.full.paymentOnAccount": "Pay on Account",
    "cart.checkout.payment-method.full.upfrontPayment": "Pay Online by Card",        
    "cart.checkout.payment-method.full.quote": "Request for Quote",       
    "cart.checkout.payment-providers.quote.message": "Please note: when requesting a quote for your order, our team will review and notify you within 2 working days before processing.",
  }
},
/* End of code */
/* Add the below code into the SparkLayer Core Script */
/* Please refer to our help guide on how to do this */
translations: {
  en: {
    "cart.checkout.payment-method.full.paymentByInvoice": "Pay by Invoice",
    "cart.checkout.payment-method.full.paymentOnAccount": "Pay on Account",
    "cart.checkout.payment-method.full.upfrontPayment": "Pay Online by Card",        
    "cart.checkout.payment-method.full.quote": "Request for Quote",       
    "cart.checkout.payment-providers.quote.message": "Please note: when requesting a quote for your order, our team will review and notify you within 2 working days before processing.",
  }
},
/* End of code */
﻿
﻿
﻿
﻿
Changing the order of payment methods
When a customer reaches the payment step of the My Order Interface﻿, they'll see all available payment methods you've set against their customer group. 
﻿
If you'd like to configure the order of the payment methods and which payment method shows by default, you can apply a special setting to your website as shown below.
Updating the display
You can update the default display by adding code to your Core Script﻿.
Learn more﻿ about how to update display settings on SparkLayer
﻿
JS
|
/* Add the below code into the SparkLayer Core Script */
/* Please refer to our help guide on how to do this */
 paymentMethodsOrder: [
  "paymentOnAccount",
  "paymentByInvoice",
  "upfrontPayment",
  "quote",
],
/* End of code */
/* Add the below code into the SparkLayer Core Script */
/* Please refer to our help guide on how to do this */
 paymentMethodsOrder: [
  "paymentOnAccount",
  "paymentByInvoice",
  "upfrontPayment",
  "quote",
],
/* End of code */
﻿
﻿
﻿
﻿
Setting the default payment method
If you'd like to change the default payment methods customers see, you can modify the code sample detailed in "Changing the order of payment methods". In the example detailed above, Payment on account is listed first, making it the default shown to customers. 
You can amend the ordering using the naming conventions below.
Payment method
Setting name
Payment by invoice
paymentByInvoice
Payment on Account
paymentOnAccount
Upfront Payment
upfrontPayment
Request for quote
quote
For example, if you wanted "Upfront Payment" to be the default, you would modify the code as shown below:
JS
|
/* Add the below code into the SparkLayer Core Script */
/* Please refer to our help guide on how to do this */
 paymentMethodsOrder: [
  "upfrontPayment",
  "paymentOnAccount",
  "paymentByInvoice",
  "quote",
],
/* End of code */
/* Add the below code into the SparkLayer Core Script */
/* Please refer to our help guide on how to do this */
 paymentMethodsOrder: [
  "upfrontPayment",
  "paymentOnAccount",
  "paymentByInvoice",
  "quote",
],
/* End of code */
﻿
﻿
﻿
﻿
Customising "upfront" payment methods
SparkLayer supports a payment method called "Pay Online by Card" that B2B customers can select during the payment step of the My Order Interface﻿. 
﻿
Once selected, the customer will then be directed through to your standard checkout process to make payment. Depending on which platform you're using, it's possible to customise which  payment methods show.
🛍️ Using Shopify
🌐 Other platforms
By default, they will see all Shopify payment methods you have set up (e.g. card payment, Paypal, etc). 
﻿
It's possible to set "conditional rules" on which payment methods show for your B2B customers and we recommend exploring available apps here.
No customisations applicable., they'll be directed to the Shopify checkout. 
﻿

Updated 04 Sep 2023

Did this page help you?

TABLE OF CONTENTS

Enabling payment methods

Request for Quote

Updating payment method names

Changing the order of payment methods

Setting the default payment method

Customising "upfront" payment methods

Payment method	Name shown to customers
Payment by invoice	Pay by Invoice
Payment on Account	Pay on Account
Upfront Payment	Pay Online by Card
Request for quote	Request for Quote

Payment method	Setting name
Payment by invoice	paymentByInvoice
Payment on Account	paymentOnAccount
Upfront Payment	upfrontPayment
Request for quote	quote