Add the visualizer to your website
Your visualizer lives at newstonegroup.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. Or put the whole studio on a page of your own site.
Build yours
One block of HTML, no scripts, no stylesheet — paste it as-is. The link goes to https://newstonegroup.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 | Use Wix’s own button instead of the code: Add → Button, then the button’s Link → Web Address → paste https://newstonegroup.studio/. (Wix’s Embed HTML box puts code in a small window of its own, so pasted code does not show properly there.) |
| 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://newstonegroup.studio/. Menus are where returning visitors look first.
Put the whole studio on a page of your site
You can also show the whole visualizer on a page of your own website, for example
yoursite.com/design-studio. It fills the whole page and works exactly like your studio at
newstonegroup.studio, with your logo at the top. Your logo, and Back to main site in the account menu,
take visitors back to your home page. It is one plain HTML tag: no script, nothing else to install.
- Switch it on in your portalSign in at
newstonegroup.studio/portal, open My Studio → Website links → Show the whole studio on your website, turn on Let my website show the studio and enter your website address. Until then browsers refuse to show the studio inside your site. - Give the studio a page of its ownMake a new page just for the studio and pick a blank or full-width page template.
- Paste the code below, nothing elsePut it in that page’s HTML, Code or Embed block (the table above shows where each builder keeps it). Nothing else is needed on that page: the studio covers it completely.
- Link to it with a normal linkAdd the page to your menu and product pages like any other
page. Built with Wix, or a React / Next.js site with “instant” links? Make sure the link opens the page with a
normal, full page load, or link straight to
https://newstonegroup.studio/instead. On Wix, the Embed HTML box is a small window of its own, so the code cannot fill the page there. - Try it on your phoneOpen the page, add a photo and make one design.
Two things that stop it working. Do not add a sandbox attribute to the code,
and do not hide it behind a cookie banner’s “click to load” placeholder (visitors who skip the banner would see
an empty page).
Counting visits in Google Tag Manager? The same portal page has an optional switch that tells your page when a visitor reaches each step, and a tag for your own Google Tag Manager. No names, e-mails or phone numbers are ever sent.
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 newstonegroup.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
newstonegroup.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://newstonegroup.studio/. Download it as a PNG and hand it to your printer.
Scan to design your own space
with Newstone Group products at newstonegroup.studio
Want a ready-made showroom banner with this code? Order one from StoneSwap.
Questions: [email protected]. The Newstone Group Design Studio is operated by StoneSwap Inc. · Hamilton, Ontario.