Limited Time Offer: Unlock 4 months of free WordPress Hosting! Scale your site to handle the holiday season traffic.

Homepage Builder

Homepage Builder – Erstelle deine Website mit CollabCore & Elementor

Bei CollabCore machen wir die Website-Erstellung einfach. Mit jedem unserer Managed WordPress Hosting-Pakete erhältst du einen kostenlosen, vorinstallierten Website-Builder – Elementor. Dieser Drag-and-Drop-Builder ist perfekt für Anfänger und Profis und hilft dir, in kürzester Zeit beeindruckende Webseiten zu erstellen.

In dieser Anleitung zeigen wir dir Schritt für Schritt, wie du unseren kostenlosen Homepage Builder nutzen kannst – vom Paketkauf bis zur individuellen Gestaltung deiner Wunschseite.


1. Wähle ein Managed WordPress Hosting-Paket

Beginne mit der Auswahl eines unserer Managed WordPress Hosting-Pakete. Alle Pakete enthalten den kostenlosen, vorinstallierten Elementor-Builder mit vielen Designvorlagen.

👉 Tipp: Wähle ein Paket passend zu deinem erwarteten Website-Traffic für beste Leistung.


2. Schließe den Kauf ab

Während des Bezahlvorgangs kannst du zusätzliche Services hinzufügen. Wenn du möchtest, dass wir deine Website gestalten, kannst du ganz einfach den Design-Service dazu buchen.

Managed-WordPres-Hosting-Packages-Checkout


3. Zugriff auf dein Hosting-Dashboard

Nach dem Kauf meldest du dich in deinem CollabCore-Dashboard an. Hier kannst du Domains, Hosting und Website-Tools verwalten.

CollabCore-members-potal


4. Öffne dein WordPress-Admin-Panel

Klicke auf „Website verwalten“ bei deinem Hosting-Paket. Anschließend kannst du dich über deinedomain.com/wp-admin in das WordPress-Backend einloggen.

WordPress-admin-panel


5. Entdecke das vorinstallierte Elementor-Plugin

Elementor ist bereits vorinstalliert. Du findest es in der linken Seitenleiste deines WordPress-Dashboards. Klicke auf „Elementor“, um loszulegen.

Elementor Overview


6. Erstelle deine erste Seite

Gehe zu Seiten > Erstellen. Gib deiner Seite einen Namen (z. B. „Startseite“) und klicke auf „Mit Elementor bearbeiten“, um den visuellen Editor zu öffnen.

Create new page with Elementor


7. Verstehe das Drag-and-Drop-Prinzip

Elementor bietet eine intuitive Drag-and-Drop-Oberfläche. Du kannst Texte, Bilder, Buttons, Videos und vieles mehr einfach per Drag & Drop hinzufügen.

Elementor-drag-and-drop-editor-page


8. Nutze kostenlose Vorlagen zur Inspiration

Klicke im Editor auf das Ordnersymbol, um viele kostenlose, professionell gestaltete Templates zu entdecken. Ein Klick genügt, und dein Homepage-Layout ist startklar.

Elementor free templates overview


9. Texte und Bilder einfach bearbeiten

Klicke auf ein Textelement oder Bild, um es zu bearbeiten. Du kannst Schriftart, Größe, Farbe ändern oder Bilder aus deiner Mediathek hochladen.

Darg & drop editor guides


10. Neue Abschnitte oder Spalten hinzufügen

Mit dem „+“-Symbol kannst du ganz einfach neue Abschnitte oder Spalten einfügen und so deine Seite strukturieren und erweitern.

Add section on elementor editing page


11. Globale Farben und Schriftarten nutzen

Mit Elementor kannst du globale Design-Einstellungen festlegen – ideal, um ein einheitliches Erscheinungsbild deiner Website zu wahren.

Elementor global setting marked screenshot


12. Eigene Kopf- und Fußzeile erstellen

Unter Templates > Theme Builder kannst du deine eigene Kopf- und Fußzeile gestalten, die auf allen Seiten angezeigt wird.

Elementor header footer create option marked screenshot


13. Für Mobilgeräte optimieren

Klicke auf das Responsive-Symbol unten im Editor, um deine Seite für Tablets und Smartphones anzupassen. Elementor macht’s einfach.

Elementor responsive option tools marked screenshot


14. Vorschau vor Veröffentlichung

Mit dem Augensymbol kannst du dir ansehen, wie deine Seite für Besucher aussieht – noch bevor du sie veröffentlichst.

Elementor preview icon marked screenshot


15. Auf „Veröffentlichen“ klicken

Bist du zufrieden mit deinem Design? Dann klicke auf „Veröffentlichen“, um deine neue Homepage live zu schalten.

Elemenor editor publish button


16. Weitere Seiten erstellen

Erstelle genauso Seiten wie „Über uns“, „Kontakt“ oder „Leistungen“. Verlinke sie mit Elementor-Menüs oder dem WordPress-Menüsystem.


17. Funktionen mit Elementor-Add-ons erweitern

Du möchtest mehr Funktionen? Nutze Elementor-kompatible Plugins für z. B. Formulare, Pop-ups oder Animationen.


18. Unser Design-Service (optional)

Keine Lust, selbst zu gestalten? Buche unseren Anpassungsservice beim Checkout oder kontaktiere unseren Support. Unsere Profis übernehmen das für dich.


19. Immer auf dem neuesten Stand bleiben

Halte WordPress und Elementor regelmäßig aktuell – direkt aus deinem Dashboard. Das sorgt für Sicherheit und optimale Performance.


20. Unser Support hilft dir weiter

Fragen? Unser Support steht dir rund um die Uhr zur Verfügung. Oder besuche unsere Wissensdatenbank und Tutorials.

Support ticket option on ourCollabCore dashboard


21. Starte mit deiner Online-Präsenz durch

Deine Homepage ist live – jetzt kannst du mit SEO, Content und Marketing durchstarten. Der erste Schritt zur Online-Marke ist geschafft.


Warum CollabCore + Elementor?

Kostenloser Website-Builder inklusive

Keine Programmierkenntnisse erforderlich

Viele Templates direkt verfügbar

Optionaler Design-Service

Schnelles & sicheres Managed Hosting

 

Starte jetzt deine Website mit dem kostenlosen Homepage Builder von CollabCore – powered by Elementor. Ob du selbst gestaltest oder uns die Arbeit überlässt – dein Online-Erfolg beginnt hier.