Wix Corvid (Wix Code): Ein Homepage-Baukasten mit Superkräften?

Ich war ziemlich gespannt, als Wix seine eigene Entwicklungsumgebung herausgebracht und dem bis dahin klassischen Editor besondere Fähigkeiten verliehen hat.

Tatsächlich bin ich heute immer noch begeistert davon, was Wix Corvid (früher Wix Code) alles vollbringen kann. Aber ich bin auch auf ein paar Schwächen gestoßen, pass away Sie kennen sollten. Wenn Sie mehr darüber erfahren wollen, lesen Sie einfach weiter.

Wichtig zu wissen: Dieser Ansatz ist unter allen Homepage-Baukästen einzigartig– male findet ihn bei keinem anderen Anbieter. Und es könnte für Wix einen riesigen Erfolg bedeuten, denn pass away Plattform ist in Zukunft zugänglich für eine neue Gruppe von (erfahrenen) Usern ( z. B. Entwicklern).

Obwohl der Call passes away suggeriert, sind Programmierkenntnisse kein Muss. Wenn Sie bereit sind, sich mit ein paar Tutorials zu befassen, können Sie ohne eine einzige Zeile Code unglaublich gute Ergebnisse erzielen (z. B. dynamische Seiten).

Um pass away Vorteile von Wix Corvid (z. B. API-Nutzung oder spezielle Interaktionen) jedoch voll auszuschöpfen, sollten Sie mit JavaScript umgehen können.

Sicher, auf der Landing Page von Wix Corvid können Sie natürlich mehr über pass away vielen ausgefallenen Ideen lesen und sich pass away futuristischen Styles anschauen.

Aber das reicht nicht wirklich aus, um zu verstehen, was Wix Corvid alles leisten kann.

Was ist Wix Corvid?

Wix Code (bzw. Wix Corvid) ist eine in die Wix-Umgebung integrierte Entwicklungsplattform, pass away es Nutzern ermöglicht, anspruchsvollere Seiten zu basteln. Male kann damit unter anderem Datenbanken erstellen und verwalten, dynamische Seiten aufbauen sowie nutzergenerierte Inhalte hosten.

Falls Sie sich mit JavaScript auskennen, können Sie noch dazu spezielle Interaktionen einbinden ( z. B. Dropdown-Menüs). Außerdem ist es dank der API möglich, Ihre Seite mit anderen Apps zu verbinden, wie mit Zapier, Facebook oder Google Drive.

image11 1

Konsole von Wix Corvid zum Programmieren Ihrer JavaScript-Lösungen

Anders ausgedrückt: Der Wix-Editor wurde mit einer umfangreicheren Funktionalität für komplexere Seiten ausgestattet. Damit ist Wix eher ein CMS ( wie WordPress) statt ein Website-Baukasten. Aber vergessen Sie nicht, dass WordPress trotzdem noch viel leistungsfähiger und flexibler ist (mehr Infos gibt‘s hier).

Vor- und Nachteile von Wix Code

Bevor ich genauer darauf eingehe, wie Wix Code funktioniert und was Sie damit bauen können, schauen wir uns kurz pass away größten Vor- und Nachteile an, damit Sie herausfinden können, ob Ihnen diese Plattform zusagt. Eines aber vorweg: Aktuell ist jegliche Dokumentation von Wix Corvid nur auf Englisch verfügbar.

Pass Away Vorteile:

  • Im Gegensatz zu anderen Umgebungen lässt sich Wix Code ziemlich leicht einrichten Es sind nur ein paar Klicks notwendig, um es zu aktivieren und Ihre erste Datenbank zu erstellen.
  • Keine technischen Schwierigkeiten Lästige Dinge wie Installationen oder Aktualisierungen werden im Hintergrund von Wix durchgeführt.
  • Selbst wenn Sie sich mit JavaScript und API-Aufrufen auskennen, müssen Sie eigentlich nichts vom Programmieren verstehen, um loszulegen.
  • Wix ist dadurch noch leistungsstärker, denn Sie können dynamische Seiten oder nutzergenerierte Inhalte erstellen und Datenbanken in Ihre Homepage einbinden.
  • Wix Corvid stellt eine Reihe umfangreicher Tutorials und Beispiele zur Verfügung, an die Sie sich für den Anfang halten können. Meiner Meinung nach ist die Wissensdatenbank fantastisch.
  • Wix verfügt über eine Neighborhood (als Forum), an die Sie sich wenden können, wenn Sie Hilfe, Ratschläge oder Ideen bei der Verwendung von Wix Code brauchen.

