Wie du ein interaktives 3D- oder AR-Design auf eine Squarespace-Website bringst

Mit dem Vectary Web-Embed kannst du ganz einfach ein interaktives 3D-Element auf deinem Blog oder deiner Website platzieren. Diese Technologie nennt sich WebAR. Ähnlich wie beim Einbetten von YouTube-Videos generiert der Vectary 3D/AR-Viewer einen Code, den du in deinen Web-Editor einfügst. Jeder mit einem iPhone oder Android-Gerät kann ein Augmented Reality-Erlebnis direkt über das Web erleben – ganz ohne eine App installieren zu müssen.

So bettest du ein interaktives 3D/AR-Design in Squarespace ein

1. Importiere dein 3D-Modell in das Vectary Studio oder erstelle dein eigenes Modell von Grund auf.
2. Klicke auf den Tab „Publish“ und den Button „Generate“.
3. Gehe zu deinem Theme-Editor in Squarespace. Klicke auf „Pages“. Klicke jetzt auf den Abschnitt, den du bearbeiten möchtest, oder erstelle einen neuen Abschnitt, indem du auf das „+“ klickst.
4. Klicke auf „Edit“ und dann auf das „+“-Symbol oben rechts.
5. Füge einen Code-Block hinzu. Erfahre mehr über die Verwendung von Code-Blöcken auf Squarespace.
6. Lösche den Standardtext und füge den generierten Vectary-Embed-Code ein.
7. Sieh dir die Vorschau der Website an. Wenn du Änderungen vornehmen möchtest, generiere den Code einfach neu – der Viewer aktualisiert sich automatisch.
8. Veröffentliche deine Website.
   ‍

So nimmst du Änderungen in deinem 3D-Web-Viewer vor

Nehmen wir an, du möchtest die Farbe, die Ansicht oder die gesamte Form deines 3D-Modells ändern. Der Vectary-Editor funktioniert wie ein Instant-3D/AR-CMS für deinen Web-Viewer:

1. Öffne dein 3D-Projekt auf Vectary.
2. Nimm Änderungen vor.
3. Klicke auf den Tab „Publish“ und klicke erneut auf den Button „Generate“ – du musst den Code nicht ersetzen. Der 3D-Viewer aktualisiert sich automatisch auf all deinen Websites.

Jetzt loslegen

Beispiel für den Vectary 3D/AR-Viewer:

Deine Shopify-Seite kann ein solches interaktives Element haben. Öffne diese Seite auf dem iPhone mit Safari oder auf Android mit Chrome, um es auch in Augmented Reality zu erleben.