Framer
Framer integration
Framer is the no-code site builder for brand and campaign sites. We use it when the marketing site needs to move fast and the store stays on Shopify.
UPDATED OCT 2026 · SOURCES (4)
FRAMER INTEGRATION AT A GLANCE
COMPLEXITY
Low
METHOD
TYPICAL SETUP
1–2 weeks
WHAT WE DO
Design and publish the marketing site in Framer, connect Shopify Buy Buttons or deep links to the store, and set up analytics and SEO basics.
CATEGORY
Design & dev
SETUP BY PLATFORM
How we set up Framer
Shopify
Framer on Shopify (Buy Button/links): Design and publish the marketing site in Framer, connect Shopify Buy Buttons or deep links to the store, and set up analytics and SEO basics.
Shopify store builds →Shopify Plus
On Shopify Plus (Buy Button/links): everything in Shopify, plus the Plus-only hooks (checkout extensions, B2B, Launchpad) where Framer can use them.
Hydrogen
On a headless storefront (Hydrogen, Astro or Next.js) we connect Framer through Links and own the event and data mapping ourselves.
USE CASES
What teams use it for
Campaign microsites
Launch pages designed and shipped in days.
Brand site + store
Framer for brand, Shopify for commerce, one domain with a subpath or subdomain.
Buy Buttons
Add-to-cart from Framer pages into Shopify checkout.
BEFORE YOU ADD IT
What to watch out for
COMMERCE
Framer is not a store
Carts, accounts and checkout stay on Shopify.
SEO
Subdomain vs subpath
A subpath needs a reverse proxy; a subdomain is simpler but splits authority.
CMS
Limited CMS
Large catalogues of content belong in a real CMS.
05
Framer with Shopify
Framer is a visual site builder designers love, and it is a good home for a brand's marketing site or landing pages when the store itself runs on Shopify. The two connect through links, embeds and a shared domain strategy rather than a deep integration.
We set Framer up on a subdomain or a path alongside the Shopify store, keep the navigation and design system consistent across both, and use Shopify's Buy Button or direct product links so a Framer landing page can sell without rebuilding checkout. Analytics run across both through GTM and GA4 with cross-domain tracking so a session that starts on the Framer page and buys on Shopify is counted once.
What Framer should not do is host the catalog. Product pages, collections and cart belong in Shopify for SEO, inventory and checkout reasons. Framer is for the campaign page, the brand story and the launch microsite — the pages that change every month and want a designer's hands on them.
Can Framer sell products?
Framer is not a store. A Framer page can sell through Shopify Buy Buttons or direct product links into Shopify checkout, while carts, accounts and checkout stay on Shopify.
Framer or Webflow?
Framer suits campaign pages and brand sites that change every month and want a designer's hands on them. Its CMS is limited, so large bodies of content belong in a real CMS. We help you choose.
Can the Framer site live at /blog on our Shopify domain?
A subpath needs a reverse proxy, while a subdomain is simpler but splits authority. We decide the domain plan before the build and keep navigation consistent across both.
Does Framer hurt SEO?
Not by itself, but the domain split matters: a subdomain splits authority, and a subpath needs a reverse proxy. Product pages, collections and cart stay in Shopify, and cross-domain GA4 keeps tracking whole.
You've reached the end, so now…
Tell us what you're selling.
Send us your store. Within one business day you get a short Loom from a senior: the three things we'd fix first, what it would cost, and whether we're the right team for it.
- No pitch deck, no discovery-call theatre
- You keep the audit whether or not you hire us
- Fixed-scope quotes, no hourly surprises
Prefer to talk? Book 20 minutes with Haniel or call +1 855-764-4977