Wix Editor: Eingebettete und benutzerdefinierte Elemente zur mobilen Version deiner Website hinzufügen
3 min
In diesem Artikel
- Eingebettete Elemente werden von deiner Desktop-Website übernommen
- Eingebettete und benutzerdefinierte Elemente zu der mobilen Version deiner Website hinzufügen
- Wichtige Informationen über iFrames
- Wichtige Informationen über benutzerdefinierte Elemente
Verwende eingebettete und benutzerdefinierte Elemente, um Inhalte wie externe URLs, Widgets und Animationen auf deiner Website anzuzeigen.
Eingebettete Elemente werden von deiner Desktop-Website übernommen
Benutzerdefinierte und eingebettete Elemente, die du deiner Desktop-Website hinzugefügt hast, werden auf der mobilen Version deiner Website möglicherweise anders angezeigt.
Das liegt daran, dass bestimmte iFrames für bestimmte Bildschirmgrößen entwickelt wurden und auf Mobilgeräten möglicherweise nicht richtig angepasst oder ausgerichtet werden können.
Wenn dein Element in der mobilen Version deiner Website nicht richtig angezeigt wird, empfehlen wir, die Desktop-Version auszublenden und stattdessen eine mobilfreundliche Alternative aus dem Hinzufügen-Panel im Mobile-Editor zu verwenden (siehe unten).
Eingebettete und benutzerdefinierte Elemente zu der mobilen Version deiner Website hinzufügen
Füge zur mobilen Version deiner Website ein eingebettetes Element, ein Widget oder ein benutzerdefiniertes Element hinzu, um relevante, lustige oder interessante Inhalte anzuzeigen. Du kannst sie verwenden, um Apps, Websites und sogar Animationen zu deiner Website hinzuzufügen.
Wichtig:
Elemente, die über den Mobile-Editor hinzugefügt wurden, sind nur für Mobilgeräte verfügbar. Das bedeutet, dass sie nicht auf der Desktop-Version deiner Website angezeigt werden.
Ein eingebettetes oder benutzerdefiniertes Element zu der mobilen Version deiner Website hinzufügen:
- Klicke links in deinem Mobile-Editorauf Hinzufügen
.
- Klicke auf Code einbetten.
- Klicke auf das entsprechende Element, um es zu deiner Seite hinzuzufügen:
- HTML einbetten: Gib Code von externen Servern ein, um Widgets und Apps auf deiner mobilen Website anzuzeigen.
- Website einbetten: Füge eine URL ein oder gib sie manuell ein, um externe Websites auf deiner Seite anzuzeigen.
- Benutzerdefiniertes Element: Zeige mit Codeausschnitten auf deiner Website an, was immer du möchtest.
- Gib die entsprechenden Details für dein Widget ein.
Hinweis:
Wenn du ein benutzerdefiniertes Element hinzufügst, musst du eine Source auswählen. Möglicherweise kannst du deinem Element auch Attribute hinzufügen.
Wichtige Informationen über iFrames
Wenn du Code oder eine URL in einen iFrame einbettest, beachte die folgenden Richtlinien, um sicherzustellen, dass sie auf deiner Website richtig angezeigt werden.
- Achte immer darauf, dass der Code, den du einbettest, auf dem aktuellen Stand und mit HTML5 kompatibel ist. Die meisten Browser zeigen Seiten und Scripte nicht korrekt an, wenn sie mit älteren HTML-Versionen erstellt wurden.
- Es gibt keine Zeichenbeschränkung für die HTML-und „Website einbetten“-Elemente.
- Dein Code muss HTTPS und nicht HTTP enthalten.
- HTML-Dokumente werden durch HTML-Tags beschrieben. HTML-Tags kommen in der Regel paarweise vor.
und
Das erste Tag in einem Paar ist das Start-Tag; das zweite Tag ist das End-Tag. Dieses Format der Tags ist entscheidend für die Beibehaltung der Struktur der Seite, die du einbetten möchtest. - Einige Websites haben Sicherheitsrichtlinien, die verbieten, dass sie auf externen Plattformen wie Wix eingebettet werden. Infolgedessen erscheinen sie nicht in deinem iFrame, nachdem du ihre URL eingefügt hast. Dies wird durch die externe Codierung der Website gesteuert, und es ist nicht möglich, dies innerhalb von Wix zu umgehen.
Wichtige Informationen über benutzerdefinierte Elemente
Aus Sicherheitsgründen wird das benutzerdefinierte Element sowohl in einem iFrame im Editor als auch im Vorschaumodus angezeigt.
Dies kann sich auf das Layout der Komponente auswirken. Wir empfehlen daher, deine veröffentlichte Website anzusehen. Dort kannst du überprüfen, wie sie auf deiner Live-Website angezeigt wird. Du kannst auch Release Candidates verwenden.
- Um das benutzerdefinierte Element verwenden zu können, musst du aus Sicherheitsgründen deine Website mit einem Premiumpaket upgraden, eine Domain verbinden und darfst auf ihr keine Werbeanzeigen schalten lassen.
- Stelle sicher, dass dein Code HTTPS enthält, nicht HTTP, andernfalls wird er auf deiner Live-Website nicht angezeigt.
- JavaScript-Code enthält die Kernelemente der Seite, aber die Designeinstellungen und andere komplexe Funktionalitäten sind eventuell separat gespeichert. Aus diesem Grund kann es vorkommen, dass einige Elemente nicht funktionieren oder nicht gleich aussehen, wenn die relevanten Elemente nicht im JS-Hauptcode enthalten sind, zum Beispiel in der CSS-Datei und anderen JS-Dateien.
- Stelle immer sicher, dass der Code auf dem aktuellen Stand und mit HTML5 kompatibel ist. Die meisten Browser zeigen Seiten und Scripte nicht korrekt an, wenn sie mit älteren JS- oder HTML-Versionen erstellt wurden.
- SEO kann separat über die Velo API definiert werden.
- Die Leistung ist von der Implementierung des benutzerdefinierten Elements selbst abhängig.
- Der Code des benutzerdefinierten Elements muss von dir gehostet werden, wenn du Velo nicht verwendest (Artikel nur auf Englisch verfügbar).