9 Möglichkeiten, wie der Import/Export von Elementor Web-Erstellern hilft, Projekte schneller abzuschließen

Vor einigen Wochen haben wir die zweite Phase unserer Import/Export-Funktion gestartet. Dies gibt Web-Erstellern die Möglichkeit, einen Website-Blueprint zu erstellen, ihn als Kit zu exportieren und als Ausgangspunkt für zukünftige Projekte zu verwenden.

Durch das Exportieren einer gesamten Website können Sie viele der „ersten Schritte“ überspringen, die beim Erstellen von WordPress-Websites erforderlich sind. Alle wichtigen Entscheidungen, wie globale Einstellungen, Website-Teile, Seiten, Pop-ups und mehr, werden einmal in der Blaupause getroffen.

Denken Sie darüber nach – dieses Tool kann Ihren Workflow verändern und gibt Ihnen die Zeit zurück, die Sie für technische Setups aufgewendet haben.

Hier sind einige Anwendungsfälle, die Sie dazu inspirieren können, diese Funktion in Ihrem Workflow zu implementieren.

Designsysteme helfen dabei, den Website-Designprozess zu rationalisieren und vorhersehbarer zu machen, indem Komponenten auf verschiedenen Seiten nach einem bestimmten Standard wiederverwendet werden.

In Elementor 3.0 haben wir die Designsystemfunktionen eingeführt, und Webentwickler haben schnell gelernt, wie sie globale Farben, Schriftarten und Site-Einstellungen verwenden, um die Designrichtlinien ihrer Kunden umzusetzen.

Jetzt können Sie noch einen Schritt weiter gehen und das von Ihnen erstellte Designsystem in andere Website-Projekte exportieren.

Es gibt viele Szenarien, in denen Sie dies möglicherweise implementieren möchten. Sie können beispielsweise ein Projekt für eine Bildungseinrichtung an Land ziehen und müssen dasselbe Designsystem für verschiedene Domänen definieren. Darüber hinaus verfügen Sie möglicherweise über spezifische Einstellungen, die für verschiedene von Ihnen implementierte Entwurfssysteme gelten. In beiden Fällen helfen die vorgefertigten Einstellungen, den Zeitaufwand für die Einrichtung des Konstruktionssystems zu verkürzen.

Websites sind wie Menschen – jeder ist einzigartig. Bei der Erstellung einer Website spiegeln Ihre Entscheidungen oft Ihren eigenen Stil wider und verleihen jedem Projekt eine persönliche Note. Indem Sie Ihre Blueprint-Website packen und als Ausgangspunkt wiederverwenden, können Sie jedes Projekt mit Ihren bereits in das System integrierten persönlichen Elementen beginnen.

Diese persönliche Note kann ein herausragendes Merkmal sein, wie lebendige 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 präsentierten.

Zugegeben, eine meiner Lieblingsbeschäftigungen im Job ist es, inspirierende Studios und Freelancer wie Loomo zu entdecken. Es macht Spaß, ihre Arbeit zu erkunden und herauszufinden, wie sie jedem Projekt ihre persönliche Note verleihen.

Ich empfehle, ein Website-Kit zu erstellen, das nicht nur das grundlegende Setup einer Website enthält, sondern auch kleine Designelemente und persönliche Details, die signalisieren, dass Sie der Web-Ersteller dahinter sind. Indem Sie Ihren charakteristischen Stil in Ihren Website-Entwurf integrieren, können Sie sicherstellen, dass der Stil in Ihrer gesamten Arbeit sichtbar wird.

Jeder weiß, wie wichtig es ist, sich zu verstecken. Durch die Spezialisierung auf eine bestimmte Branche ist es für Webersteller viel einfacher, ihre Dienste zu verkaufen.

Die Websites, die Sie für eine bestimmte Branche erstellen, haben wahrscheinlich ähnliche Seiten, Funktionen und Elemente. Einige Beispiele sind:

• Restaurant-Websites – Diese Websites enthalten normalerweise Menüseiten, ein Tischreservierungssystem und Karten.
• Event-Websites – 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 können Sie benutzerdefinierte Website-Kits erstellen, die auf die von Ihnen bediente Branche zugeschnitten sind. Wenn jetzt ein neuer Kunde an Ihre Tür klopft, können Sie das Kit einfach anwenden und den Inhalt anpassen, um eine brandneue, einzigartige Website zu erstellen, die Ihnen Zeit und Mühe spart.

Im Gegensatz zu Websites sind Marketing-Assets darauf ausgelegt, messbare Ergebnisse zu erzielen. Assets wie Formulare, Popups, Hello-Bars und Landingpages konzentrieren sich hauptsächlich auf Metriken wie CTRs und Konversionsraten. Aus diesem Grund weisen Marketing-Assets viele Gemeinsamkeiten in verschiedenen Branchen und Kategorien auf.

