Wie kann man eine ansprechende Website einfach und ohne Komplettneubau in Elementor umwandeln?

Dieser Leitfaden führt Sie Schritt für Schritt durch die Umstellung von Lovable auf Elementor , ohne dabei Designabsicht oder den bisherigen Arbeitsfluss zu beeinträchtigen. Er richtet sich an Gründer, Marketingfachleute und Agenturen, die die Vorteile beider Welten nutzen möchten: die Geschwindigkeit von KI zu Beginn und die Flexibilität von WordPress für die Zukunft.

KI-gestützte Website-Baukästen haben die Umsetzung von Ideen revolutioniert. Mit Tools wie Lovable beschreiben Sie Ihre Wünsche und erhalten innerhalb weniger Minuten eine professionelle Website. Für Produkte in der Frühphase, schnelle Experimente und interne Demos ist diese Geschwindigkeit fast unglaublich.

Doch sobald sich die anfängliche Begeisterung gelegt hat, erkennen die meisten Teams dasselbe: Eine schnelle Entwicklung bedeutet nicht automatisch eine nachhaltige Website. Inhalte müssen wachsen. Suchmaschinenoptimierung (SEO) gewinnt an Bedeutung. Kunden wollen die Website selbst gestalten. Marketingteams wollen die Kontrolle. Genau dann kommen WordPress und Elementor ins Spiel.

Kurz gesagt: Lovable zu WordPress-Konvertierung

• Lovable eignet sich hervorragend für die schnelle Erstellung KI-gestützter Website-Designs in frühen Phasen, für MVPs und zur Validierung von Ideen.

• Elementor wird zur besseren Wahl, sobald Content-Wachstum, SEO, Kundenbindung und langfristige Kontrolle eine Rolle spielen.

• Bei der Umstellung von Lovable auf Elementor geht es um die Übersetzung der Layoutstruktur und der Designabsicht, nicht um das Kopieren von Code.

• Der Prozess funktioniert am besten, wenn das Lovable-Design fertiggestellt ist, bevor Abschnitte innerhalb von Elementor neu erstellt werden.

• Native Elementor-Container und -Widgets erzeugen sauberere und wartungsfreundlichere WordPress-Seiten als externe Skripte oder Einbettungen.

• Die Optimierung für Mobilgeräte und Tablets sollte gezielt erst nach Fertigstellung der Desktop-Layouts erfolgen.

• Bilder und Medien sollten in die WordPress-Mediathek hochgeladen aus Gründen der Leistungsfähigkeit und Zuverlässigkeit

• Dieser Workflow hilft Agenturen und Teams, die Geschwindigkeit von KI mit der Skalierbarkeit von WordPress zu kombinieren, ohne sich dabei an eine bestimmte Plattform zu binden.

• Die Nutzung von Lovable für die Ideenfindung und Elementor für die Umsetzung führt zu einer schnelleren Bereitstellung und langfristig tragfähigeren Websites.

Warum so viele Teams mit „Liebenswert“ beginnen?

Lovable beseitigt anfängliche Hürden. Es hilft Teams, ohne technischen Aufwand oder lange Einrichtungszyklen vom Konzept zum sichtbaren Ergebnis zu gelangen.

Geschwindigkeit ist entscheidend, wenn Ideen noch in der Entwicklung sind

Bei der Validierung einer Idee ist Geschwindigkeit wichtiger als Perfektion. Lovable ermöglicht es Teams, schnell Layouts zu erstellen und auf reale visuelle Elemente anstatt auf Wireframes oder Mockups zu reagieren.

Dies ist besonders nützlich für MVPs, frühe Demos und interne Abstimmungen , bei denen die Dynamik wichtiger ist als die Perfektion.

Warum sich KI-Builder anfangs mühelos anfühlen?

KI-gestützte Konstrukteure treffen viele Designentscheidungen automatisch. Layouts, Abstände und Hierarchien werden anhand von Eingaben generiert, wodurch der Druck, bei Null anfangen zu müssen, genommen wird.

Diese Mühelosigkeit ist der Grund, warum sich Lovable sofort produktiv anfühlt. Man verbringt seine Zeit damit, Ideen zu verfeinern, anstatt Werkzeuge zu konfigurieren.

Wofür ist „Lovable“ tatsächlich optimiert?

