Setting up HomeVisioner in Shopify: step by step

Before you start

All you need is access to your Shopify admin. Good to know:

• The button is a theme app block. It works with Online Store 2.0 themes (Dawn and most current themes, for example).
• Older theme without app blocks on the product page? Older (vintage) themes are supported through the app embed: you switch HomeVisioner on through App embeds (step 4).
• The app is available in 10 languages, including English, German and Turkish; it follows your Shopify admin language.

Six steps to the first preview

1. 1

   Install the app

   Open “HomeVisioner: Room Visualizer” on the Shopify App Store and install it for your store. You then find it in your admin under Apps. The dashboard shows a “Get started” checklist that walks you through the steps below.

2. 2

   Choose a plan

   You pick the plan in Shopify, and it appears on your Shopify invoice rather than as a separate bill. The Free plan includes 20 visualizations a month but has to be selected: with no plan chosen, the widget creates no previews. Starter can be tried free for 14 days. You can change plans any time under “Billing”.

3. 3

   Enable products

   Open “Manage” and switch on the collections whose product pages should show the button. Single products are enabled on the “Products” tab. New products added to an enabled collection inherit the setting automatically.

   

4. 4

   Add the button to your theme

   In the checklist, click “Add block to theme”. The theme editor opens on the product template with the HomeVisioner block already added. Drag it next to the Add to cart button and click Save.

   • To do it by hand: Online Store → Themes → Customize, switch to the product template and choose “Add block” → HomeVisioner inside the main product section.
   • If your theme does not support app blocks, the checklist shows “Open App embeds” instead. Switch HomeVisioner on there and save. The button then appears above the Add to cart button.
5. 5

   Style the button

   Under “Settings” you set the button's text, style (filled, outline or gradient), colour, size, corner radius, icon and font; “Match your store” can take over one of your theme's button looks. In the theme editor, the block itself has the button width (25–100%, on desktop) and alignment. On phones the button stays full width, like Add to cart.

6. 6

   Test it

   Open an enabled product page, tap the button, upload a room photo and create the first preview. It is ready in seconds. The checklist then ticks off “Test the widget”.

   

Optional: email capture and limits

Email capture is on by default: after one visualization, the widget asks for an email address. Under “Settings” you decide after how many visualizations it asks and how many visualizations a visitor can create per day. The leads collected appear under “Customers”.

Which room photos your shoppers should upload

The widget shows these two examples on its upload screen itself. If you want to give shoppers tips in your store, these are the ones that matter.

✓ What works

• Wide angle, room clearly visible
• Hold the phone in landscape
• Well lit, ideally daylight
• The floor, or the surface the product goes on, is in the shot
• As uncluttered as possible

✗ Better avoid

• Close-ups and product shots
• Crops that leave out the floor
• Dark or blurred photos
• People in the shot: photos with a recognisable face are not processed

The button doesn't show? The usual causes

Check in this order:

• The HomeVisioner block is not in the product template (or was not saved).
• The product, or its collection, is not enabled under “Manage”.
• Your plan's monthly quota is used up, or no plan is selected.
• On themes without app blocks: the app embed is switched off.
• If the button shows twice, the block was added twice – remove one in the theme editor.