By following the instructions below, you can integrate the WeSupply Order Lookup, Order Details, and Returns experience into your BigCommerce store. Customers are kept on the same page without having to switch windows.
Step 1. Go to your BigCommerce dashboard > Channel Manager > Storefronts > Edit Theme:
Step 2. Click Create new page:
Step 3. Add a Page name and Page URL for the new page (e.g. ''Track Order"). Click Create page.
Step 4. Under Page Builder, drag and drop the HTML widget:
Step 5. Paste the relevant code snippet for embedding the WeSupply Order Page in an iframe on your BigCommerce store.
Copy the code snippet below and paste it into the HTML code editor. Please make sure you change the youraccountname with your WeSupply account name. If you log in to your WeSupply account, you'll be able to see your account name in the browser.
<iframe style="width: 100%; height: 777px; overflow: auto; min-height: 777px;
visibility: visible; border:none;" scroll="no"
Step 6. Click Save HTML.
Step 7. Under Page Builder > click the More dots > Settings > and choose the website section where you'd like the WeSupply order lookup page to be displayed:
Step 8. Click the Preview mode to check what the page looks like on your website:
Step 9. Click Save and Publish when you're done.
Step 10. Verify if the page looks as expected after embedding it under your store.
You can place a few test orders on your BigCommerce store to get through the experience by searching orders, checking the delivery status, and even initiating returns.
You can always apply further adjustments to your WeSupply pages from your WeSupply dashboard outlined here:https://support.wesupplylabs.com/hc/en-us/articles/360037959612-How-To-Customize-Your-Tracking-Page-
Note: If the iframe doesn't display as expected, you could try to investigate the CSS styling that conflicts with the iframe by heading to the BigCommerce store theme.