Einbindung des gesamten Shops per iFrame in externe Seite

Deutsch Diskussion Technische Fragen & Antworten
1

Hallo Community,

kann ich einen fertigen Shop per iFrame in eine externe Seite einbinden (z.B. TYPO3) und kann ich selbst Änderungen am Stylesheet vornehmen?

Leider ist der Abschnitt in der Hilfe sehr rundimentär. Es gibt keinen Hinweis auf etwaige Sicherheitsbeschränkungen (HTTPS).

Vielleicht nutzt(e) es jemand von Euch und kann berichten, dass es funktioniert.

Gruß,

Jan

2

Hey @jpi1

Danke für die Frage und, Tbh, werden wir wenige hier finden die das umgesetzt haben was du beschreibst (aus meiner 5-jährigen Erfahrung hier in der Community). Du könntest aber gerne in unserer privaten FB Gruppe nachfragen denn da gibt es ein paar Experten.

Im Grunde ist das Einbetten eines kompletten Shopify-Shops in eine externe Webseite über ein iFrame technisch möglich, jedoch nicht empfehlenswert. Es gibt einige Probleme, die man dabei beachten sollte wie:

  • Sicherheitsbedenken: iFrames können Sicherheitsrisiken darstellen, da sie möglicherweise von Bad Actors ausgebeutet werden können, den Benutzer auf bösartige Inhalte umzuleiten oder Phishing-Angriffe durchzuführen. Daher blockieren einige Browser iFrames von Drittanbietern oder zeigen Warnungen an.
  • Schlechte UX: Einbetten eines Shops in ein iFrame kann zu einer schlechten Benutzererfahrung führen, da die Inhalte möglicherweise nicht korrekt skaliert oder angezeigt werden. Vor allem auf Handy Geräte können iFrames UI Probleme verursachen.
  • Suchmaschinenoptimierung (SEO): Das Einbetten eines kompletten Shops in ein iFrame kann sich negativ auf die SEO auswirken, da Suchmaschinen den Inhalt möglicherweise nicht richtig crawlen oder indexieren.

Anstatt einen kompletten Shop in ein iFrame einzubetten, kann man die folgenden Alternativen in Betracht ziehen:

  • Shopify Buy Button: mit dem Buy Button kann man Produkte oder Sammlungen vom Shopify-Shop auf einer externen Webseite anzeigen und verkaufen. Der Buy Button generiert einen Code, den man in die externe Webseite einfügt. Siehe weitere Infos dazu hier.
  • API-Integration: Man kann die Shopify API verwenden, um eine Verbindung zwischen dem externen CMS (z. B. TYPO3) und dem Shopify-Shop herzustellen. Dadurch kann man Produktinformationen und Bestellabwicklung auf der externen Webseite anzeigen und verwalten. Weitere Informationen: Shopify API

In Bezug auf die Änderungen am Stylesheet: Ja, man kann Änderungen an den CSS-Dateien des Shopify-Themes vornehmen, um das Erscheinungsbild des Shops anzupassen. Unseren nagelneuen CSS Editor findest du in deinem Theme Editor wie folgt abgebildet (siehe mehr dazu hier) :

Auf ganz-Theme Ebene:

6db14177-de70-43b6-8d4f-a45b638cd9e2.default.png
6db14177-de70-43b6-8d4f-a45b638cd9e2.default.png385×1239 45.4 KB

Auf Section-Ebene:

db28fddd-2dc2-4f6c-88f0-52b62eb1760d.default.png
db28fddd-2dc2-4f6c-88f0-52b62eb1760d.default.png521×1237 86.9 KB

Lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

3

Danke @Gabe !

Hast Du ein Beispiel für einen “Buy Button”? Mir ist die Funktion, z.B. auch Bestellablauf und Warenkorb nicht ganz klar.

4

@jpi1

Hat dir unsere Anleitung zum Buy Button helfen können diesen Feature zu verstehen? Hier generierst du einen Code den du im HTML deiner externen Seite einpflegst um einen Jetzt Kaufen Button auf der externen Seite zu haben wo immer du diesen haben möchtest, und dieser leitet die Besucher der externen Webseite direkt zum Shopify Checkout wo sie auschecken und bezahlen können.

Hierfür brauchst du eigentlich keinen Shopify Online Store Kanal samt Theme und kannst unseren Starter Plan verwenden soweit ich weiss_._