Kein Code
Der Button kommt als App-Block in Ihr Theme und wird im Theme-Editor per Drag-and-drop platziert.
HomeVisioner
HomeVisioner in Shopify einrichten: Schritt für Schritt
Diese Anleitung führt Sie vom Shopify App Store bis zur ersten Raumvorschau auf Ihrer Produktseite. Sie brauchen keinen Code und keine neuen Produktbilder. Wenn Sie irgendwo hängen, richten wir es kostenlos mit Ihnen ein.
Sie bestimmen, wo
Sie schalten den Button pro Kollektion oder pro Produkt frei – nur dort erscheint er.
Kostenlose Einrichtungshilfe
Über die Support-Seite der App oder [email protected] richten wir den Button mit Ihnen gemeinsam ein.
Bevor Sie starten
Sie brauchen nur Ihren Shopify-Adminzugang. Gut zu wissen:
- Der Button ist ein Theme-App-Block. Er funktioniert mit Online-Store-2.0-Themes (z. B. Dawn und die meisten aktuellen Themes).
- Älteres Theme ohne App-Blöcke auf der Produktseite? Ältere (Vintage-)Themes werden über das App-Embed unterstützt: Sie schalten HomeVisioner über die App-Einbettungen ein (Schritt 4).
- Die App ist in 10 Sprachen verfügbar, darunter Deutsch, Englisch und Türkisch; sie folgt der Sprache Ihres Shopify-Admins.
In sechs Schritten zur ersten Vorschau
App installieren
Öffnen Sie „HomeVisioner: Room Visualizer“ im Shopify App Store und installieren Sie die App für Ihren Shop. Danach finden Sie sie im Admin unter Apps. Das Dashboard zeigt eine Checkliste „Erste Schritte“, die Sie durch die folgenden Schritte führt.
Plan wählen
Der Plan wird in Shopify gewählt und erscheint auf Ihrer Shopify-Rechnung, nicht als separate Rechnung. Der Free-Plan enthält 20 Visualisierungen pro Monat, muss aber ausgewählt werden: Ohne gewählten Plan erstellt das Widget keine Vorschauen. Starter können Sie 14 Tage kostenlos testen. Den Plan ändern Sie jederzeit unter „Abrechnung“.
Produkte freischalten
Öffnen Sie „Verwalten“ und aktivieren Sie die Kollektionen, auf deren Produktseiten der Button erscheinen soll. Einzelne Produkte schalten Sie im Reiter „Produkte“ frei. Neue Produkte in einer aktivierten Kollektion übernehmen die Einstellung automatisch.
„Verwalten“ (englische Oberfläche: Manage catalog). Bild aus dem Shopify-App-Store-Eintrag. Button ins Theme setzen
Klicken Sie in der Checkliste auf „Block zum Theme hinzufügen“. Der Theme-Editor öffnet sich auf der Produktvorlage, der HomeVisioner-Block ist schon eingefügt. Ziehen Sie ihn neben den In-den-Warenkorb-Button und klicken Sie auf Speichern.
- Manuell geht es so: Online-Shop → Themes → Anpassen, zur Produktvorlage wechseln und im Hauptproduktbereich „Block hinzufügen“ → HomeVisioner wählen.
- Unterstützt Ihr Theme keine App-Blöcke, zeigt die Checkliste stattdessen „App-Einbettungen öffnen“. Aktivieren Sie dort HomeVisioner und speichern Sie. Der Button erscheint dann über dem In-den-Warenkorb-Button.
Button anpassen
Unter „Einstellungen“ legen Sie Text, Stil (gefüllt, umrandet oder Verlauf), Farbe, Größe, Eckenradius, Icon und Schrift des Buttons fest; „An deinen Shop anpassen“ übernimmt auf Wunsch einen Button-Look Ihres Themes. Im Theme-Editor stellen Sie am Block die Buttonbreite (25–100 %, auf dem Desktop) und die Ausrichtung ein. Auf dem Handy bleibt der Button volle Breite, wie „In den Warenkorb“.
Testen
Öffnen Sie eine freigeschaltete Produktseite, tippen Sie auf den Button, laden Sie ein Raumfoto hoch und erstellen Sie die erste Vorschau. Sie ist in Sekunden fertig. Danach hakt die Checkliste den Schritt „Widget testen“ ab.
So sieht das Ergebnis aus. Bild aus dem Shopify-App-Store-Eintrag.
Optional: E-Mail-Erfassung und Limits
Die E-Mail-Erfassung ist ab Werk eingeschaltet: Nach einer Visualisierung fragt das Widget nach der E-Mail-Adresse. Unter „Einstellungen“ legen Sie fest, nach wie vielen Visualisierungen gefragt wird und wie viele Visualisierungen eine Besucherin oder ein Besucher pro Tag erstellen kann. Die gesammelten Leads finden Sie unter „Kunden“.
Welche Raumfotos Ihre Kunden hochladen sollten
Das Widget zeigt diese zwei Beispiele beim Hochladen selbst an. Wenn Sie Kunden in Ihrem Shop Tipps geben möchten, sind das die wichtigsten.
So gelingt die Vorschau
- Weitwinkel, Raum gut sichtbar
- Handy quer halten
- Hell, am besten Tageslicht
- Boden bzw. die Fläche, auf die das Produkt soll, ist im Bild
- Möglichst aufgeräumt
Besser vermeiden
- Nahaufnahmen und Produktfotos
- Ausschnitte, in denen der Boden fehlt
- Dunkle oder verwackelte Fotos
- Personen im Bild: Fotos mit erkennbarem Gesicht werden nicht verarbeitet
Der Button erscheint nicht? Die häufigsten Ursachen
In dieser Reihenfolge prüfen:
- Der HomeVisioner-Block ist nicht in der Produktvorlage (oder ungespeichert).
- Das Produkt bzw. seine Kollektion ist unter „Verwalten“ nicht aktiviert.
- Das Monatskontingent Ihres Plans ist aufgebraucht, oder es ist kein Plan gewählt.
- Bei Themes ohne App-Blöcke: Die App-Einbettung ist ausgeschaltet.
- Erscheint der Button doppelt, wurde der Block zweimal eingefügt – entfernen Sie einen im Theme-Editor.
Häufige Fragen
Muss ich Code ändern?
Nein. Der Button ist ein Theme-App-Block: kein Liquid, kein CSS, kein JavaScript.
Welche Themes werden unterstützt?
Online-Store-2.0-Themes über den App-Block. Ältere (Vintage-)Themes werden über das App-Embed unterstützt.
Kann ich den Button nur bei einigen Produkten zeigen?
Ja. Unter „Verwalten“ schalten Sie Kollektionen oder einzelne Produkte frei. Produkte, die dort nicht aktiviert sind, zeigen den Button nicht, auch wenn der Block in der Vorlage ist.
Brauche ich neue Produktbilder oder 3D-Modelle?
Nein. HomeVisioner nutzt die Produktbilder, die schon in Ihrem Shop sind.
Hilft mir jemand bei der Einrichtung?
Ja, kostenlos. Schreiben Sie über die Support-Seite der App oder an [email protected]; wir setzen den Button mit Ihnen an die richtige Stelle.