image1

Wie Sie sich sicherlich vorstellen können, hat Wix auch so manche Schwächen:

  • Zwar ist pass away Benutzung von Wix Code umsonst ( mit einem kostenlosen Tarif), aber wenn Ihre Site einen eigenen Domain-Namen haben soll, ist ein Bezahltarif von Wix notwendig (mehr Infos gibt‘s hier).
  • Geeks aufgepasst! Anders als beispielsweise bei WordPress gibt es hier nicht die Möglichkeit, mit PHP serverseitige Scripts zu schreiben Sie müssen sich auf JavaScript beschränken.
  • Male hat trotzdem keinen Zugriff auf den Quellcode Sie können den Code likewise nicht komplett nach Ihren Vorstellungen anpassen, wie das bei anderen Lösungen wie WordPress, Drupal oder sogar Shopify der Fall ist. Das bedeutet weniger Flexibilität für Entwickler.
  • Wix Code läuft nur mit dem System von Wix Das heißt, male kann nicht einfach den Hosting-Anbieter wechseln.

Für wen ist Wix Code gedacht?

Fangen wir lieber andersherum an: Für wen ist es meiner Meinung nach nicht gedacht?

  • Um Wix Code zu verwenden, braucht male keine Vorkenntnisse im Programmieren. Allerdings muss male schon ein wenig technisch-versiert sein, damit es klappt. Sollte das nicht auf Sie zutreffen, ist Wix Code nichts für Sie.
  • Es dauert ein wenig, bis male pass away Besonderheiten des Systems kennengelernt hat. Auch wenn male sich gut an den Anleitungen orientieren kann, müssen Sie ein wenig Zeit einplanen, um den vollen Durchblick zu bekommen.
  • Wix Code kann ziemlich viel leisten, aber erwarten Sie keine Lösung, mit der Sie alles umsetzen können Es hat durchaus seine Einschränkungen (z. B. kein PHP), wenn Sie likewise volle Flexibilität wollen, ist es besser, dass Sie sich nach einem anderen System umschauen (z. B. WordPress).

Ich würde Wix Code denjenigen empfehlen, pass away bereits eine Wix-Seite haben und komplexe Seiten mit einer Datenbank (z. B. Verzeichnisse) benötigen, ihre Site mit externen Anwendungen verknüpfen wollen (z. B. Yahoo Financing) oder ihren Kunden eine individuelle Benutzererfahrung mit Ereignissen und speziellen Interaktionen bieten möchten.

Oder Webdesignern mit (ein paar) JavaScript-Kenntnissen, pass away pass away Komplexität anderer Umgebungen gerne meiden würden

Komponenten von Wix Code

Wix Corvid besteht im Wesentlichen aus 3 (für uns sichtbaren) Elementen, pass away seine Leistung beträchtlich steigern.

Ein Datenbank-System, auf dem Sie alle möglichen Datensätze speichern können (z. B. Text, URL, Bilder oder Videos). Darüber kann male pass away Informationen auch exportieren und importieren, likewise ist es möglich, diese in großem Umfang zu bearbeiten.

image6 1

Quelle: Support-Seiten von Wix

Pass Away Datenbanken sind pass away wichtigste Komponente für dynamische Seiten, Duplicating Layouts und benutzergenerierte Inhalte– dazu später mehr.

Wix ermöglicht über pass away Konsole das Hinzufügen von JavaScript-Snippets auf Ihrer Seite (siehe Screenshot unten). JavaScript-Ereignisse können über das Eigenschaftenbedienfeld mit verschiedenen Seitenelementen (z. B. Bildern) verknüpft werden.

image2 1

Quelle: Support-Seiten von Wix

Auf diese Weise ist pass away Erstellung benutzerdefinierter Interaktionen möglich, z. B. das Hinzufügen von Tooltips, Dropdown-Menüs oder Inhalts- und Layoutänderungen.

Mithilfe der Wix-API kann Ihre Seite mit den APIs anderer Anwendungen kommunizieren. Unterschätzen Sie das jedoch nicht! Die Benutzung dieser (bzw. jeder) API ist nicht ganz unkompliziert und bedarf fundierter Programmierkenntnisse.

image4 1