Lovable ist für schnelle Designleistungen konzipiert, nicht für die langfristige Website-Verwaltung. Es eignet sich hervorragend für Projekte mit kurzen Zyklen wie Landingpages, Produktentwicklungen in der Frühphase und Konzeptvalidierung.

Es ist nicht dafür ausgelegt, komplexe Content-Systeme, fortlaufende SEO-Strategienoder kundengesteuerte Veröffentlichungen in großem Umfang zu bewältigen.

Wann wird Liebenswert zu einer Einschränkung?

Wenn sich Websites von Experimenten zu echten Geschäftsressourcen entwickeln, verschieben sich die Prioritäten. Flexibilität, Kontrolle und Skalierbarkeit gewinnen an Bedeutung gegenüber der reinen Geschwindigkeit.

Wann wird SEO zur Priorität?

Der anfängliche Traffic stammt oft aus Anzeigen oder direkten Links. Mit der Zeit entwickelt sich die organische Suche zu einem wichtigen Akquisitionskanal. Dies erfordert eine tiefere Kontrolle über Metadaten, Seitenstruktur und Inhaltsbeziehungen. Im Vergleich zu WordPress kann die SEO-Anpassung in KI-gestützten Seitenbausteinen bei wachsendem Content-Volumen als einschränkend empfunden werden.

Content-Wachstum wird mit der Zeit schwieriger

Eine einzelne Seite lässt sich überall einfach verwalten. Mehrere Seiten mit Blogs, Ressourcen und Updates stoßen jedoch schnell an die Grenzen der Plattform. Teams benötigen wiederverwendbare Abschnitte, einheitliche Layouts und eine strukturierte Navigation. Hier spielen WordPress und Elementor langfristig ihre Stärken aus.

Probleme hinsichtlich Kundenbesitz und Plattformabhängigkeit

Für Agenturen sind die Kundenerwartungen oft ausschlaggebend für die Plattformwahl. Kunden wünschen sich vertraute Systeme, risikofreien Zugriff und Flexibilität ohne Anbieterbindung. WordPress genießt weiterhin hohes Vertrauen, und Elementor bietet Kunden visuelle Kontrolle ohne Komplexität. Dies erleichtert die Übergabe und reduziert Bedenken hinsichtlich langfristiger Abhängigkeiten.

Warum Elementor der natürliche nächste Schritt ist

Elementor schließt die Lücke zwischen visuellem Design und skalierbarem Website-Management. Es gibt Teams die Kontrolle, ohne die Benutzerfreundlichkeit zu beeinträchtigen.

Elementor als Baukasten, den Kunden tatsächlich verwalten können

Elementor ermöglicht es Kunden, Inhalte visuell zu aktualisieren und gleichzeitig die Struktur beizubehalten. Textbearbeitungen, Bildaustausch und Layoutanpassungen wirken intuitiv und nicht einschüchternd. Dies reduziert Supportanfragen und stärkt das Vertrauen nach dem Launch.

Warum WordPress für langfristiges Wachstum immer noch die beste Wahl ist?

WordPress unterstützt inhaltsreiche Websites, lässt sich mit nahezu jedem Marketing-Tool integrieren und ermöglicht die volle Kontrolle über Hosting und Performance. Mit dem Wachstum von Unternehmen werden diese Funktionen unerlässlich.

Elementor versus die Nutzung eines KI-basierten Builders

KI-gestützte Entwickler beschleunigen die Ideenfindung. Elementor unterstützt die Umsetzung im großen Maßstab. Beide decken verschiedene Phasen desselben Entwicklungsprozesses ab. Teams, die dies verstehen, nutzen Lovable für schnelles Vorankommen in der Anfangsphase und wechseln dann zu Elementor, wenn Wachstum Stabilität und Kontrolle erfordert.

Anzeichen dafür, dass Sie bereit sind, von Lovable zu Elementor zu wechseln

Der Wunsch nach Migration entsteht meist allmählich. Bestimmte Signale erleichtern die Entscheidung.

Ihr MVP verwandelt sich in ein echtes Produkt

Sobald Ihre Website echte Nutzer, echte Inhalte und echte Umsätze generiert, wird die Struktur wichtiger als die Geschwindigkeit. Designentscheidungen beeinflussen nun nicht nur das Erscheinungsbild, sondern auch die Skalierbarkeit.

