Bolt Ignite SSO allows shoppers more opportunities to log into their Bolt accounts, such as in your Sign In and Registration pages. This gives your shoppers access to everything related to your brand—like past order history, loyalty programs, and a one-click checkout experience across all sites in the Bolt Network. It’s still your brand, just powered by Bolt.

Before You Start

Reach out to your Bolt Customer Success Manager and ask them to enable the Bolt Ignite SSO feature flag for SFCC Embedded. They will then provide you with your Signing Secret used later during the set up process.

Enable Bolt Ignite Flag

1. Log into your SFCC Bussiness Manager account.
2. Navigate to Merchant Tools and select Custom Preference.
3. Select Bolt Payment Setting - Embedded.
4. Check Enable Bolt Ignite and save.
5. Add your Bolt Signing Secret (retrieved from your Customer Success Manager) and save.

Add Bolt to Template

1. In templates/default/account/login.isml add the following code snippet before the first <isscript> tag:

       <isif condition="${pdict.config.boltIgniteEnabled}">
           <isinclude template="boltEmbed" />
   
           <isscript>
               var assets = require('*/cartridge/scripts/assets.js');
               assets.addJs('/js/boltLogin.js');
           </isscript>
       </isif>
   

Configure Bolt Selectors

The Bolt login modal relies on several SFCC native front end components to attach Bolt component’s to email fields, and other parts DOM elements. Go to boltEmbed.isml to check that your DOM elements have the correct ids or classes.

window.BoltSelectors = {
    checkoutEmailField: "#email-guest",

    // ----- SSO ----- //

    // Sign In page
    signInEmailField: "#login-form-email",
    forgetPasswordButton: "#password-reset",

    // Registration page
    registerEmailField: "#registration-form-email",

    // Checkout page'
    checkoutEmailSummary: ".customer-summary-email",
    editShippingHeader: ".shipping-section h2",
    shippingSummary: ".address-summary",
    addPayment: ".payment-information",
    paymentSummary: ".payment-details",
};

• Bolt uses the email fields' keyup to listen for emails with Bolt accounts. After a debounce time, will then prompt the shopper with a Login modal. On success, Bolt authenticates the user and sends it to your server to pre-fill shopper information.
• The forgot password button will listen to click events to also load the Login Modal in a similar manner.
• The remaining shipping and payment fields aim to add Bolt Login buttons to your forms to faster checkout.'