Aber ja, pass away Ergebnisse können erstaunlich sein (siehe Beispiele), denn Sie erhalten darüber hinaus Zugriff auf pass away Wix Business-Apps (z. B. Wix Bookings oder den Online-Shop). Auch Benutzerbewertungen, Filter-Suchoptionen oder Webanwendungen wie Wetter-Widgets können eingebunden werden.

Was ist mit Wix Code alles möglich?

Nun möchte ich Ihnen gerne zeigen, welche Arten von Material und Design Sie mithilfe von Wix Code erstellen können.

Dynamische Seiten

Auf diese Weise können die in der Datenbank gespeicherten Inhalte automatisch angezeigt werden. Das System generiert pass away erforderlichen Seiten für jede Datenbankzeile.

Wenn Sie schon einmal WordPress verwendet haben, können Sie sich das als eine Art „ Design template” vorstellen.

Der erste Schritt ist pass away Erstellung einer Datenbank (mit nur 1 Klick) und das Hinzufügen aller erforderlichen Felder. Wenn Sie zum Beispiel eine Rezeptseite hätten, wären folgende Felder möglich: Gericht, Bild, Art der Küche, Zutaten und Zubereitung.

image3 2

Quelle: Support-Seiten von Wix

Sobald pass away Datenbank eingerichtet ist, müssen Sie nur noch eine exemplarische (dynamische) Seite mit Dummy-Inhalten erstellen. Verknüpfen Sie zum Schluss pass away oben genannten Felder mit den entsprechenden Elementen der Seite.

image12 1

Quelle: https://off-dust.wixsite.com/reviews/recipes/Chocolate-Truffles

Wix Code kümmert sich um den Rest und generiert automatisch einzelne Seiten für jede Datenbankzeile. In unserem Fall eine für jedes Rezept.

Duplicating Layouts

Einzelne dynamische Seiten zu erstellen ist großartig. Aber manchmal möchten Sie vielleicht automatisch alle Datenbankzeilen auf eine Seite ziehen Zum Beispiel bei der Erstellung eines Verzeichnisses mit Rezepten.

Dafür hat Wix einen cleveren Ansatz entwickelt: Repeating Layouts.

image8 1

Pass away Idee dahinter ist einfach: Wählen Sie ein geeignetes Duplicating Design aus dem Menü „ Lists & & Grids” aus und passen Sie es nach Ihrem Bedarf an. Verknüpfen Sie dann jedes Aspect mit dem richtigen Datenbankfeld. Et voilà: Alle Datenbankeinträge werden hinzugefügt — sogar wenn neue dazukommen.

image10 1

Quelle: Wix.com

Pass away Gerichte im Screenshot oben wurden automatisch aus den Datenbankeinträgen hinzugefügt.

User Input

Aber Wix ist noch einen Schritt weiter gegangen: Web designer haben pass away Möglichkeit, Benutzereingaben zu erfassen ( z. B. über Formulare) und in einer Datenbank zu speichern

Sie müssen dazu nur ein Formular erstellen und es mit einem Datensatz verknüpfen Anschließend ordnen Sie alle Formularfelder den richtigen Datenbankeinträgen zu. Jedes Mal, wenn ein User ein Formular sendet, werden die Angaben dort gespeichert.

Glauben Sie mir, das klingt komplizierter, als es in Wirklichkeit ist. Es sind nur ein paar Klicks nötig, kein Programmieren.

Einen Haufen benutzergenerierter Inhalte in Ihrer Datenbank zu haben, ist natürlich nicht so spannend. Aber Sie könnten damit dynamische Seiten oder Duplicating Layouts erstellen (siehe oben) und den Material Ihrer Besucher auf Ihrer Site veröffentlichen. ( Vergessen Sie nur nicht den Spam, den Sie in dem Fall möglicherweise erhalten.)

Ich habe zum Beispiel dieses Testformular erstellt. Sobald ein User alle Angaben gemacht und abgeschickt hat, wird sein Feedback hier veröffentlicht– und das alles, ohne dass ich einen Finger rühren musste.

Nutzerinteraktionen

Ein Vorteil, wenn male mit JavaScript umgehen kann, ist, dass Sie einzelne Bereiche Ihrer Seite interaktiver gestalten können

Damit haben Sie pass away Gelegenheit, Ihren Besuchern einzigartige Funktionen zu bieten. Das ist bei anderen Homepage-Baukasten nicht möglich.

