Add the visualizer to your website
Your visualizer lives at stoneswap.studio. The fastest way to send people there is a link they cannot miss: a button on your product pages, a banner across the top of your site, or a before-and-after card on your home page. Build one below, copy the code, paste it into your site — it works in every website builder, and it already wears your colours.
Build yours
One block of HTML, no scripts, no stylesheet — paste it as-is. The link goes to https://stoneswap.studio/.
Where to paste it
Every website builder has a block that accepts raw HTML. Open the page you want it on, add that block where the button should sit, paste the code, publish.
| Your site runs on | The block to use |
|---|---|
| WordPress | Add block → Custom HTML (or the HTML tab of the classic editor). Elementor: the HTML widget. |
| Squarespace | Add block → Code, type HTML, untick “Display source”. |
| Wix | Add → Embed code → Embed HTML, then paste in the box. |
| Shopify | Theme editor → Add section/block → Custom Liquid (paste the HTML as-is), or paste into a page’s HTML view (<>). |
| Webflow | Add element → Embed. |
| HubSpot CMS | Rich text module → Advanced → Source code, or an HTML module. |
| Anything else | Hand the code to whoever edits the site — it is plain HTML and can go anywhere in the page body. |
Also add a plain menu link. Put Design Studio (or Visualizer) in your main
navigation pointing to https://stoneswap.studio/. Menus are where returning visitors look first.
Where it works best
- Product pages — the button under every paver, slab or wall product: “See this on your own home”.
- Home page — the before & after card above the fold, or the banner across the top.
- Where-to-buy / dealer pages — a button so people arrive at the dealer with a design in hand.
- Blog posts and project galleries — a card at the end of every project story.
- Email signatures and newsletters — the button (most email tools accept the HTML; if not, link the plain address).
Test it
- Open your site on a phoneMost visitors arrive from a phone. Tap the button — the visualizer should open on stoneswap.studio.
- Make one designUpload a photo, pick a product, finish it. This proves the whole path from your site to a lead.
- Check the portalSign in at
stoneswap.studio/portal— your design appears on Renders and your account on Users within a minute.
Print it — your QR code
The same link as a QR code, for showroom signs, product tags, trade-show banners, invoices and delivery
paperwork. It opens https://stoneswap.studio/. Download it as a PNG and hand it to your printer.
Scan to design your own space
with StoneSwap products at stoneswap.studio
Want a ready-made showroom banner with this code? Order one from StoneSwap.
Questions: [email protected]. The StoneSwap Design Studio is operated by StoneSwap Inc. · Hamilton, Ontario.