Eine schöne Online Weihnachtsbaum-Shop ist der Traum eines jeden Geschäftsinhabers. Wenn Sie Probleme mit den Details und dem Design haben. Machen Sie sich keine Sorgen, Sie sind hier genau richtig. Heute zeige ich Ihnen, wie Sie eine Weihnachtsbaum-Shop mit Elementor.

Die Erstellung einer Website ohne Programmierkenntnisse war früher ein Mythos. Aber jetzt ist das, was vorher unmöglich war, ein Trend! Elementor ist das weltweit am meisten optimierte Tool für die Erstellung von Websites aufgrund seines Drag-and-Drop-Systems.

Für die Erstellung von Webseiten werde ich die Element Pack Add-on. Dies ist ein schönes Toolkit, das von BDThemes zur Verwendung mit Elementor. Also gut, Zeit, den Motor zu starten.

Einführung in Element Pack

Element Pack ist das optimalste Add-on für die Erstellung Ihrer Premium-Website. Element Pack verfügt über ein umfangreiches Inventar, das auf Ihrer Website eingesetzt werden kann. Mit 190+ Plugins, 270+ gebrauchsfertigen Seiten, über 1800 einzigartigen Blöcken, Element Pack hat es zur Position des Top 5 weltweit.

Machen Sie sich nicht die Mühe, dies und jenes zu schleppen und die Dinge noch komplizierter zu machen. Der Retter in der Not ist hier. Element Pack hat auch eine Lite-Version, völlig kostenlos. Also, was ist profitabler als das? Jetzt verwenden.

Installation von WordPress und Elementor

WordPress ist ein kostenloses und leistungsfähiges Content-Management-System für die Erstellung von Websites weltweit. Sie können es innerhalb von wenigen Minuten herunterladen und installieren. Und, Sie können installieren Elementor innerhalb von WordPress. Daher müssen Sie ein paar Schritte unternehmen, um ein Hosting für die Weihnachtsbaumgeschäft.

Weitere Informationen finden Sie in dem Artikel "-----". Dieser Blog behandelt den gesamten Prozess des Hostings Ihres Shops.

Erstellen einer Weihnachtsbaum-Website mit Element Pack

Nach der Installation von WordPress und ElementorKlicken Sie auf das Dashboard Ihres Shops und folgen Sie den Anweisungen zur Installation der Element Pack Lite Add-on.

Um zu Ihrem Dashboard zu gelangen, geben Sie einfach die Adresse Ihrer Website ein und fügen am Ende /admin hinzu.

>www.yourwebsite.com/admin

Dies sollte das WordPress-Dashboard Ihres Shops aufrufen. Von dort aus,

1. Gehe zu Dashboard> Plugin> Neu hinzufügen
2. Typ 'Element Pack' im Abschnitt Schlüsselwort
3. Presse 'Jetzt installieren' auf dem verpackten Teil

Geschafft! Erstellen wir nun eine neue Seite und beginnen wir mit unserer Arbeit. Beachten Sie das, Element Pack Lite ist ein "kostenloser Dienst", der von Element Pack Team. Allerdings, um das beste Widget auf den Trend zu bekommen, müssen Sie ihre Pro-Paket zu kaufen. Obwohl es billig und zuverlässig ist.

Neue Seite für Weihnachtsbaumgeschäft erstellen

Nachdem wir alle Widgets an ihren Platz gesetzt haben, machen wir weiter und erstellen eine neue Seite. Hier werden wir unseren Shop von Grund auf neu erstellen.

Gehe zu Dashboard> Seiten> Neu hinzufügen

Nach Anklicken von 'Neu hinzufügen', erhalten Sie eine Seite wie diese. Der fettgedruckte Text am oberen Rand ist der Titel Ihres Shops. Klicken Sie auf das kleine Quadrat in der oberen rechten Ecke und Sie erhalten die Seiteneinstellungen. Ändern Sie die Vorlage für Ihren Shop in Elementor Segeltuch. Auf diese Weise ist es einfach, sie von Anfang an anzupassen.

Klicken Sie nun auf die Schaltfläche "Bearbeiten mit Elementor' und fahren Sie mit dem nächsten Teil fort.

Landing Page Ihres Weihnachtsbaumgeschäfts