Das mag Sie jetzt vielleicht abschrecken, aber um JavaScript anwenden zu können … … müssen Sie sich auch mit JavaScript auskennen. Es führt einfach kein Weg daran vorbei, außer male möchte mit dem Programmiercode herumexperimentieren

image9

Das Ganze funktioniert jedoch (mehr oder weniger) intuitiv:

  1. Klicken Sie auf ein Aspect (z. B. ein Bild)
  2. Wählen Sie aus dem Eigenschaftenbedienfeld eines der verfügbaren Ereignisse aus (für Beispiele siehe unten)
  3. Fügen Sie den passenden JavaScript-Code hinzu– das ist das Schwierigste

Übrigens bietet Wix einige Beispiele, pass away Sie sich anschauen und dann so anpassen können, wie Sie es gerne hätten. Denken Sie aber daran: Das bedeutet wahrscheinlich, dass Sie so lange herumprobieren, bis Sie mehr von JavaScript verstehen.

Was ist denn eigentlich pass away API?

Gute Frage.

Pass away API ist ein Tool für richtige Programmier-Spezialisten. Mit ihr kann das, was Wix kann, noch erweitert werden, und zwar indem male pass away Wix-Sprache (JavaScript-basiert) „ spricht”. Stellen Sie sich passes away einfach als eine Reihe von Regeln vor, pass away mit dem Wix-System interagieren können.

Das ist etwas schwierig zu verstehen, oder? Hier kommen ein paar Beispiele.

Sie könnten eine Verbindung zu anderen Online-Diensten ( z. B. einem Wetteranbieter) herstellen, Informationen empfangen und nach Bedarf auf Ihrer Site anzeigen.

image13 1

Es wäre aber auch möglich, mit anderen Wix-Komponenten zu kommunizieren, wie mit Wix Reservations. Auf diese Weise ließe sich das gesamte Nutzererlebnis mit Wix Reservations individuell gestalten. Sie könnten unter anderem Ihre eigenen Zeitpläne erstellen, einen schnellen Check-out anbieten oder Filter für Ihre Dienstleistungen hinzufügen– weitere Informationen dazu gibt‘s hier.

Aber Sie haben natürlich recht, wenn Sie jetzt denken, dass das für Einsteiger nicht so leicht ist.

Ein paar letzte Gedanken: Wix Corvid

Wie Sie merken, bin ich ziemlich begeistert davon, wie sich Wix Corvid gerade entwickelt.

Mir gefällt, dass male ohne jegliche Programmierkenntnisse komplexe Seiten bauen kann ( z. B. dynamische Seiten und Duplicating Layouts). Außerdem ist pass away Möglichkeit, Datenbanken zu verknüpfen und nutzergenerierten Material zu erfassen, ziemlich cool.

Ohne Zweifel erleichtert Wix Code Anfängern pass away Verwaltung größerer Seiten und komplizierterer Projekte wie Listings oder Verzeichnisse (z. B. Seiten für Rezepte oder Immobilien). Ich würde mir nur eine bessere Navigation wünschen, damit male auch eine sehr große Webseite leichter verwalten kann (für weitere Informationen dazu siehe unter „Tiefe der Navigation“).

Ein kurzer Hinweis zur Seitengeschwindigkeit: Je mehr Seiten male hat, desto langsamer wird pass away Wix-Website (sowohl Front- als auch Backend).

image7 1

Quelle

Wenn Sie über ein wenig Knowledge im Bereich Programmieren verfügen (oder bereit sind, es zu lernen), sind erstaunliche Interaktionen möglich (z. B. Elemente beim Anklicken ein- oder ausblenden). Und für pass away echten Experten bietet pass away API pass away Möglichkeit, Ihre eigenen Web-Apps zu erstellen ( z. B. Wetter-Widgets, Suchfilter oder sogar Suchmaschinen).

Für manche mag es ein Dealbreaker sein, dass eine serverseitige Programmierung mit PHP nicht möglich ist Falls das auf Sie zutrifft, wäre WordPress oder ein ähnliches CMS wahrscheinlich pass away bessere Wahl.

> > Sie können Wix Code kostenlos testen und herausfinden, ob es Ihren Ansprüchen genügt

The post Wix Corvid (Wix Code): Ein Homepage-Baukasten mit Superkräften? appeared initially on WebsiteToolTester.

Initial source: https://www.websitetooltester.com/blog/wix-code/

.

You might like

About the Author: frank