How to Add the WeSupply Order Lookup Page to Your Shopify Store

1. Recommended Method: Use the Embedded Shopify App Integration (Best Practice)

WeSupply provides a direct integration with Shopify through an embedded app page. This method uses Shopify’s app proxy functionality, allowing the Order Lookup experience to load seamlessly within your store.

Note: While this integration is powered by an iframe in the background, no manual iframe setup is required.

Steps to set it up:

1. Log in to your WeSupply account.
2. Navigate to:
   Settings → Integrations → App Integrations → Embedded section
   

3. Locate and copy the Proxy URL provided.
   

4. https://yourshopifystore.myshopify.com/apps/wesupply/find-your-order

5. Shortcut: You can also use the relative route /apps/wesupply/find-your-order directly on your store if you prefer a shorter URL path.

6. Go to your Shopify Admin Dashboard.
7. Navigate to Online Store → Navigation.
8. Choose the menu where you want to add the link (e.g., Main Menu or Footer Menu).
9. Click Add menu item:
   • Name: e.g., Find Your Order
   • Link: Paste the Proxy URL you copied from WeSupply
10. Click Save.

Result

Your customers can access the WeSupply Order Lookup page directly within your Shopify store, without leaving your site. This provides a smooth and consistent experience.

2. Alternative Method: Manual iFrame Embedding

This method allows you to manually embed the WeSupply Order Lookup page into a custom Shopify page using an iframe.

Steps to set it up:

1. Go to your Shopify Admin Dashboard.
2. Navigate to Online Store → Pages.
3. Click Add page.
4. Add a title (e.g., Find Your Order).
5. Switch to the HTML editor.

6. Paste the iframe snippet below (replace youraccountname with your WeSupply account name):

   <iframe style="width: 100%; height: 777px; overflow: auto; min-height: 777px; visibility: visible;" 
   src="https://youraccountname.labs.wesupply.xyz/?platformType=embedded">
   </iframe>

7. Click Save.
8. Preview the page to ensure it displays correctly.

Additional Notes

• This approach requires manual setup and may need styling adjustments depending on your Shopify theme.
• If the page does not display as expected, you may need to review your theme’s CSS or consult a developer.

Summary

• ✅ The embedded app integration (Section 1) is the recommended approach for most stores.
• ⚙️ The manual iframe method (Section 2) is available for custom implementations.