Integrating We Supply with Your Magento Theme: A Quick Guide

1. Overview

This guide shows how to align your Magento storefront theme with WeSupply so your brand looks and feels consistent across both experiences, while keeping order management, tracking, and customer communication smooth. The steps below translate the original quick-guide points into a concise, actionable checklist.

2. Pre-requisites

• Active Magento store with a chosen theme installed.
• WeSupply account connected to your store.
• Ability to update Magento theme settings and basic brand assets (logo, colors, typography).

3. Step-by-Step Instructions

Step 1: Implement your Magento theme

1. Install and configure your preferred Magento theme so it reflects your brand’s layout, colors, and fonts.

Step 2: Fine-tune theme customization

1. Adjust typography, color palette, headers/footers, and product page blocks using your theme’s customization options.
2. Verify that key storefront elements (logo, favicon, buttons, links) match your brand standards.

Step 3: Integrate WeSupply into your Magento backend

1. Ensure your WeSupply connection is active so orders, shipments, and notifications sync properly.
2. Confirm tracking links and order/return experiences route to your WeSupply pages.

Step 4: Align branding between Magento and WeSupply

1. In WeSupply → Settings → Branding, mirror the logo, primary/secondary colors, and typography used in Magento.
2. Preview a WeSupply page (e.g., Order Tracking/Order View) to confirm visual consistency.

Step 5: Validate the customer experience end-to-end

1. Walk through common flows (view order, track shipment, start a return) and check:
   • Navigation clarity
   • Readability and accessibility
   • Consistent tone and visuals across Magento and WeSupply
2. Address any mismatches (wording, icons, spacing) to keep the experience intuitive.

4. Best Practices

• Consistency first: Match logos, color values (HEX), and font families in both systems to reduce cognitive load for customers.
• Keep it simple: Favor clear navigation and minimal visual noise—especially on post-purchase pages where customers just want status info.
• Test real scenarios: Trigger a test order, shipment, and return to validate branding and copy throughout the journey.

5. Troubleshooting / FAQ

My WeSupply pages don’t match my Magento theme.
• Revisit WeSupply → Settings → Branding to sync logo/colors/typography with Magento. Then refresh previews and clear cache if needed. WeSupply Labs

Order links open, but styling feels off.
• Verify you’re previewing the correct WeSupply page templates and that the latest branding settings are saved.

What exactly does the integration cover?
• The original guide emphasizes streamlined order management, shipment tracking, and customer communication; ensure the store connection is active so these flows work seamlessly.

6. Summary

To integrate WeSupply with your Magento theme:

1. Implement and customize your Magento theme.
2. Confirm your WeSupply connection.
3. Mirror branding in WeSupply → Settings → Branding.
4. Test real customer flows to ensure consistent, intuitive experiences across storefront and post-purchase pages.