In dieser leeren Leinwand werde ich Element Pack-Widgets verwenden, um die Landing Page zu erstellen. Eine Landing Page ist eine so genannte "statische Seite" oder eine "Zielseite". Es handelt sich um eine einzelne Seite, die alle Informationen enthält, die der Eigentümer anzeigen möchte.

Dinge, die Sie unbedingt zu Ihrem Weihnachtsbaum-Shop Landing Page

Bevor wir zum nächsten Teil übergehen, hier die Dinge, die Sie über eine Seite wissen müssen. Dies sind die wichtigsten Dinge, die Ihren Shop für andere attraktiv erscheinen lassen.

Abschnitt Held:

Der wichtigste Teil der Landing Page ist der Hero-Bereich. Er ist das erste, was Sie sehen, wenn Sie eine Website besuchen. Daher müssen Sie hier die wichtigsten Dinge wie Titel und Anmeldeformular unterbringen.

Abschnitt Eigenschaften:

In diesem Teil müssen Sie Ihr Hauptgeschäft beschreiben. Sie können hier die wichtigsten Merkmale oder Dienstleistungen und ihre Einzelheiten angeben.

Portfolio:

In diesem Teil der Landing Page können Sie den Besuchern Beispiele für Ihre Arbeit zeigen. Es ist wichtig, dass Sie mit hochwertigen Beispielen das Interesse anderer auf Ihren Shop lenken.

Zeugnis:

Dieser Teil enthält gute Bewertungen Ihrer zufriedenen Kunden.

Fußzeile:

Dies ist der letzte Abschnitt Ihrer Landing Page. Da Ihr Besucher bereits hier angekommen ist, müssen Sie ihm ein weiteres Angebot machen. Gehen Sie auf ihre Bedürfnisse ein, indem Sie ihnen sagen, was sie als nächstes tun sollen.

Erstellen des Heldenbereichs Ihrer Weihnachtsbaum-Shop

Diese Landing Page wird mit den Widgets von Element Pack. Die Erstellung dieser Art von Amazing Landing Page ist nicht so einfach. Deshalb müssen Sie jetzt abwarten und sich die einzelnen Schritte genau ansehen. Beginnen wir damit, die Grundstruktur der Landing Page auszuwählen.

Schritt 1:

Klicken Sie auf die rote Schaltfläche und wählen Sie 1 Spaltenstruktur.

Schritt 2:

Danach gehen Sie auf die Registerkarte Stil und fügen das Hintergrundbild auf der Landing Page ein. Denken Sie daran, dass Sie das richtige Bild wählen müssen, das gut zu Ihrer Seite passt. Weihnachtsbaum-Shop Thema.

Schritt 3:

Gehen Sie nun auf die Registerkarte "Erweitert" und bearbeiten Sie die Auffüllung. Setzen Sie 900 als Wert für die untere Auffüllung ein. Dadurch wird die Länge des Abschnitts vergrößert, ohne den Eingabebereich des Widgets zu beeinträchtigen. Auf diese Weise können Sie Ihr Bild ohne Unannehmlichkeiten anzeigen lassen.

Schritt 4:

Fügen Sie nun das Widget "Innerer Abschnitt" aus der Basis Elementor Werkzeugkasten. Dieses Widget bildet einen eigenen Abschnitt innerhalb des vorherigen Abschnitts. Sobald dies geschehen ist, gehen wir zum nächsten Teil über.

Schritt 5:

Klicken Sie auf das markierte Säule Symbol und wählen Sie Duplizieren Sie um einen 3-spaltigen Abschnitt zu erstellen.

Erweiterte Überschrift Widget

Schritt 6:

Ziehen Sie das Widget "Erweiterte Überschrift" von Element Pack auf die erste Spalte. Sie können es in eine coole Überschrift für Ihren Shop verwandeln.

Schritt 7:

Nach dem Ziehen und Ablegen des Widgets gelangen Sie zu dessen Inhalt Registerkarte. Die Seite Überschrift Abschnitt ist unter dem Inhalt Registerkarte. Geben Sie dort Ihre Überschrift ein.

Schritt 8:

Gehen Sie dann zu Stil tab> Überschrift> Typografie und ändern Sie das Aussehen des Titels im oberen Bereich. Dort finden Sie weitere Einstellungen. Probieren Sie jede von ihnen aus und geben Sie Ihrem Titel ein einzigartiges Aussehen.

Scroll-Navigation Widget

