Gestalte deine Website in Mailchimp

Mit dem Website-Builder von Mailchimp kannst du äußerst werbewirksame Webseiten gestalten, die deinem Stil und deiner Persönlichkeit entsprechen. Wähle ein Designthema aus, erstelle eine benutzerdefinierte Farbpalette und lade Bilder hoch, die deine Marke reflektieren und Besuchern helfen, dich und deine Inhalte sofort zu identifizieren.

In diesem Artikel erfährst du, wie du deine Website in Mailchimp gestaltest.

Vor dem Start

Bevor du mit diesem Vorgang beginnst, solltest du einige Punkte beachten.

• Um dir den Einstieg zu erleichtern, nimm dir einen Moment Zeit und schau dir die beiden folgenden Artikel an: Informationen zu deiner Website in Mailchimp und Deine Website in Mailchimp erstellen.
• Nachdem du eine Website entworfen hast, kannst du sie duplizieren, um nicht wieder bei Null anfangen zu müssen. Informationen zum Duplizieren einer Webseite findest du unter Deine Website in Mailchimp verwalten.
• Benutzerdefinierter HTML-Code, iframes und Merge-Tags sind derzeit nicht mit deiner Mailchimp-Website kompatibel.

Stile bearbeiten

Bei der Einrichtung deiner Website kannst du dieselben Farben, Schriftarten und Schaltflächenstile auf jede Seite übernehmen, die du erstellst. Auf diese Weise kannst du deinen Website-Erstellungsprozess optimieren und eine einheitliche Markenidentität gewährleisten.

Farben bearbeiten

Um Farbe, Schriftart und Schaltflächenstile für deine Website zu definieren, befolge die folgenden Schritte.

1. Klicke auf das Symbol Website und danach auf Website.
   

2. Klicke in deinem Website-Dashboard auf Edit Site (Website bearbeiten).
   Schaltfläche Edit Site (Website bearbeiten)

3. Klicke im Menü Manage Site (Website verwalten) auf Styles (Stile).
   Websites verwalten > Stile

4. Klicke im Bereich Colors (Farben) auf den Pfeil, um verschiedene Farbschemata für deinen Button, Text oder Hintergrund auszuwählen.
   

5. Klicke auf das Dropdown-Menü Palette, um die Farben für deine Website auszuwählen.
   
6. Klicke auf Create New Palette (Neue Palette erstellen), um deine eigene Palette zu definieren oder mit einer von uns gestalteten Farbpaletten zu beginnen.
   
7. Gib den Namen deiner neuen Palette ein.
   

8. Klicke auf ein Farbfeld, um die Farbauswahl zu verwenden.
   

   Du kannst Farben innerhalb der Farbauswahl anklicken oder Werte in die HEX- oder RGB-Felder eingeben, um eine Farbe in der Palette zu speichern.
   

9. Nachdem du die Farben für alle 5 Farbfelder ausgewählt hast, klicke auf Save (Speichern).
   Schaltfläche „Save" (Speichern)

10. Klicke im Bereich Scheme (Schema) auf jedes Farbschema, um eine Vorschau zu sehen, wie diese Farben auf deinen Webseiten aussehen werden, und wähle diejenige aus, die dir am besten gefällt.
    

    Die von dir auf der Ebene von Inline-Elementen festgelegten Farbauswahlmöglichkeiten überschreiben das Standardschema.

So bearbeitest du Designs

So wählst du ein Design für deine Website aus:

1. Klicke in deinem Website-Dashboard auf Edit Site (Website bearbeiten).
   Schaltfläche Edit Site (Website bearbeiten)
2. Klicke im Menü Manage Site (Website verwalten) auf Styles (Stile).
   Websites verwalten > Stile
3. Klicke im Bereich Themes (Designs) auf den Pfeil, damit du auswählen kannst.
   

4. Erzeuge auf der Seite Themes (Designs) eine Vorschau und wähle die Schriftart und das Schaltflächendesign aus, das du auf deine Webseiten anwenden möchtest.
   

   In der Vorschau der Website siehst du, wie sich die Schriftarten für Überschriften und Absätze entsprechend deiner Auswahl ändern.

5. Wenn du Änderungen am Design vornehmen möchtest, klicke auf Edit (Bearbeiten). Hier kannst du einen Namen für dein Design auswählen, deine Fonts (Schriftarten) aktualisieren, Spacing (Abstand) und Size (Größe) des Textes ändern oder die Animation für deine Seiten aktivieren.
   

6. Klicke auf den Pfeil Fonts (Schriftarten) und dann auf das Dropdown-Menü, um eine Schriftart für deinen Headings (Überschriften)und Paragraphs (Paragraphen) auszuwählen.
   
7. Klicke auf den Pfeil Spacing and Size (Abstand und Größe) und passe Abstand und die Größe deines Textes an.
   
8. Klicke auf den Pfeil Animation , um zu gestalten, wie deine Website animiert wird, wenn Besucher*innen auf der Seite nach unten scrollen.
   