Wenn Sie immer mehr Website-Setups testen, werden Sie feststellen, welche Elemente die effektivsten Ergebnisse liefern. Verwenden Sie diese Informationen, um ein „Marketing-Toolkit“ für verschiedene Projekte zu entwickeln. Alles, was dieses Superhelden-Setup benötigt, sind ein paar kleine Anpassungen, um die spezifische Kampagne anzupassen, und dann können Sie loslegen.

Bei WooCommerce-Websites geben wir uns selten mit der von WooCommerce bereitgestellten Grundeinrichtung zufrieden.

Das Anpassen des Designs und Layouts der Produktseiten und der einzelnen Produktseiten kann Teil der Einrichtung von WooCommerce werden, ähnlich wie das Ausfüllen der Versanddetails.

Sie können das gesamte Setup nicht überspringen, aber Sie können die Leistungsfähigkeit von Elementor nutzen, um Ihr WooCommerce-Website-Kit zu erstellen. Das Kit enthält das übliche Erscheinungsbild verschiedener Teile Ihres Online-Shops, nachdem es mit dem WooCommerce Builder von Elementor angepasst wurde.

Ist Ihnen aufgefallen, dass die meisten Unternehmens-Websites ein ähnliches Design für Kopf- und Fußzeilen aufweisen? Ich liebe es, kreative Kopfzeilen zu entdecken, aber es ist nicht zu leugnen, dass Sie wahrscheinlich ein ähnliches Design für die Kopf- und Fußzeilen verwenden werden, die Sie für Ihre Kunden erstellen.

Viele Webersteller 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 Geschäftsdetails und darunter einen weiteren Abschnitt mit dem Site-Menü und dem Logo hat. Für die Fußzeile verwendet er ebenfalls eine ähnliche Struktur, einschließlich des Copyright-Hinweises.

Wenn Sie Ihr Standard-Website-Kit erstellen, können Sie die Einrichtung der Kopf- und Fußzeilen überspringen, indem Sie diese Einstellungen importieren und exportieren.

Während wir über Header sprechen, gibt es einen beliebten benutzerdefinierten Code, den viele Webentwickler verwenden, um den Header zu verkleinern, sobald der Benutzer scrollt.

Dieser Code ist nur ein Beispiel für die vielen Snippets, die Webersteller regelmäßig projektübergreifend verwenden. Vor einigen Monaten haben wir eine Funktion für benutzerdefinierten Code veröffentlicht, mit der Sie den gesamten benutzerdefinierten Code, den Sie verwenden, an einem Ort platzieren können.

Durch die Erstellung Ihres Website-Kit-Blueprints können Sie alle benutzerdefinierten Code-Snippets, die Sie regelmäßig verwenden, speichern und in jede neue Website integrieren, die Sie erstellen.

Fast jede Website hat Seiten, die einfach da sind, weil sie es sein müssen.

Allgemeine Geschäftsbedingungen, Datenschutzrichtlinien usw. — Dies sind Seiten, die nicht viel für das allgemeine Kundenerlebnis bedeuten, aber schon aus rechtlichen Gründen unerlässlich sind.

Wenn Sie diese Seiten in Ihr Website-Kit aufnehmen, denken Sie daran, sie in jede neue Website aufzunehmen, die Sie erstellen, was Ihnen Zeit und Stress spart.

Übrigens, einige unserer Vorlagen-Kits sind bereits auf diesen Seiten enthalten, wie zum Beispiel dieser Eco Shop.

Zu guter Letzt können Sie eine zusätzliche Einnahmequelle für Ihr Unternehmen schaffen, indem Sie Ihr Website-Kit als Produkt verpacken und an andere Elementor-Benutzer verkaufen.

Nachdem Sie alle oben beschriebenen Ideen umgesetzt haben, entdecken Sie möglicherweise einen Bedarf an Ihrem Website-Kit, der über Ihre Kunden hinausgeht. Angenommen, Sie haben ein Website-Kit erstellt, das als Blaupause für alle Ihre zukünftigen Restaurantkunden dient. Sie können dieses Kit jetzt an Restaurants verkaufen, die eine Website erstellen möchten, oder an andere Webentwickler in derselben Nische.

Es gibt zwei Möglichkeiten, Ihre Website-Kit-Kreationen zu verkaufen: Envato als Autor beizutreten oder es auf Ihrer eigenen Website zu verkaufen. Suchen Sie ein Beispiel? Sehen Sie sich an, was John Fraskes von AnalogWP getan hat, indem er seine eigenen Website-Kits zum Verkauf angeboten hat.

Dieser Artikel enthält einige Ideen, die Sie zur Verbesserung Ihres Workflows inspirieren sollen, aber die Möglichkeiten sind wirklich endlos. Als Web-Ersteller sollten Sie anstreben, für jeden Kunden ein System von Vorgehensweisen zu etablieren und diese zu optimieren, indem Sie sie in Ihr Website-Kit integrieren.

Wir würden uns freuen, von Ihnen zu hören und neue Wege zu entdecken, wie Sie Website-Kits nutzen möchten, um Ihr Geschäft zu optimieren.