Features
Configurations

Account & Addresses

Custom My Account fields

Within the My Account Interface, the customer can see a summary of their details such as email address, company name, and financial details from the "My Details" section. It's possible to set up additional "custom fields" within the My Details area, allowing you to include other information that may be relevant to your B2B customers.

Document image


Setting custom fields for the My Details area works in a very similar way to the custom checkout fields feature, by adding special code to your website within the SparkLayer Core Script. You can use our sample below to get started.


JS


Custom element configuration options

Key

Details

title

The label name to show to the customer, e.g. "Website"

value

The value, this can either be set manually or dynamically generated, e.g. via a metafield or setting

type

The field type, with the following options

  • email This will set a link in the following format: <a href="mailto:value">displayText</a>
  • phone This will set a link in the following format: <a href="tel:value">displayText</a>
  • website This will set a link in the following format: <a href="value">displayText</a>

displayText

By default, the value will be shown to your customers. If you'd prefer to show custom text, you can use the displayText field. For example, for a link, you could use displayText: "Click here"

Please note If you are using our Sales Agent Ordering functionality, there is an important limitation to be aware of that applies to custom fields that are based on a customer metafield.

When a sales agent signs in as a B2B customer, they will not see the value inputted in the metafield on the customer's account - rather they will see the value inputted in the agent's account itself.



Order statuses

SparkLayer supports a range of orders statuses (e.g Processing, Shipped) and you can learn more about how this works in our guide here.

Document image


If you'd like to change the naming conventions for the order statuses shown, you can update these using special language string settings.


JS



Show shipping address summary

If you want to give customers an easy way to show their shipping address for an order, you can optionally display this from their My Account overview.

Document image


JS



Allow address editing

SparkLayer supports full address editing and adding, allowing customers to manage their online address book. With the My Account interface, customers can simply click the icons next to each address to edit or delete an entry or add a new one. Learn how to configure this in our guide here

Document image


Please note Address management is enabled by default. If you'd prefer customers to not be able to edit or add addresses, you can turn that off via the SparkLayer Dashboard. There is also an option to prevent addition and modification of the default billing address. This still allows for addition and modification of other addresses.



Order tracking (shipping) details

SparkLayer has support to show order tracking information against an order, allowing customers to view shipping tracking details. This also works for part-shipments for an order, giving the customer great visibility of their order details.

🛍️ Using Shopify
🌐 Other platforms

Within Shopify, go to an order and go through the fulfilment process. Under "Tracking information (optional)" enter the tracking number and shipping carrier (this can be automated via a third-party app)

Document image


Once added, this will then show in the My Account Interface for the customer when viewing an order detail page.

Document image



Account credit and credit balances

Please refer to Credit & Invoicing



Account redirect

When a logged in customer accesses your website's existing my account area (e.g. /account), it will redirect them to the SparkLayer My Account interface instead. If you'd prefer, you can change the default handling and set a custom URL to redirect B2B customers to once they log in. You can do this by updating the SparkLayer Core Script on your website.


JS


In addition to this, you can also add handling to vary the destination redirect URL based on a customer group. E.g. customer group ABC goes to /collections/wholesale-page whereas customer group XYZ goes to /collections/wholesale-vip

🛍️ Using Shopify
🌐 Other platforms

Within your SparkLayer Core Script, you can replace the above code sample with the following Liquid code logic (and adapt accordingly):

JS



Order invoices

It's possible to attach invoices (e.g. a PDF) to a B2B customer's order. Please refer to our guide here to learn more.



Showing custom content (using "slots")

Custom Slots (or "Targets") allow you to enhance the SparkLayer My Account interface by adding your own custom code in predefined areas.

Document image


You can learn more in our custom slots guide here.



Advanced account settings

It's possible to extend how you manage the account information for your B2B customers by using special metafields. For example, if you're using a backend system (e.g. an ERP) that requires very specific address and customer data, these advanced address settings offer more granular flexibility in how data is stored. You can explore our available metafields below.

🛍️ Using Shopify
🌐 Other platforms

Setting up metafields on Shopify To learn more about how to configure metafields on Shopify for SparkLayer, please refer to our guide here