9. Wähle den Animationstyp aus und wähle dann aus, wie lange die Animation dauern soll. Dein Design wird automatisch gespeichert und zu deiner benutzerdefinierten Designliste hinzugefügt. Du kannst ein Design jederzeit entfernen, indem du auf das Symbol Delete Theme (Design löschen) klickst.

Ausgezeichnet! Du hast das grundlegende Aussehen deiner Website festgelegt. Die von dir gewählten Stile werden auf jede neue Seite angewendet, die du erstellst.

Inhalt bearbeiten

Verwende den Editor, um Abschnitte, Bilder und Text hinzuzufügen. Teile deine Geschichte, Kontaktinformationen, ein Produkt zum Verkauf und alles andere, was du deinen Besuchern mitteilen möchtest.

In diesem Abschnitt zeigen wir dir, wie du auf deiner Website Inhalte bearbeiten oder hinzufügen kannst.

Greife auf den Webseite-Editor zu

Um auf den Webseite-Editor zuzugreifen, befolge diese Schritte.

1. Klicke in deinem Website-Dashboard auf Edit Site (Website bearbeiten).
2. Bewege den Cursor auf die Seite, die du bearbeiten möchtest, und klicke auf Edit Page (Seite bearbeiten).
   

Abschnitte hinzufügen und bearbeiten

Abschnitte erlauben es dir, deine Webseite schnell zu organisieren und zu gestalten. Wähle das Layout von Text, Bildern und Schaltflächen sowie andere Elemente wie Registrierungsformulare, Navigationsleisten und die Fußzeile deiner Webseite.

So fügst du deiner Website deinem Bereich Sections (Abschnitte) hinzu:

1. Klicke auf deiner Website auf den Bereich Sections (Abschnitte) .
   add-web-section-click-sections
   Der Bereich wird erweitert und zeigt dir nun die Abschnitte in deiner Webseite.

2. Bewege den Mauszeiger unter den Namen des Abschnitts, dem du einen neuen Abschnitt hinzufügen möchten, und klicke dann auf Add Section (Abschnitt hinzufügen).
   web-section-add-section-from-sections-panel

3. Wähle im Schritt Add Section (Abschnitt hinzufügen) des Bereichs Sections (Abschnitte) den Abschnittstyp aus, den du hinzufügen möchtest.
   websites-section-panel-add-text-image-section
4. Wähle ein Layout für deinen neuen Abschnitt aus.
   web-section-select-layout
5. Wenn du einen Video- Bereich auswählst, klicke auf das Link-Symbolund gib dann die YouTube- oder Vimeo-URL ein, die du teilen möchtest. Klicke auf Save (Speichern) und dann auf Preview (Vorschau) , um dein Video abzuspielen.
   add-section-enter-video-URL

So fügst du einen Abschnitt von deinem Page Layout (Seiten-Layout) hinzu:

1. Bewege in deinem Seiten-Layout den Cursor an der Stelle über das Plus-Symbol (+), an der du den neuen Abschnitt positionieren möchtest.
   

2. Klicke auf Add Section (Abschnitt hinzufügen).
   

3. Wähle im Schritt Add Section (Abschnitt hinzufügen) des Bereichs Sections (Abschnitte) den Abschnittstyp aus, den du hinzufügen möchtest.
   websites-section-panel-add-text-image-section

4. Wähle ein Layout für deinen neuen Abschnitt aus.
   web-section-select-layout

5. Wenn du einen Video- Bereich auswählst, klicke auf das Link-Symbolund gib dann die YouTube- oder Vimeo-URL ein, die du teilen möchtest. Klicke auf Save (Speichern) und dann auf Preview (Vorschau) , um dein Video abzuspielen.
   

Super! Du hast einen neuen Abschnitt zu deinem Seitendesign hinzugefügt und kannst ihn jetzt mit deinen eigenen Inhalten anpassen.

Wenn du Änderungen vornehmen musst, fahre mit dem Mauszeiger über den Abschnitt, um die Bearbeitungssymbolleiste aufzurufen. Hier kannst du auf die Symbole klicken, um einen Abschnitt zu löschen, einen Abschnitt zu verschieben, ein anderes Layout zu wählen oder Stiländerungen vorzunehmen.

Weitere Informationen zu Seitenabschnitten findest du unter Seitenabschnitte hinzufügen und bearbeiten.

Header oder Absatztext bearbeiten

Um Header oder Absatztext auf deiner Website zu bearbeiten, befolge folgende Schritte.

1. Klicke auf den Textbereich, den du bearbeiten möchtest.
   
2. Klicke in der Bearbeitungssymbolleiste auf das Symbol für die Absatzausrichtung, um deinen Text links, zentriert oder rechts auszurichten.
3. Klicke auf das Symbol für Schriftfarbe, Fettschrift, Kursivschrift und Unterstreichung, um einige grundlegende Textattribute zu ändern.
4. Klicke auf das Symbol für die Absatzstile, um die Überschrift oder den Absatzstil für deinen Textbereich auszuwählen.
   