Sie benötigen mehr als eine einzige Landingpage

Blogs, Fallstudien, Ressourcen und Dokumentationen benötigen ein System, das die Beziehungen zwischen den Seiten sauber verwaltet. Elementor und WordPress sind für diese Art der Inhaltserweiterung konzipiert.

Leistung, Analytik und Kontrolle gewinnen an Bedeutung

Marketingteams benötigen flexible Analysemöglichkeiten. Entwickler wünschen sich Performance-Optimierung. Gründer wollen die Kontrolle behalten. Diese Anforderungen führen Teams oft dazu, WordPress als Grundlage zu wählen.

Was Sie vor Beginn der Umstellung benötigen?

Eine reibungslose Umstellung erfordert Vorbereitung. Betrachten Sie Lovable als Designvorlage, nicht als halbherzige Implementierung.

So bereiten Sie Ihr Herzensprojekt richtig vor

Legen Sie Layout, Texte und Struktur fest, bevor Sie beginnen. Prüfen Sie, ob Abschnitte und Abstände Ihren Vorstellungen entsprechen. Je klarer die Vorgaben sind, desto weniger Nachbearbeitung ist später nötig.

WordPress und Elementor korrekt einrichten

Installieren Sie WordPress bei einem zuverlässigen Hosting-Anbieter und richten Sie Elementor grundlegend ein. Legen Sie globale Schriftarten, Farben und Layout-Einstellungen im Voraus fest. Aktivieren Sie moderne Layout-Funktionen wie Flexbox-Container, um spätere Änderungen an einzelnen Abschnitten zu vermeiden.

Überlegungen zur kostenlosen vs. pro-Version von Elementor

Elementor Free eignet sich gut für einfache Layouts und statische Seiten. Elementor Pro wird erst dann wertvoll, wenn Ihr Design Formulare, Slider oder komplexere Komponenten enthält. Wählen Sie die Version basierend auf der Komplexität Ihres Designs, nicht auf Annahmen.

Wie funktioniert die Konvertierung von Loving zu Elementor tatsächlich?

Bei diesem Prozess geht es um die Übersetzung von Strukturen, nicht um das Kopieren von Code. Wer das frühzeitig versteht, vermeidet Frustration.

Warum geht es hier um Struktur und nicht um Code-Export?

Lovable erzeugt modernen Frontend-Code, der nicht direkt mit WordPress-Themesist. Der Versuch, diesen wiederzuverwenden, führt in der Regel zu Wartungsproblemen. Elementor hingegen erstellt Layouts mithilfe nativer Container und Widgets, die weiterhin bearbeitbar und skalierbar sind.

Wie Elementor Layouts sauber nachbildet?

Elementor legt den Fokus auf Hierarchie, Abstände und Responsivität. Layouts lassen sich visuell neu gestalten, wobei die logische Struktur erhalten bleibt. Dieser Ansatz sorgt für eine flexible und langfristig einfache Website-Verwaltung.

Was lässt sich gut übertragen und was muss überarbeitet werden?

Statische Abschnitte lassen sich problemlos übertragen. Interaktive Elemente wie Formulare, Schieberegler und Animationen erfordern in der Regel native Elementor-Ersetzungen. Dies ist zu erwarten und führt zu einer übersichtlicheren und zuverlässigeren Website.

Schrittweiser Konvertierungsprozess von Lovable zu Elementor

Diese Konvertierung funktioniert am besten, wenn sie als strukturierter Arbeitsablauf und nicht als übereilte Kopieraktion durchgeführt wird. Jeder Schritt baut auf dem vorherigen auf, daher führt das Überspringen von Schritten in der Regel zu mehr Nachbearbeitung.

Schritt 1: Das endgültige, ansprechende Design festlegen

Bevor Sie WordPress öffnen, finalisieren Sie alle Einstellungen in Lovable. Betrachten Sie es als Ihre genehmigte Designvorlage, nicht als flexiblen Entwurf.

Überprüfen Sie die Seite von oben nach unten und bestätigen Sie die Reihenfolge der Abschnitte, die Abstände, die Typografie und die Farbwahl. Es geht nicht um pixelgenaue Perfektion, sondern um die Bestätigung der beabsichtigten Wirkung. Jeder Abschnitt sollte einen klaren Zweck haben und logisch in den nächsten übergehen.

