.rte-table-wrap{ max-width:900px; margin:2rem auto; overflow-x:auto; } .rte-table{ width:100%; border-collapse:collapse; } .rte-table th, .rte-table td{ padding:.75rem; border:1px solid #e5e7eb; text-align:left; } .rte-table thead th{ font-weight:600; } .rte-table-caption{ text-align:center; font-size:.9rem; opacity:.8; margin-top:.5rem; } /* Mobile stacked layout */ @media (max-width:640px){ .rte-table thead{ display:none; } .rte-table, .rte-table tbody, .rte-table tr, .rte-table td{ display:block; width:100%; } .rte-table tr{ border:1px solid #e5e7eb; margin-bottom:.75rem; } .rte-table td{ border:none; border-bottom:1px solid #f3f4f6; } .rte-table td::before{ content:attr(data-label); font-weight:600; display:block; margin-bottom:.25rem; } }
Brand name has been changed for privacy reasons.
An English-first Shopify skincare brand had been selling across Canada for two years but was seeing near-zero traffic and sales from Quebec despite running French Facebook ads. Their storefront was English-only and their checkout defaulted to English — creating friction and distrust with francophone shoppers.
Set up Shopify Markets for Quebec with a dedicated /fr-ca storefront. Localized all customer-facing templates, checkout flows, transactional emails, and policy pages into Quebec French. Optimized product descriptions for 25 SKUs using Quebec-specific search terms. Built hreflang structure and French SEO foundations targeting Montreal and Quebec City.
Within 60 days of launch, Quebec organic traffic increased by 340%. French-language sessions now account for 28% of total traffic, and the Quebec conversion rate matches the English storefront for the first time.