Connect your Fourthwall storefront, drop a Store collection block on any page, and let visitors browse products, add to cart, and check out — without leaving your brand.
Open Integrations in the site editor, connect Fourthwall with your storefront token and checkout URL, then insert a Store collection component. Visitors get product pages on your domain, a floating cart, and checkout on Fourthwall. Fulfillment stays with Fourthwall.
What we shipped
Creators who sell through Fourthwall can now wire that catalog into an Aveiro site — same pages, same typography, same analytics — while Fourthwall continues to handle inventory, payments, and fulfillment.
Connect once per site
A new Integrations tab in the editor rail holds your Fourthwall connection:
Storefront token — read access to your published catalog (from Fourthwall → Settings → For Developers)
Checkout URL — your shop domain, used when visitors complete a purchase
Test connection — confirms the token before you save
Credentials are stored encrypted on the server. After you save, the Store collection component can load your Fourthwall collections in the editor without a separate publish step for the connection itself.
Store collection block
In Components, look under Integrations for Store collection:
Pick a Fourthwall collection from a dropdown (including the built-in all collection)
Layout as a grid, column, or row
Control columns, max products, and whether to show titles and prices
Each product card links to a product detail page on your site at /shop/{handle}.
Product pages visitors actually use
Product detail pages include:
Image carousel, title, price, and variant picker (size, color, and so on)
Add to cart with a fly-to-cart animation
Product description rendered with your site’s prose typography
Related products from the same collection when other items exist (three-column grid on desktop)
Shipping, quality, and returns info in accordions
Cart and checkout
When a visitor adds their first item:
A cart icon appears in the same corner as visitor login and support chat
The dropdown shows line items, quantities, and a Checkout button
Checkout opens Fourthwall’s hosted flow — you do not rebuild payment or fulfillment in Aveiro
Why we built it this way
Most creators already picked Fourthwall for merch because fulfillment and print quality are solved. What was missing was a native storefront experience on the site they already publish in Aveiro — not an iframe, not a hard-coded link list, and not a separate Vercel repo unless they want one.Headless commerce fits Aveiro’s model: you own the page design and URL; Fourthwall owns the catalog API and checkout. That keeps the integration maintainable as both products evolve.We also split editor setup from live visibility: you can connect Fourthwall and compose store blocks in draft preview before your next site publish, so merchandising pages do not require a separate “connect in production” step.
Setup checklist
Step
Where
Copy storefront token + note checkout domain
Fourthwall dashboard → Settings → For Developers
Connect Fourthwall
Site editor → Integrations → Set up
Test connection, then Save
Fourthwall integration panel
Insert Store collection, pick a collection
Components → Integrations → Store collection
Publish the page (and site settings if needed)
Editor publish menu
Add a product, confirm cart + checkout
Live site in a private window
Try it
Open a site in the editor and go to Integrations.
Enter your Fourthwall storefront token and checkout URL, Test connection, then Save.
On a page, insert Store collection, choose a collection, and publish.
Visit the live URL, open a product, pick a variant, and add to cart.
Use Checkout in the cart menu and confirm you land on Fourthwall checkout.