Wechseln Sie in Lovable zwischen Desktop-, Tablet- und Mobilansicht. Achten Sie darauf, wo die Abstände eng wirken oder Elemente ungünstig angeordnet sind. Diese Beobachtungen helfen Ihnen, in Elementor bessere Layoutentscheidungen zu treffen.

Bitte prüfen Sie, ob alle Texte final sind. Überschriften, Fließtext und Handlungsaufforderungen (CTAs) sollten freigegeben werden. Häufige Inhaltsänderungen während der Konvertierung verlangsamen den Prozess und führen zu Inkonsistenzen.

Sobald dieser Schritt abgeschlossen ist, kann das Projekt „Lovable“ als abgeschlossen betrachtet werden.

Schritt 2: Elementor für übersichtliche Layouts konfigurieren

Bereiten Sie Elementor zunächst korrekt vor. Gehen Sie zu den Elementor-Einstellungen und stellen Sie sicher, dass Flexbox-Container aktiviert sind. Dies ist unerlässlich für moderne Layouts und responsives Design.

Legen Sie globale Schriftarten, Farben und Schaltflächenstile fest, die dem Lovable-Design entsprechen. Dies verhindert wiederholte Anpassungen und sorgt für visuelle Konsistenz auf der gesamten Seite.

Erstellen Sie eine leere Seite mit einem schlanken Design und deaktivieren Sie die Standardabstände und Seitentitel, falls diese das Layout beeinträchtigen. Ziel ist eine übersichtliche und vorhersehbare Arbeitsfläche.

Wer sich hier zehn Minuten Zeit für die Konfiguration von Elementor nimmt, kann sich später stundenlange Korrekturen ersparen.

Schritt 3: Abschnitte in Elementor neu erstellen

Beginnen Sie mit dem schrittweisen Neuaufbau der Seite, beginnend mit dem Header und dem Hero-Bereich. Diese Bereiche definieren die Hierarchie und die Abstände für alle nachfolgenden Elemente.

Verwenden Sie Container anstelle herkömmlicher Abschnitte. Konzentrieren Sie sich auf Ausrichtung, Abstände und Inhaltsfluss, anstatt exakte Maße zu kopieren. Elementor bietet genügend Kontrolle, um das Erscheinungsbild beizubehalten, ohne es zu überkomplizieren.

Arbeiten Sie von oben nach unten und schließen Sie jeden Abschnitt ab, bevor Sie zum nächsten übergehen. Vermeiden Sie es, zwischen Abschnitten hin und her zu springen, da dies häufig zu uneinheitlichen Abständen und Layoutkonflikten führt.

Wenn etwas auf den ersten Blick nicht identisch aussieht, machen Sie weiter. Die Feinabstimmung erfolgt später.

Schritt 4: Interaktive Elemente ordnungsgemäß ersetzen

Lovable stellt Interaktionen oft visuell dar, aber diese Elemente benötigen funktionale Entsprechungen in WordPress.

Ersetzen Sie statische Formularlayouts durch Elementor-Formular-Widgets, damit die Eingaben korrekt erfasst werden. Tauschen Sie Schieberegler, Karussells und Zähler gegen native Elementor-Widgets aus, die echte Interaktion unterstützen.

Vermeiden Sie das Einbetten benutzerdefinierter Skripte, es sei denn, es ist unbedingt erforderlich. Native Elementor-Komponenten sind im Laufe der Zeit einfacher zu verwalten, zu aktualisieren und Fehler zu beheben.

Dieser Schritt stellt sicher, dass die Website nicht nur gut aussieht, sondern auch korrekt funktioniert.

Schritt 5: Bilder und Medien wieder verbinden

Bilder von Lovable sollten niemals extern verlinkt bleiben. Laden Sie alle Bilder herunter und laden Sie sie in die WordPress-Mediathek hoch.

Ersetzen Sie Hintergrundbilder und eingebettete Grafiken durch lokal hochgeladene Dateien. Dies verbessert die Ladezeiten, vermeidet fehlerhafte Inhalte und gibt Ihnen die volle Kontrolle über die Optimierung.

Überprüfen Sie dabei die Bildabmessungen und die Komprimierung. Große Bilder gehören zu den häufigsten Ursachen für Leistungsprobleme nach der Migration.

