Die neue Import/Export-Funktion, die wir vor kurzem eingeführt haben, ist ein leistungsstarkes Tool, das deinen Workflow bei der Webentwicklung verändert. Hier sind häufige Anwendungsfälle, die dich dazu inspirieren können, diese Funktion zu deinem Entwicklungskit hinzuzufügen.
Vor ein paar Wochen hat Elementor wir die zweite Phase der Import-/Exportfunktion eingeführt. Damit haben Webentwickler die Möglichkeit, einen Website-Entwurf zu erstellen, ihn als Kit zu exportieren und ihn als Ausgangspunkt für künftige Projekte zu verwenden.
Durch den Export einer kompletten Website kannst du viele der „ersten Schritte“ überspringen, die beim Erstellen von WordPress-Websites erforderlich sind. Alle wichtigen Entscheidungen, wie z. B. globale Einstellungen, Website-Teile, Seiten, Pop-ups und mehr, werden einmal in der Blaupause getroffen. Denke darüber nach – dieses Tool kann Ihren Arbeitsablauf verändern und gibt dir die Zeit zurück, die du mit technischen Einstellungen verbracht hast.
Hier sind einige Anwendungsfälle, die dich inspirieren können, diese Funktion in deinen Arbeitsablauf zu implementieren.
Inhaltsverzeichnis
Wie man den Import/Export von Elementor implementiert – Anwendungsfälle
1. Implementiere dein Design-System
2. Füge deine persönliche Note hinzu
3. Erstelle ein Site Blueprint für eine bestimmte Branche
4. Erstelle ein Marketingpaket
5. WooCommerce-Websites erstellen
6. Weniger Zeit für die Gestaltung von Kopf- und Fußzeilen aufwenden
7. Übertrage deinen eigenen Code
8. Zusätzliche Seitenvoreinstellungen
9. Verkaufe dein Website-Kit
Wie Sie Elementors Import/Export implementieren – Benutzerbeispiele
1. Implementiere dein Design-System
Designsysteme helfen dabei, den Designprozess einer Website zu rationalisieren und berechenbarer zu machen, indem Komponenten auf verschiedenen Seiten nach einem bestimmten Standard wiederverwendet werden.
In Elementor 3.0 haben wir die Design System Features eingeführt und Webentwickler haben schnell gelernt, wie sie globale Farben, Schriften und Seiteneinstellungen nutzen können, um die Designrichtlinien ihrer Kunden umzusetzen.
Jetzt kannst du noch einen Schritt weiter gehen und das von dir erstellte Designsystem in andere Website-Projekte exportieren.
Es gibt viele Szenarien, in denen du dies umsetzen kannst. Zum Beispiel kannst du ein Projekt für eine Bildungseinrichtung gewinnen und musst das gleiche Designsystem für eine Vielzahl von Bereichen definieren. Außerdem hast du vielleicht bestimmte Einstellungen, die für verschiedene Designsysteme gelten, die du implementierst. In beiden Fällen werden die vorgefertigten Einstellungen dazu beitragen, den Zeitaufwand für die Einrichtung des Entwurfssystems zu verringern.
2. Füge deine persönliche Note hinzu
Websites sind wie Menschen – jeder ist einzigartig. Wenn du eine Website erstellst, spiegeln deine Entscheidungen oft deinen eigenen Stil wider und geben jedem Projekt eine persönliche Note. Indem du deine Blueprint-Website verpackst und sie als Ausgangspunkt wiederverwendest, kannst du jedes Projekt mit deinen persönlichen Elementen beginnen, die bereits in das System eingebaut sind.
Diese persönliche Note kann ein hervorstechendes Merkmal sein, wie z. B. kräftige Farben, oder subtiler, wie die Verwendung von Weißraum.
Ein großartiges Beispiel dafür ist Loomo – ein originelles Elementor-Designstudio. Ich verliebte mich in ihre Website und ihr Portfolio und besuchte einige der Websites, die sie auf ihrer Website vorstellten.
Zugegeben, eine meiner Lieblingsbeschäftigungen bei der Arbeit ist es, inspirierende Studios und Freiberufler wie Loomo zu entdecken. Es macht Spaß, ihre Arbeit zu erkunden und herauszufinden, wie sie jedem Projekt ihre persönliche Note verleihen.
Ich empfehle, einen Website-Baukasten zu erstellen, der nicht nur die Grundausstattung einer Website enthält, sondern auch kleine Designelemente und persönliche Akzente, die zeigen, dass du der Webentwickler dahinter bist. Indem du deinen eigenen Stil in deinen Website-Entwurf einfließen lässt, kannst du sicherstellen, dass dieser Stil in deinem gesamten Werk zu sehen ist.
3. Erstelle ein Site Blueprint für eine bestimmte Branche
Jeder weiß, wie wichtig es ist, sich auf eine bestimmte Branche zu beschränken. Wenn du dich auf eine bestimmte Branche spezialisierst, ist es für Webentwickler viel einfacher, ihre Dienstleistungen zu verkaufen.
Die Websites, die du für eine bestimmte Branche erstellst, haben wahrscheinlich ähnliche Seiten, Funktionen und Elemente. Einige Beispiele sind:
- Restaurant-Websites – diese Websites enthalten in der Regel Menüseiten, ein Tischreservierungssystem und Karten.
- Websites für Veranstaltungen – alle diese Websites enthalten einen Countdown-Timer und wahrscheinlich eine Art Kaufseite.
- Portfolio-Websites – Galerien und Fallstudien sind für diese Websites unerlässlich.
Mit Elementor kannst du benutzerdefinierte Website-Kits erstellen, die auf die Branche zugeschnitten sind, in der du tätig bist. Wenn nun ein neuer Kunde an deine Tür klopft, kannst du einfach das Kit anwenden und den Inhalt anpassen, um eine brandneue, einzigartige Website zu erstellen, was dir Zeit und Mühe spart.
4. Erstelle ein Marketingpaket
Im Gegensatz zu Websites sind Marketing-Assets darauf ausgelegt, messbare Ergebnisse zu erzielen. Assets wie Formulare, Popups, Hallo-Bars und Landing Pages konzentrieren sich in erster Linie auf Kennzahlen wie CTRs und Konversionsraten. Aus diesem Grund weisen Marketing-Assets in verschiedenen Branchen und Kategorien viele Gemeinsamkeiten auf.
Wenn du mehr und mehr Website-Setups testest, wirst du herausfinden, welche Elemente die effektivsten Ergebnisse liefern. Nutze diese Informationen, um ein „Marketing-Toolkit“ zu entwickeln, das dir bei verschiedenen Projekten zur Verfügung steht. Alles, was dieses Superhelden-Setup braucht, sind ein paar kleine Anpassungen an die jeweilige Kampagne, und schon bist du startklar.
5. WooCommerce-Websites erstellen
Bei WooCommerce-Websites geben wir uns selten mit der von WooCommerce bereitgestellten Grundeinstellung zufrieden.
Die Anpassung des Designs und Layouts der Produktseiten und der einzelnen Produktseiten kann Teil der Einrichtung von WooCommerce sein, ähnlich wie das Ausfüllen der Versanddaten.
Du kannst die gesamte Einrichtung nicht überspringen, aber du kannst die Leistung von Elementor nutzen, um dein WooCommerce-Website-Kit zu erstellen. Das Kit enthält das übliche Erscheinungsbild verschiedener Teile deines Online-Shops, nachdem du es mit dem WooCommerce Builder von Elementor angepasst hast.
6. Verbringe weniger Zeit mit der Gestaltung von Kopf- und Fußzeilen
Ist dir aufgefallen, dass die meisten Unternehmenswebsites ein ähnliches Kopf- und Fußzeilendesign haben? Ich liebe es zwar, kreative Kopfzeilen zu entdecken, aber es ist nicht zu leugnen, dass du wahrscheinlich ein ähnliches Design für die Kopf- und Fußzeilen verwenden wirst, die du für deine Kunden erstellst.
Viele Webentwickler haben eine Struktur, die sie für verschiedene Kunden verwenden. Ein Freiberufler erzählte mir, dass er hauptsächlich mit kleinen Unternehmen arbeitet und gerne eine obere Leiste mit den Unternehmensdaten und darunter einen weiteren Bereich mit dem Menü und dem Logo der Website hat. Auch für die Fußzeile verwendet er eine ähnliche Struktur, einschließlich des Urheberrechtshinweises.
Wenn du deinen Standard-Website-Baukasten erstellst, kannst du den Schritt der Einrichtung von Kopf- und Fußzeilen überspringen, indem du diese Einstellungen importierst und exportierst.
7. Übertrage deinen eigenen Code
Da wir gerade von Kopfzeilen sprechen: Es gibt einen beliebten benutzerdefinierten Code, den viele Webentwickler verwenden, um die Kopfzeile zu verkleinern, wenn der Benutzer scrollt.
Dieser Code ist nur ein Beispiel für die vielen Snippets, die Webentwickler regelmäßig in ihren Projekten verwenden. Vor einigen Monaten haben wir eine Funktion für benutzerdefinierten Code eingeführt, mit der du den gesamten benutzerdefinierten Code, den du verwendest, an einem Ort platzieren kannst.
Wenn du deinen Website-Kit-Blaupause erstellst, kannst du alle benutzerdefinierten Codeschnipsel, die du regelmäßig verwendest, speichern und in jede neue Website, die du erstellst, einbauen.
8. Zusätzliche Seitenvoreinstellungen
Fast jede Website hat Seiten, die einfach da sind, weil sie da sein müssen.
Allgemeine Geschäftsbedingungen, Datenschutzrichtlinien usw. – diese Seiten tragen nicht viel zum Gesamterlebnis des Kunden bei, sind aber unerlässlich, und sei es nur aus rechtlichen Gründen.
Wenn du diese Seiten in deinen Website-Baukasten aufnimmst, wirst du dich daran erinnern, sie in jede neue Website, die du erstellst, aufzunehmen, was dir Zeit und Stress erspart.
Übrigens sind einige unserer Vorlagen bereits mit diesen Seiten ausgestattet, wie zum Beispiel dieser Öko-Shop.
9. Verkaufe dein Website-Kit
Zu guter Letzt kannst du eine zusätzliche Einnahmequelle für dein Unternehmen schaffen, indem du dein Website-Kit als Produkt verpackst und es an andere Elementor-Nutzer verkaufst.
Nachdem du alle oben genannten Ideen umgesetzt hast, entdeckst du vielleicht einen Bedarf für dein Website-Kit, der über deine Kunden hinausgeht. Nehmen wir an, du hast ein Website-Kit erstellt, das als Blaupause für alle deine zukünftigen Restaurantkunden dienen soll. Du kannst dieses Kit nun an Restaurants verkaufen, die eine Website erstellen möchten, oder an andere Webentwickler in derselben Nische.
Es gibt zwei Möglichkeiten, deine Website-Kits zu verkaufen: Du kannst Envato als Autor beitreten oder sie über deine eigene Website verkaufen. Suche ein Beispiel? Sehe du dich um, was John Fraskes von AnalogWP getan hat, indem er seine eigenen Website-Kits zum Verkauf angeboten hat.
Große Chance für Webentwickler
Dieser Artikel enthält einige Ideen, die durch die Verbesserung deiner Arbeitsabläufe inspirieren sollen, aber die Möglichkeiten sind wirklich endlos. Als Webentwickler solltest du danach streben, ein System von Abläufen zu etablieren, das du für jeden Kunden befolgst, und sie zu optimieren, indem du sie in dein Website-Kit aufnimmst.
Übersetzt von Verena Jütte
von Website Freiburg
Quelle, unser Websoftware Partner Elementor Pro:
