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:
- Log in to your WeSupply account.
- Navigate to:
Settings → Integrations → App Integrations → Embedded section Locate and copy the Proxy URL provided.
https://yourshopifystore.myshopify.com/apps/wesupply/find-your-order
Shortcut: You can also use the relative route
/apps/wesupply/find-your-orderdirectly on your store if you prefer a shorter URL path.- Go to your Shopify Admin Dashboard.
- Navigate to Online Store → Navigation.
- Choose the menu where you want to add the link (e.g., Main Menu or Footer Menu).
- Click Add menu item:
- Name: e.g., Find Your Order
- Link: Paste the Proxy URL you copied from WeSupply
- 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:
- Go to your Shopify Admin Dashboard.
- Navigate to Online Store → Pages.
- Click Add page.
- Add a title (e.g., Find Your Order).
- Switch to the HTML editor.
Paste the iframe snippet below (replace
youraccountnamewith 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>- Click Save.
- 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.
Comments
0 comments
Article is closed for comments.