Schritt 6: Tablet- und Mobilansichten feinabstimmen

Sobald das Desktop-Layout fertiggestellt ist, wechseln Sie sofort zur Tablet- und Mobilansicht.

Passen Sie Schriftgrößen, Abstände und Containerbreiten mithilfe der responsiven Steuerelemente von Elementor an. Konvertieren Sie bei Bedarf feste Pixelwerte in flexible Einheiten, um die Anpassungsfähigkeit an verschiedene Bildschirmgrößen zu verbessern.

Achten Sie auf die Inhaltsreihenfolge und Lesbarkeit auf kleineren Bildschirmen. Ein Layout, das auf dem Desktop gut aussieht, kann auf Mobilgeräten überladen wirken, wenn es nicht gezielt angepasst wird.

In diesem Schritt beginnt die Website professionell gestaltet zu wirken und nicht mehr automatisch generiert.

Schritt 7: Abschließende Überprüfung und Bereinigung

Gehen Sie die gesamte Seite so durch, wie es ein Benutzer tun würde. Klicken Sie auf Schaltflächen, testen Sie Formulare und scrollen Sie langsam.

Prüfen Sie die Überschriftenhierarchie, die einheitliche Formatierung und den visuellen Rhythmus. Kleine Verbesserungen können die wahrgenommene Qualität spürbar steigern.

Generieren Sie die Elementor-Dateien neu und leeren Sie den Cache, um sicherzustellen, dass die Stile korrekt geladen werden. Dies hilft auch, verbleibende Layoutprobleme vor dem Start zu erkennen.

An diesem Punkt wurde das Lovable-Design erfolgreich in eine übersichtliche, editierbare Elementor-Seite innerhalb von WordPress umgesetzt.

Häufige Probleme, mit denen Teams während der Umstellung konfrontiert sind

Kein Spielzug gelingt beim ersten Mal perfekt. Zu wissen, was zu erwarten ist, stärkt das Selbstvertrauen und die Produktivität der Teams.

Abstands- und Layoutfehler

Abstände und Ränder werden selten exakt von KI-generierten Designs übernommen. Das ist normal. Konzentrieren Sie sich auf die visuelle Balance statt auf exakte Maße. Mit den Abstandsreglern von Elementor lassen sich diese Anpassungen schnell vornehmen, sobald Sie nicht mehr auf pixelgenaue Perfektion Wert legen.

Schriftarten, Symbole und Medienverarbeitung

Benutzerdefinierte Schriftarten müssen möglicherweise in den Elementor-Einstellungen neu verknüpft werden. Symbole werden in der Regel problemlos übertragen, sollten aber dennoch auf Konsistenz überprüft werden.

Bilder sollten immer in die WordPress-Mediathek hochgeladen und nicht extern verlinkt werden. Dies verbessert die Performance, die Suchmaschinenoptimierung und die langfristige Zuverlässigkeit.

Warum sind diese Probleme normal und behebbar?

KI-gestützte Website-Baukästen priorisieren die Ausgabegeschwindigkeit. WordPress hingegen priorisiert Struktur und Verantwortlichkeit. Die kleinen Anpassungen, die während der Umstellung nötig sind, stellen keine Rückschläge dar. Sie gehören dazu, um aus einem schnellen Prototyp eine stabile Website zu entwickeln.

SEO- und Leistungsüberprüfungen nach dem Umzug zu Elementor

Die Umstellung ist erst dann abgeschlossen, wenn die Website für die Nutzer optimal auf die Suche abgestimmt ist und effizient geladen wird.

Seitenstrukturierung für bessere Sichtbarkeit in der Suche

Stellen Sie sicher, dass die Überschriftenhierarchie logisch und konsistent ist. Verwenden Sie pro Seite eine eindeutige Überschrift 1 (H1) und gliedern Sie die Abschnitte sinnvoll.

Überprüfen Sie URLs, interne Links und den Inhaltsfluss, um die Auffindbarkeit zu verbessern. WordPress ermöglicht diese Anpassungen einfacher als die meisten KI-Plattformen.

Bildoptimierung und Medienbereinigung

Komprimieren Sie Bilder und liefern Sie Dateien in der richtigen Größe aus. Große, nicht optimierte Bilder gehören zu den häufigsten Leistungsproblemen nach der Migration.

