Integrations
...
Shopify Customisations
Shopify B2B Landing Page
introduction when your b2b customers sign in, you may want to take them to a dedicated page that provides a more tailored experience whether it's to highlight specific products, show important information, or act as a central hub for your b2b store sparklayer gives you the ability to control where b2b customers land when they log in, and you can customise this to suit your needs in this guide, weโll cover a few ideas and approaches you can take i mportant to note customising the landing experience for b2b customers is a shopify specific change and will require making updates to your theme or using a page builder app while sparklayer enables the redirect behaviour, weโre unable to assist with shopify design or layout customisation if youโre unsure how to make the changes in shopify, we recommend working with a shopify expert redirect to a b2b product collection one simple approach is to create a b2b specific collection in shopify that contains the products you want your b2b customers to see first for example /collections/b2b products you can manage collections in shopify by going to products > collections in your shopify admin once created, you can configure sparklayer to redirect logged in customers to this url instead of the standard homepage (see " how to redirect b2b customers to a custom url " below) this is ideal if you want your customers to immediately browse and order from your wholesale catalogue create a custom landing page in shopify another option is to create a standard page in shopify (e g named " b2b landing page" ) and build it out with relevant content for example, the url could be /pages/b2b landing page this page could include rich text or welcome messaging featured product links or categories helpful content or banners links to customer account tools (e g invoices, quick order) you can manage and edit pages directly from the shopify admin, under online store > pages and also within online store > customize on your live theme once created, you can configure sparklayer to redirect logged in customers to this url instead of the standard homepage (see "how to redirect b2b customers to a custom ur l" below) please note the level of functionality may depend on which theme you are using and you may need to consult your theme developer on how best to approach this use a third party page builder app if you want more control over the design, you can use a shopify page builder app and redirect your b2b customers to a specially designed page there are many options within the shopify app store such as pagefly shogun instant and many others these apps give you drag and drop interfaces to create visually rich landing pages, without needing to write code this can be a great solution if you want a highly polished, branded b2b dashboard or homepage as with other pages in your shopify store, page builder apps will also generate a unique url that you can direct your b2b customers to for example, the url could be /pages/b2b customer landing page once created, you can configure sparklayer to redirect logged in customers to this url instead of the standard homepage (see "how to redirect b2b customers to a custom ur l" below) other ideas every b2b setup is different, and your landing page might be shaped by what matters most to your customers you could also consider including a quick links section to access quotes, past orders, or special promotions displaying b2b only content using shopify liquid (read our guide to showing b2b only content) embedding a video or help resources to guide new customers how to redirect b2b customers to a custom url 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 / add the below code into the sparklayer core script / / please refer to our help guide on how to do this / accountredirect { urlregex /\\/account/g, goto "/index", // page to redirect logged in users to }, / end of code / using shopify customer accounts (new accounts) if you're using shopify customer accounts, you can configure which url to send a customer to directly via your shopify admin in your shopify admin, go to settings, checkout, and within configurations , click "customize" from the top, navigate to the "orders" page, click "apps" on the left, and then enable the "b2b customer redirect" extension you can include some optional placeholder text that shows before the customer is redirected should you wish to inform them that they are being redirected a specific destination url to take the customer to once they are redirected for example, you may want to take them to a specific collection page or a landing page setting up redirect urls based on a customer tag if you're using legacy shopify accounts (classic accounts), 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 within your sparklayer core script, you can replace the above code sample with the following liquid code logic (and adapt accordingly) accountredirect { urlregex /\\/account/g, {% assign goto = "/index" %} {% for tag in customer tags %} {% if tag == "b2b group 1" %} {% assign goto = "/collections/wholesale page" %} {% elsif tag == "b2b group 2" %} {% assign goto = "/collections/another wholesale page" %} {% endif %} {% endfor %} goto {{ goto | json}}, }, no configurations available show custom content on your b2b landing page you can also use shopifyโs liquid templating to tailor the content on your landing page depending on whether a customer is a b2b user hereโs a simple example {% if customer tags contains 'b2b' %} welcome back, valued wholesale customer! browse b2b products {% else %} this page is for b2b customers only {% endif %} for more advanced examples, see our full guide shopify b2b only content docid 30hmtg4cqqv69ehqnvpnf