Sprache
Hotspots, Tooltips und shoppbare Produktfotos auf deiner Wix-Seite — ganz ohne App. Über das HTML-Embed-Element, das in jedem Wix-Tarif verfügbar ist.
Funktioniert im Wix-Editor und in Wix Studio. Auch im Free-Plan.
Foto hochladen, Marker setzen, Tooltip-Inhalte füllen. Auto-Save übernimmt das Speichern.
Aus dem picpins-Dashboard die zwei Zeilen HTML in die Zwischenablage holen.
Im Wix-Editor links auf „+", „Einbetten" → „HTML einbetten" wählen, Code reinpacken, Position anpassen.
Wix arbeitet mit einem WYSIWYG-Editor, also einem visuellen Drag-and-Drop-Builder. Embeds gehen über ein eigenes HTML-Element. Im klassischen Wix-Editor und in Wix Studio funktioniert das fast identisch.
Im Editor links auf das +-Symbol klicken („Element hinzufügen"). Im Menü unter Einbetten findest du die Option HTML einbetten. Klick drauf und zieh das Element auf deine Seite.
Im erscheinenden Pop-up auf Code eingeben klicken. Embed-Code aus dem picpins-Dashboard einfügen, „Update" klicken. Das interaktive Bild erscheint sofort im Editor.
Größe und Position anpassen wie bei jedem anderen Wix-Element — Drag-Handles an den Ecken, X/Y-Position über die Inspector-Leiste rechts.
Wix Studio (das modernere Pendant für Designer und Agenturen) hat den gleichen Workflow, nur mit anderem UI. Im Inspector-Panel auf + Add Elements, dann Embed → Embed HTML. Code einfügen, fertig.
Wix Studio bietet bessere Responsive-Kontrolle: Du kannst Höhe und Breite des Embed-Containers per Breakpoint setzen, sodass das Bild auf Mobile anders dargestellt wird als auf Desktop.
Auf Produktseiten kannst du das HTML-Embed unterhalb der Produktbeschreibung platzieren — einfach das Element auf die Produkt-Seite ziehen. Wix erlaubt allerdings keine Embeds in den eigentlichen Produktbeschreibungstext (der ist auf reines Text beschränkt).
Workaround: Eine separate „Lookbook"- oder „Inspiration"-Page mit Embed anlegen und dort auf die Produkte verlinken.
Wix erlaubt nur ein Embed pro HTML-Element. Wenn du mehrere picpins-Bilder auf einer Seite haben willst, musst du das HTML-Element mehrfach platzieren — jedes mit dem jeweils eigenen Embed-Code.
Funktional kein Problem, aber etwas mehr Klickarbeit als bei WordPress oder Shopify.
Outfit-Foto, jedes Teil als Marker mit Preis und Link zum Wix-Stores-Produkt.
Foto vom Buffet oder Tellergericht, Hotspots mit Zutaten, Allergenen, Preisen.
Stadtkarte oder Landschaftsfoto als Bild, Sehenswürdigkeiten als Polygon-Marker mit Foto und Beschreibung.
Hero-Bild deines Projekts, Marker mit Beschreibung, Rolle, Tools, Live-Link.
Ja. Das HTML-Embed-Element ist in jedem Wix-Tarif verfügbar, auch im kostenlosen. Einzige Einschränkung im Free-Plan: Wix-eigene Werbung erscheint oben/unten auf deiner Seite — das ist eine Wix-Sache, nicht picpins.
Im Editor links auf das +-Symbol klicken („Add Elements" / „Element hinzufügen"). Unter „Einbetten" oder „Embed" findest du HTML einbetten. Auf der Seite platzieren, „Code eingeben", picpins-Code reinpacken.
Wix gibt dem HTML-Element eine feste Höhe vor. Im Inspector rechts (Tab „Layout" oder „Größe") die Höhe manuell setzen, mindestens auf Bildhöhe + Tooltip-Spielraum. Bei langen Tooltips: 600–800 px Höhe einplanen.
Nein, leider nicht. Wix Stores erlaubt im Produktbeschreibungsfeld kein HTML, nur Text und Formatierung. Der Workaround: separate Lookbook-Page mit Embed bauen und auf die Produkte verlinken — oder das Embed auf der Produktseite unterhalb der Standardbeschreibung als eigenes Element platzieren.
Ja, aber jedes Bild braucht ein eigenes HTML-Element. Wix erlaubt nicht, zwei Embed-Codes in dasselbe HTML-Element zu packen. Drei Bilder = drei mal das Element platzieren.
Ja, das picpins-Embed ist responsiv. Allerdings hat Wix einen separaten Mobile-Editor — du musst dort die Größe des HTML-Elements nochmal anpassen, weil Wix das Mobile-Layout unabhängig vom Desktop pflegt.
Brauchst du nicht. picpins läuft als statisches Embed, ohne Wix-Datenbank-Anbindung. Velo wäre nur dann interessant, wenn du dynamisch verschiedene picpins-Bilder auf derselben Seite je nach Nutzerinteraktion zeigen wolltest — überengineering für die meisten Fälle.
Wix-Seiten sind generell nicht für Top-Performance bekannt — viele eingebettete Skripte. Das picpins-Embed kommt mit ein paar zusätzlichen kB dazu, ist aber asynchron und blockiert das Rendering nicht. Realistisch: kein spürbarer Unterschied, weil Wix selbst schon mehrere MB JavaScript lädt.
In zehn Minuten vom Foto zum eingebetteten Hotspot-Bild. Account ist kostenlos, Bilder bleiben dauerhaft.