5. Wenn du mit Absatztext arbeitest, hast du auch die Möglichkeit, einen Link einzufügen, eine Aufzählung oder eine nummerierte Liste zu erstellen oder die Hintergrundfarbe zu ändern.
   

Bilder bearbeiten

Klicke auf ein beliebiges Bild in deinem Layout, um es zu bearbeiten. Außerdem wird eine Symbolleiste mit spezifischen Formatierungsoptionen angezeigt.

Um ein Bild auf deiner Seite zu bearbeiten, befolge die folgenden Schritte.

1. Klicke auf das Bild, das du bearbeiten möchtest.
   
2. Klicke auf Replace (Ersetzen) , um ein anderes Bild aus dem Content-Studio auszuwählen.
   
3. Um die Bildgröße anzupassen, klicke und ziehe den weißen Kreis, bis die gewünschte Größe erreicht ist. Klicke auf die Griffe rechts und unten am Bild und ziehe sie, um das Bild zuzuschneiden und seinen Inhalt anzupassen.
4. Um einen Link zu dem Bild hinzuzufügen, klicke auf das Symbol Link.
   Website-Bild-Link-einfügen
5. Wähle im Dropdown-Menü External URL (Externe URL), Seite, oder Abschnitt. Gib im dafür vorgesehenen Bereich entweder die URL, eine Seite oder einen Abschnitt der aktuellen Seite ein, auf die der Link verweisen soll. Klicke Save (Speichern). Klicke zum Entfernen des Links auf Remove link (Link entfernen).
6. Klicke auf Alt , um Alt-Text zu dem Bild hinzuzufügen.
   
7. Klicke auf das Symbol Abgerundete Ecken und gib eine Zahl zwischen 1 und 300 ein, um die Form deines Bildes anzupassen.
   

Änderungen rückgängig machen und wiederherstellen

Wenn du deine Website gestaltest, kann es passieren, dass du versehentlich etwas entfernst, was du geschrieben hast oder andere Änderungen machst, die du wieder rückgängig machen möchtest. Mit den Schaltflächen „Rückgängig machen" und „Wiederherstellen" kannst du die vorherigen Versionen deiner Seite wiederherstellen.

Um eine Änderung rückgängig zu machen, klicke auf das Symbol „Rückgängig machen".

Um eine Änderung wiederherzustellen, klicke auf das Symbol „Wiederherstellen".

Vorschau und Beenden

Gut gemacht. Wenn du mit dem Hinzufügen von Inhalten fertig bist, klicke auf Preview (Vorschau) , um zu sehen, wie es aussieht, oder klicke auf Done (Fertig) , um zur Seite Manage Site (Website verwalten) zurückzukehren.

Wenn du fertig bist, klicke auf Publish Changes (Änderungen veröffentlichen) , um alle sichtbaren Webseiten mit deinen neuen Inhalten und Stilen zu aktualisieren.

Website-veröffentlichen-Schaltfläche-Änderungen-neu

Nächste Schritte

Nachdem du dein persönliches Design hinzugefügt hast, wollen wir uns eine Reihe von Möglichkeiten ansehen, wie du deine Mailchimp-Website optimieren kannst.

• Dein Website-Favicon anpassen
  Ersetze dein Website-Symbol durch ein benutzerdefiniertes Bild, das deinem Markenstil entspricht und das Erscheinungsbild deiner Website perfektioniert. Informationen zum Anpassen deines Website-Favicon findest du in dem Artikel Anpassen des Favicons für deine Mailchimp-Website oder Landingpage.
• Weitere Seiten hinzufügen
  Baue deine Website mit neuen Inhalten und zusätzlichen Seiten aus. Indem du deine Website regelmäßig aktualisierst, baust du deine Zielgruppe aus und verbesserst deine Chancen auf wiederholte Besuche. Informationen zum Hinzufügen, Duplizieren und Verwalten von Webseiten findest du unter Deine Website in Mailchimp verwalten.
• Termine einrichten
  Füge Planungstools hinzu, um dein Unternehmen zu vergrößern. Wenn du professionelle Dienstleistungen anbietest, kannst du Mailchimp Appointments verwenden, um die Details deiner Services einzurichten, einschließlich Preise und Verfügbarkeit. Kund*innen können dann auf deiner Website Termine bei dir buchen. Weitere Informationen findest du in dem Artikel Mailchimp-Terminplanung verwenden.
• Deine Website bewerben
  Wirb für deine neue Website und teile diese mithilfe von Marketingkampagnen in Mailchimp. Veröffentliche eine Ad für deine Website. Füge zu deiner Website einen Link für Standard-E-Mail-Kampagnen hinzu. Du kannst deine Website-URL auch in sozialen Medien teilen.
• Berichte anzeigen
  Wir beginnen mit der Erfassung von Reporting-Daten, sobald Benutzer*innen deine Website besuchen. So kannst du erfahren, wer deine Website besucht, Links auf deinen Webseiten angeklickt und deine E-Mails abonniert hat.