1. Add the following script to your theme’s footer file/page (typically found in templates/components/common/footer.html).

<!--Bolt Addition-->
<div>
    <div class="bolt-order-tracking"></div>
    <script 
      id="bolt-account"
      type="text/javascript"
      src="https://account.bolt.com/account.js"
      data-publishable-key={publishable_key}>
    </script>
</div>
<!--End Bolt Addition-->

2. Refresh the page and preview the theme through BigCommerce’s preview feature to ensure the element added above is present.
3. Publish the theme.
4. Navigate to your home page and append ?transactionReference=123&trackingNumber=123&carrier=abc to your homepage’s url. For example, if your store is www.mystore.mybigcommerce.com, navigate to www.mystore.mybigcommerce.com?transactionReference=123&trackingNumber=123&carrier=abc.
5. Verify that the order tracking modal appears.

1. Log in to the Magento Commerce console.
2. Navigate to Stores > Configurations > Payment Options > Bolt.
3. Enable Bolt order management.
4. Navigate to the store’s home page. (e.g., www.mystore.com)
5. Append ?transactionReference=123&trackingNumber=123&carrier=abc to the URL. At this stage, the sign-in modal should pop up automatically (but not bring up a tracking page).
6. Navigate to Marketing > Communications > Email Templates.
7. Edit or create the email template New Order. Look for the line with “Once your package ships” and remove it along with the tracking link beneath it.
8. Add the following tracking link:

{{trans '<a href="%account_url">Track Your Order</a>.' account_url="$this.getUrl($store, '/', [_query:[orderNumber:$order.increment_id],_nosid:1])" |raw}}

WooCommerce does not provide native functionality for order/shipment tracking. However, you can use a WooCommerce third-party add-on to enable shipment tracking.

If you are using the plugin to configure tracking, then you can continue enabling Order Tracking for Bolt:

1. Whitelist Bolt
   Whitelist the provided Bolt IP addresses on your production site. You can retrieve this from your Merchant dashboard or your Bolt representative.

2. Install Bolt Production Keys on Your Production Site
   Retrieve the Publishable Key, Secret Key, and API Key from your Bolt Merchant Dashboard in Administration > API to use where needed in your WooCommerce production site.

The publishable key is a long string of lower and upper case letters and numbers that consists of three sections.

1. Configure Webhook URLs in the Bolt Merchant Dashboard
   Go to your Bolt Merchant Dashboard. Then, go to Developers and scroll to Merchant Callback API and set up the three following URL Configurations:
   • Webhook
   • Shipping and Tax
   • Create Order

4. Configure Bolt Settings in Wordpress
   Configure the following Bolt settings in your Wordpress Admin Dashboard.

5. Install your custom Bolt extension using the WooCommerce Extensions Guide.
   Your extension includes the following customizations:
   • Redirect to the cart page after successful addition.
   • Change the link of mini-cart widget to cart page.
   • The plugin “WooCommerce Checkout Field Editor” disables the shipping fields on checkout page, and it breaks Bolt checkout eventually, so we need to restore these fields.
   • Restore quantity field on the cart page.
   • Make Bolt PPC work on different templates of single product page.

1. Gather the order tracking number and carrier information used for the shipment.
2. Submit a POST request to the Bolt API Track Shipment endpoint /v1/merchants/track_shipment.
3. Display the order tracking dashboard to your shoppers using the following script:

<script> 
  id="bolt-account"
  type="text/javascript"
  src="https://connect.bolt.com/account.js"
  data-publishable-key=<publishable_key>
</script>