Ersetzen Sie alle extern gehosteten Medien durch lokale Uploads, um die Kontrolle zu behalten und beschädigte Dateien zu vermeiden.

Warum WordPress Ihnen eine bessere Leistungssteuerung bietet?

WordPress bietet mehr Kontrolle über Caching, Hosting und Optimierung. Diese Flexibilität wird entscheidend, wenn der Traffic wächst und die Leistungserwartungen steigen.

Wie nutzen Behörden diesen Workflow im großen Maßstab?

Für Agenturen geht es bei diesem Prozess nicht nur um die Auftragsabwicklung. Es geht auch um Effizienz, Gewinnspannen und Kundenzufriedenheit.

Schnellere Kundenfreigaben dank KI-gestütztem Design

Mit Lovable können Agenturen frühzeitig ausgereifte Konzepte präsentieren. Kunden reagieren auf visuelle Darstellungen schneller als auf statische Mockups. Nach der Freigabe die Konvertierung zu Elementor Nacharbeiten und hält die Zeitpläne ein.

White-Label-Lieferung mit Elementor

Elementor ermöglicht eine nahtlose Übergabe unter der Markenidentität der Agentur. Kunden erhalten ein vertrautes WordPress-Dashboard ohne Kontakt mit experimentellen Tools. Dies schafft Vertrauen und fördert langfristige Kundenbeziehungen.

Umwandlung eines Designs in wiederholbare Abschnitte

Agenturen verwenden häufig bewährte Bereiche projektübergreifend wieder. Elementor ermöglicht das einfache Speichern und Anpassen dieser Layouts. So entsteht mit der Zeit ein skalierbares System anstelle von Einzellösungen.

Sollte man jemals auf Lovable Long-Term bleiben?

Nicht jedes Projekt muss sofort umgesetzt werden. Die Entscheidung hängt von den Zielen ab, nicht von Trends.

Wann ist Liebenswert noch angebracht?

Kurzfristige Kampagnen, interne Tools und frühe Validierungsprojekte lassen sich problemlos in Lovable integrieren. Geschwindigkeit und Einfachheit stehen in diesen Fällen an erster Stelle.

Wann ist Elementor die bessere Investition?

Wenn der Content wächst, SEO an Bedeutung gewinnt oder Kunden mehr Kontrolle benötigen, wird Elementor zu einer soliden Grundlage. Je früher dieser Übergang erfolgt, desto übersichtlicher wird die langfristige Struktur.

Beide Werkzeuge nutzen, ohne sich einzuschränken

Die effektivsten Teams nutzen Lovable für die Ideenfindung und Elementor für die Umsetzung. Dieser Ansatz gewährleistet Geschwindigkeit und vermeidet gleichzeitig langfristige Plattformabhängigkeiten.

Abschließende Gedanken zum Wechsel von Lovable zu Elementor

Lovable ermöglicht es, Ideen in der Entstehungsphase unglaublich schnell umzusetzen. Es beseitigt Reibungsverluste, beschleunigt Experimente und hilft Teams, etwas Reales zu sehen, anstatt es sich nur vorzustellen. Diese Geschwindigkeit ist besonders in der frühen Phase eines Produkts oder einer Kampagne wertvoll.

Elementor wird wichtig, wenn Geschwindigkeit allein nicht mehr ausreicht. Mit dem Wachstum von Websites gewinnen Struktur, Inhaltsverwaltung, Suchmaschinenoptimierung und langfristige Flexibilität an Bedeutung.

WordPress und Elementor bieten eine Grundlage, die diese Bedürfnisse unterstützt, ohne dass Teams auf visuelle Kontrolle verzichten müssen.

Der Wechsel von Lovable zu Elementor ist kein Rückschritt, sondern eine natürliche Weiterentwicklung. Das eine Tool hilft Ihnen, Möglichkeiten zu erkunden, das andere, etwas Bleibendes zu schaffen.

Teams, die Lovable als Designbeschleuniger und Elementor als Wachstumsplattform nutzen, vermeiden Plattformabhängigkeit und unnötige Nacharbeiten. Sie sichern sich frühzeitig Dynamik und später Stabilität. In Kombination tragen beide Tools zu einem intelligenteren und nachhaltigeren Website-Workflow bei.

Häufig gestellte Fragen zur Konvertierung von Lovable zu Elementor