Schritt 9:

Als Nächstes ziehen Sie das Scroll-Navigation-Widget auf die 2. Spalte und beginnen sofort mit der Bearbeitung. Beachten Sie, dass dieses Widget, erstellt von Element Packzeigt eine Menüleiste für Ihre Weihnachtsbaum-Shop.

Schritt 9:

In der Inhalt unter der Registerkarte Scrollnav sehen Sie eine Reihe von Wiederholern, deren Anzahl Sie erhöhen oder verringern können. Nehmen Sie eine Handvoll Wiederholer und gestalten Sie Ihre eigene Menüleiste.

Schritt 10:

Klicken Sie erneut auf das Symbol für die 2. Spalte und erhöhen Sie die Spaltenbreite auf fast 60. Dadurch haben Sie mehr Platz, um Ihre Menüschaltflächen anzuordnen.

Klicken Sie auf Säule Symbol> Layout> Breite der Säule.

Schritt 11:

In der Stil können Sie die Hintergrundfarbe ändern, Füllungen hinzufügen, die Typografie bearbeiten und vieles mehr. Erstellen Sie Ihr eigenes Design und sehen Sie sich die Unterschiede an.

Erweiterte Schaltfläche Widget

Schritt 12:

Dieses Widget bietet Ihnen eine anklickbare Schaltfläche, die Sie mit Ihrer Abonnement-Seite verlinken können. Es ist einfach zu benutzen. Außerdem verleiht es Ihrem Shop ein ansprechendes Aussehen.

Schritt 13:

Sie können jedoch einen beliebigen Text auf der Schaltfläche anzeigen lassen. Dafür,

Gehe zu Inhalt tab> Schaltfläche und sehen Sie sich die Optionen an.

Schritt 14:

Darüber hinaus können Sie ihm auch ein anderes Aussehen geben, wie Sie es von der Stil Registerkarte. Beachten Sie, dass eine Schaltfläche, die eine ansprechende Farbe hat, mit großer Wahrscheinlichkeit von allen angeklickt wird.

Schritt 15:

Und schließlich fügen Sie einige Randwerte hinzu, um die Schaltfläche dort zu positionieren, wo sie am besten passt.

Gehe zu Fortgeschrittene tab> Fortgeschrittene Abschnitt> Marge.

Erweiterte Überschrift Widget

Schritt 16:

Weiter geht's mit dem Erweiterte Überschrift Widget. Es ist ein ziemlich praktisches Widget im Vergleich zum kostenlosen Widget Elementor bietet. Nach dem Ziehen und Ablegen unter dem vorherigen Abschnitt sehen Sie seine Inhalt Registerkarte. Hier können Sie fett gedruckte Namen Ihrer Weihnachtsbaumgeschäft mit einer Zwischenüberschrift und einer Hauptüberschrift.

Schritt 17:

Von der Fortgeschrittene können Sie einige Werte zum Rand hinzufügen, um die Überschrift entsprechend zu verschieben. Sie werden feststellen, dass die Stil fehlt in der Erklärung. Nun, das überlassen wir Ihrem Geschmack.

Text Editor-Widget

Stufe 18:

Sie können ein oder zwei Zeilen unter der Überschrift hinzufügen. Dies verleiht dem Abschnitt über den Helden mehr Gewicht, da es ihn auffälliger macht.

Stufe 19:

Sie können versuchen, den Wert für den oberen Rand im Negativen hinzuzufügen, um ihn unter dem Überschriftenbereich zu schließen.

Finalisierung des Heldenbereichs für den Weihnachtsbaumladen

Schritt 20:

Fügen Sie einfach eine weitere Erweiterte Schaltfläche Widget (hergestellt von Element Pack) am Ende und sehen Sie den gesamten Heldenbereich. Erstaunlich, oder? Vielleicht ist Ihnen aufgefallen, dass die Überschrift ein anderes Aussehen hat. Nun, Sie können es trotzdem ändern.

Gehe zu Erweiterte Überschrift> Stil tab> Typografie und ändern Sie es weg.

Diese ausgewählten Widgets, die von Element Pack wurden verwendet, um diesen atemberaubenden Heldenabschnitt zu erstellen.

• Bild/Logo
• Scroll-Navigation
• Benutzer-Login
• Erweiterte Überschrift
• Erweiterte Schaltfläche