easyPage - FAQ


Inhalt

Einstellungen und Integrationen, die sich auf die komplette Website beziehen

Suchmaschinenoptimierung (SEO) und Webanalyse

easyPage im Bearbeitungmodus (Webbuilder)

Navigationsmenü

Text

Mehrsprachige Website

Medien (Bilder, Videos, Musik)

Hintergrundbilder/-videos

Galerien aus Bildern

Eigenschaften von Inhaltselementen

Video- und Musikintegrationen

Downloads bereitstellen

Probleme und Fehlermeldungen

Social Media

Blöcke (Kombination aus Webelementen)

Formen (CSS-Shapes)

Karten-Integrationen

Formular-Einbindungen und Behebung von Fehlern in Zusammenhang mit Formularen

Erweiterte Funktionen des Webbuilders

Einbindung von Widgets anderer Anbieter"

E-Commerce, Shopping-Funktionen


Mehr Know How zu easyPage 3.0

Überblick
Allgemeine Tipps | easyPage 3.0 starten | Der Webbuilder und seine Funktionen
Videos:
„Willkommen“ |„Mit dem Webbuilder umgehen“


Layouts
Die Idee hinter den Layout-Boxen in easyPage | Inhaltselemente auf einer Webseite platzieren und ausrichten
Videos:
„Header und Footer in eine leere Vorlage einfügen und Layout-Boxen platzieren“ | Video „Layout-Boxen für Text platzieren und anpassen“


Inhaltselemente platzieren
Texte, Bilder und andere Objekte an die richtige Stelle setzen
Videos: 
„Kontrolle über Layout-Elemente“ | „Noch eine weitere Layout-Box mit Bildinhalt“ | „Wie man sich das Layout-Boxen-System einer easyPage-Website vorstellen muss“


Text
Texte ändern | Textstile verwenden | Stile global ändern
Videos:
„Neue Textelemente platzieren“ |  „Mit dem Texttool arbeiten“ | „Textstile einer Vorlage ändern“ | „Stile für Layout und Texte“


Weitere Inhaltselemente in easyPage
Umgang mit vorgefertigten und  zusammengestellten Objekten
Video:
„Button einfügen, Formen einfügen und ausrichten“ 


Seitenmanagement
Neue Seiten hinzufügen | Navigationsmenü erstellen und ändern | Mehrsprachigkeit
Videos:
„Seiten und Menüelemente hinzufügen“ | Video „Mehrsprachige Websites herstellen“ | Video „Mehrsprachiges Menü für Websites“


Vorlagen
Die Idee hinter der Vorlagensammlung | Kategorien
Video:
„Vorlage finden und anpassen“


FAQ
Häufige Fragen zu easyPage 3.0 und Antworten dazu.


Umgang mit dem Website Builder


Wie geht man mit der Positionierung von Layouts um?

Die Webseiten, die man mit easyPage 3.0 erstellt, sind mit einem Layout-Box-System aufgebaut. Alle Inhalte befinden sind in einer solchen „Box“. Eine Box kann weitere Boxen in sich haben. Diese Boxen haben ein Layout. Es sind mehrere Versionen von Layouts angelegt.


So fügt man eine neue Layout-Box mit einem ausgewählten Layout ein:

  • Man zieht das Symbol "Layout" aus der Werkzeugleiste oben (Werkzeugleiste oben) an die gewünschte Stelle.
  • Wählen Sie die gewünschte Layout-Zusammenstellung aus dem Auswahl-Fenster.
  • Wählen Sie in der Werkzeugleiste eines der folgenden Layout-Optionen aus:
    • Horizontales Layout: Die Ausrichtung der Elemente ist horizontal.
    • Vertikales Layout: Die Ausrichtung der Elemente ist vertikal.
    • Schwimmender Block, auch als "schwebender Block" oder "Block der umflossen wird" zu bezeichnen: Die Elementreihenfolge wird aufgehoben, so dass andere Elemente diesen Block umfließen. Dadurch sind besondere Layouteffekte möglich, die aber je nach Bildschirm und Endgerät zu Problemen führen können. Anmerkung: Einem schwimmenden bzw. schwebenden Block sollten keine weiteren Layouts hinzugefügt werden.

⬆️ Nach oben


Wie verwendet man „Layout“?

Hinzufügen eines Layouts:

  • Ziehen Sie das Symbol Layouts aus der Werkzeugleiste oben (Werkzeugleiste oben) an die gewünschte Stelle.
  • Wählen Sie die gewünschte Layout-Zusammenstellung.
  • Fügen Sie die gewünschten Elemente in dieses Layout-Element ein.
  • Sie können mehrere Layouts auf einer Seite nutzen und jedem Layout Elemente hinzufügen.
  • Anpassen des Layouts:
    • Position:
      • Ändern Sie die Position der Elemente im Layout.
      • Wählen Sie aus „Horizontales Layout“, „Vertikales Layout“ oder „schwimmender Block“ in der rechten Werkzeugleiste.
    • Ausrichtung:
      • Richten Sie Elemente im Layout aus, indem Sie die Ausrichtung für dieses Layout in der rechten Werkzeugleiste auswählen.
    • Hintergrund: Wählen Sie das Layout aus und klicken Sie auf das Hintergrundsymbol in der rechten Werkzeugleiste.
    • Wählen Sie die Farbe und die Deckkraft für das Hintergrundlayout.
    • Alternativ laden Sie ein Bild/Video hoch, um es als Hintergrundbild zu nutzen. Passen Sie dann die Darstellung an:
      • Deckkraft anpassen
      • Wählen Sie die Position aus, an der das Bild beginnen soll.
      • Wählen Sie Wiederholungsoptionen (Kachelung): Horizontal oder vertikal, damit das Bild/Video in horizontaler/vertikaler Position wiederholt wird.
      • Wählen Sie „Hintergrund nicht verschieben“, damit der Hintergrund beim Scrollen an der gleichen Position bleibt.
      • Wählen Sie „Offset“, um den Startpunkt des Bildes oder Videos zu verschieben.
      • Wählen Sie „Auto“, um die Größe des Bildes automatisch zu ändern, und legen Sie fest, ob das Bild gestreckt werden soll, damit es das Layout-Element ausfüllt, oder ob es so bleiben soll, wie es ist.
      • Wählen Sie Deckkraft, Position, etc.
      • Duplizieren: Fügen Sie eine Kopie eines Layouts hinzu, indem Sie auf das Kopie-Symbol des Layouts klicken, das Sie duplizieren möchten, und klicken Sie dann „Duplizieren“.
    • Rahmen: Wählen Sie das Layout aus und klicken Sie auf das Rahmensymbol in der rechten Werkzeugleiste, um dem Layout einen Rahmen hinzuzufügen. Wählen Sie Breite, Stil und Farbe aus.
    • Größe: Passen Sie die Layoutgröße an oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie wird „Menü“ verwendet?

Ein Menü hinzufügen:

  • Das Symbol Menü aus der Werkzeugleiste an die gewünschte Stelle ziehen.
  • Wählen Sie die gewünschte Menü-Darstellung aus dem Angebot aus.
  • Klicken Sie auf „Neuer Menüpunkt“
  • Wählen Sie die Art des Menüpunkts (z. B. „Seite“)
  • Geben Sie einen Namen ein
  • Wählen Sie aus der Dropdown-Liste „Layout kopieren von“ (z. B. Home).
  • (Optional:) Wählen Sie den Bereich aus, der nicht übernommen werden soll.
  • Klicken Sie auf „Übernehmen“.

Anpassen des Menüs:

  • Wählen Sie die Art des Menüpunkts:
    • Seite auf Ihrer Website: Wählen Sie eine Seite aus der Dropdown-Liste
    • Web-Adresse: Geben Sie eine (externe) URL ein.
    • Datei von Ihrer Website: Klicken Sie auf „Wählen Sie eine Datei aus der Galerie“ oder „Neue Datei hochladen“.
    • E-Mail Adresse: Geben Sie eine Mailadresse ein.
    • Telefon Nummer: Geben Sie die Rufnummer zusammen mit der Landesvorwahl ein.
    • Popup: Wählen Sie eine Popup-Seite aus der Dropdown-Liste aus oder klicken Sie auf „Neues Popup“, um es zu erstellen.
    • Leer: Der Menüpunkt bleibt leer und ohne Funktion.

Wählen Sie zusätzliche Optionen wie „In einem neuen Fenster öffnen“ usw.

  • Untermenü:
    • Sie können weitere Menüs erstellen. Ziehen Sie das Menü-Symbol in der Hauptnavigationsleiste an die gewünschte Stelle.
  • Hinweis: Standardmäßig wird das Menü auf allen Seiten angezeigt, wenn es im Abschnitt „Kopfzeile“ oder „Fußzeile“ der Website platziert wird.
  • Wenn sich das Menü im Abschnitt „Body“ der Website befindet, wählen Sie „Sichtbarkeit“ und wählen Sie, wie Ihr Menü angezeigt werden soll.

⬆️ Nach oben


Wie kann ich eine neue Seite hinzufügen?

Hinzufügen einer neuen Seite:

  • Wählen Sie oben im Website-Builder „Einstellungen“ und dann „Seiten“.
  • Wählen Sie „Neue Seite“.
  • Wählen Sie den Seitentyp.
  • Geben Sie der Seite einen Namen.
  • Wählen Sie aus dem Dropdown-Menü den zu kopierenden Seitenbereich aus.
  • (Optional:) Wählen Sie den Bereich aus, der nicht übernommen werden soll, aus.
  • Klicken Sie auf „Übernehmen“.
  • Nehmen Sie weitere Anpassungen der neuen Seite vor:
    • Seite als Startseite einrichten
    • Nicht indizieren
    • Popup anzeigen, wenn die Seite geöffnet ist
    • Fügen Sie SEO-Elemente zu Ihrer Seite hinzu
    • Titel, Beschreibung, usw. definieren
    • Seitenhintergrund hinzufügen
    • Benutzerdefiniertes Skript hinzufügen

⬆️ Nach oben


Wo wird die „Seitenstruktur“ angezeigt?

  • Klicken Sie oben in der rechten Werkzeugleiste auf „Seitenstruktur“.
  • Sie können sehen, welche Layouts und Elemente die Abschnitte „Header“, „Body“ und „Footer“ beinhalten.
  • Wählen Sie ein Element aus und ziehen Sie es an die gewünschte Stelle (z. B. wählen Sie ein Layout-Element aus und ziehen Sie es vom Body-Bereich in den Footer-Bereich). So können Sie Inhalte verschieben.

⬆️ Nach oben


Wie kann man die Größe von Elementen bearbeiten?

Größe für alle Elemente festlegen:

  • Wählen Sie das Element aus, dessen Größe Sie ändern möchten (durch Anklicken).
  • Wählen Sie die Art der Breitenbegrenzung des Elements aus der Dropdown-Liste in der rechten Werkzeugleiste:
    • Wählen Sie „Min“, um eine Mindestbreite zu erhalten.
    • Wählen Sie „Max“, um eine maximale Breite zu erhalten.
  • Wählen Sie die Art der Höhenbegrenzung des Elements aus der Dropdown-Liste in der rechten Werkzeugleiste:
    • Wählen Sie „Min“, um eine Mindesthöhe festzulegen.
    • Wählen Sie „Max“, um eine maximale Höhe zu erhalten.
  • Wählen Sie „Automatische Größenanpassung zulassen“, damit die Größe Ihres Elements automatisch angepasst wird.

⬆️ Nach oben


Wie werden Abstände verwendet?

Um dem Layout/Element Abstände hinzuzufügen, haben Sie mehrere Möglichkeiten:

Option 1 (in der rechten Werkzeugleiste hinzufügen und als Pixelanzahl eintragen):

  • Wählen Sie das Element aus, zu dem Sie einen Abstand hinzufügen möchten.
  • Wählen Sie in der rechten Werkzeugleiste den Rand (Außenabstand des Elements):
    • Fügen Sie für jede Seite des Elements den gewünschten Abstandswert hinzu.
    • Wählen Sie gegebenenfalls „Gleiche Werte verwenden“ und fügen Sie einen identischen Wert zu allen Seiten hinzu.
  • Wählen Sie in der rechten Werkzeugleiste die Option "Innenabstand des Layouts":
    • Fügen Sie für jede Seite den gewünschten Abstandswert hinzu.
    • Wählen Sie gegebenenfalls „Gleiche Werte verwenden“ und fügen Sie einen identischen Wert zu allen Seiten hinzu.

Option 2 (zusätzliches Layout-Element):

  • Wählen Sie das Layout-Element aus, zu dem Sie den Abstand hinzufügen möchten.
  • Wählen Sie die äußere Kantenlinie des Elements und ziehen Sie sie auf die gewünschte Größe, um einen Rand hinzuzufügen.
  • Wählen Sie die innere Randlinie des Layouts aus und ziehen Sie sie auf den gewünschte Größe für den Innenabstand.

Hinweis: Einige Elemente können nur einen Rand haben, also Innen- oder Außenrand.

Umgang mit Text


⬆️ Nach oben

Wie füge ich Text hinzu?

  • Ziehen Sie das „Text“-Symbol aus der Werkzeugleiste oben an die Stelle, wo Sie neuen Text einfügen wollen.
  • Wählen Sie die Textgestaltung.
  • Schreiben Sie Ihren Text.

Text bearbeiten:

  • Markieren Sie den Text und klicken Sie in der Kontext-Werkzeugleiste auf „Text bearbeiten“.
  • Markieren Sie den Textbereich, den Sie bearbeiten möchten.
  • Wählen Sie aus den Optionen im Rich-Text-Editor.

Anpassen des Textes:

Link einfügen:

  • Markieren Sie den Bereich, in dem der Link erscheinen soll, klicken Sie im Rich-Text-Editor auf das Hyperlink-Symbol und geben Sie die Link-Eigenschaften ein.

Anker einfügen:

  • Markieren Sie den Bereich, in dem der Anker erscheinen soll, klicken Sie im Rich-Text-Editor auf das Anker-Symbol und geben Sie den Namen des Ankers ein.

⬆️ Nach oben


Wieso sehe ich unterschiedliche Schriftarten im Website Builder und auf der veröffentlichten Website?

Wenn Sie bestimmte Schriftarten zu Ihrer Website hinzufügen, werden Sie manchmal feststellen, dass die Schriftart im Editor und auf den veröffentlichten Websites (oder bei der Vorschau der Website) unterschiedlich ist.

Jede hinzugefügte Schriftart verfügt über zusätzliche Optionen, wie Regular, Italic, Bold usw. Jede dieser Optionen kann eine eigene Breite haben, die in einer Zahl wie 400, 700 usw. definiert ist.

In der Regel wird das Problem dadurch verursacht, dass einige Stiloptionen im Dialogfeld zur Bearbeitung von Schriftarten im Editor nicht aktiviert sind. Um das Problem zu beheben, stellen Sie sicher, dass alle Schriftversionen (Varianten), die Sie auf Ihrer Website verwenden, aktiviert sind.

Sie verwenden zum Beispiel eine Schriftart, die folgende Optionen bietet:

  • Regulär 400
  • Regulär 400 Kursiv
  • Fett 700
  • Fett 700 Kursiv

Wenn Sie dann kursiven Text mit dieser Schriftart auf Ihrer Seite verwenden, stellen Sie sicher, dass die Option „Regular 400 Italic“ für die Schriftart aktiviert ist.

Wenn Sie fetten Text mit dieser Schriftart auf Ihrer Seite verwenden, stellen Sie sicher, dass die Option „Bold 700“ aktiviert ist.

Wenn Sie schließlich Text verwenden, der fett und kursiv ist, aktivieren Sie die Option „Fett 700 Kursiv“.

Im Website-Builder werden alle Schriftversionen auf einmal geladen, so dass Sie den Text in der richtigen Schriftart sehen können. Auf der veröffentlichten Website werden jedoch nur die Versionen geladen, die im Dialogfeld „Schriftbearbeitung“ aktiviert sind.

⬆️ Nach oben


Wie fügt man ein Bild neben einem Text ein?

  • Ziehen Sie das „Layout“-Symbol aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die gwünschte Layout-Boxen-Zusammenstellung.
  • Fügen Sie ein Bild zum gewünschten Layout hinzu.
  • Fügen Sie dem gewünschten Layout Text hinzu.

Hinweis: Um Text neben einem Bild hinzuzufügen, wählen Sie ein Layout mit zwei Spalten.

⬆️ Nach oben


Wie erstellt man einen Link?

Link hinzufügen:

  • Text markieren, um einen Link zu erstellen.
  • Symbol klicken.
  • Wählen Sie eine der Hyperlink-Optionen.
  • Wählen Sie die gewünschten Optionen zum Öffnen des Links.
  • Geben Sie das Ziel der Verlinkung ein (URL)
  • Vergeben Sie einen „Link-Titel“.
  • Klicken Sie auf „Übernehmen“.

Anpassen der Darstellung eines Hyperlinks:

  • Gehen Sie zu „Einstellungen“ in der oberen rechten Ecke des Webbuilders, wählen Sie „Stile“ – „Links“;
  • Klicken Sie auf das Farb-Symbol , um die Farbe des Linktextes auszuwählen und den Textstil anzupassen;
  • Klicken Sie auf das Hover-Sy,bol, um die Farbe für den Link-Hover auszuwählen und den Hover-Textstil anzupassen.

⬆️ Nach oben


Wie kann ich zusätzliche Schriftarten auf Ihrer Website hinzufügen?

  • Wählen Sie den Text aus, den Sie im Website-Builder bearbeiten möchten.
  • Klicken Sie im Rich-Text-Editor auf „Schriftart“, um Schriftarten zu bearbeiten.
  • Klicken Sie auf „Schriftart hinzufügen“, wählen Sie aus der Liste oder laden Sie Ihre Schriftart hoch und klicken Sie auf „Übernehmen“.

⬆️ Nach oben


Wie lassen sich die DSGVO-Vorschriften mit Google-Schriftarten einhalten?

easyPage nutzt Google Fonts, doch diese werden als lokale Kopie der Schriftarten eingebunden. Dies gilt für neu veröffentlichte Websites nach Oktober 2022.

Falls benutzerdefinierte Schriftarten auf der veröffentlichten Website verwendet werden, wählen Sie bei solchen Schriftarten „Lokale Kopie der Schriftarten im Builder erzwingen“.

Benutzerdefinierte Schriftarten werden auf dem Server bereitgestellt und nicht aus externen Quellen geladen.


Wie fügt man benutzerdefinierten HTML-, Javascript- oder CSS-Code in eine Website ein?

Es gibt zwei Möglichkeiten, eigenen HMTL-Code einer Website hinzuzufügen.

Option 1:

Hinzufügen von HTML-Code auf einer einzelnen Seite:

  • Ziehen Sie das Symbol „Erweitert“ aus der Werkzeugleiste oben und lassen Sie sie es an der gewünschten Stelle fallen.
  • Wählen Sie „Benutzerdefiniertes HTML“ aus.
  • Wählen Sie das HTML-Code-Symbol in der rechten Werkzeugleiste aus und fügen Sie den Code ein.

Anpassung des HTML-Codes:

Größe:

Passen Sie die Größe des HTML-Codes an oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

Option 2:

Hinzufügen eines benutzerdefinierten Skripts:

  • Gehen Sie zu „Einstellungen“ (oben im Webbuilder);
  • Gehen Sie dort auf den Menüpunkt „Seiten“ und wechseln Sie zur Registerkarte „Skripte“.
  • Fügen Sie Ihren Code in eines der 3 verfügbaren Felder ein:

„Vor </head>“ – fügt den Code am Ende des Seiten-/Website-Abschnitts <head> ein

„Nach <body>“ – fügt den Code am Anfang des Abschnitts <body> der Seite/Website ein

„Vor </body>“ – fügt den Code am Ende des Seiten-/Website-Abschnitts <body> ein

Das Skript kann entweder für die gesamte Website („Standard (für alle Seiten)“) oder für eine bestimmte Seite hinzugefügt werden.

⬆️ Nach oben


Umgang mit Bildern


Wie wird die Galerie verwendet?

Eine Galerie hinzufügen:

  • Ziehen Sie das Symbol „Galerie“ aus der oberen Werkzeugleiste an die gewünschte Stelle.
  • Wählen Sie die gewünschte Darstellungsform für die Galerie.
  • Wählen Sie die Galerie aus und klicken Sie auf die Schaltfläche „Bilder bearbeiten“ in der rechten Werkzeugleiste.
  • Klicken Sie auf „Bilder hinzufügen“, um Bilder hochzuladen.
  • Klicken Sie in der rechten Werkzeugleiste auf „Größe“.
  • Legen Sie die Galeriegröße fest oder wählen Sie „Automatische Größenanpassung zulassen“.

Anpassen der Galerie:

Galerie Bilder:

  • Wählen Sie die Galerie aus und klicken Sie in der rechten Werkzeugleiste auf Bilder. Fügen Sie Titel, Link, Adresse und Beschreibung der Bilder hinzu.

Hintergrund:

  • Wählen Sie die Galerie aus und klicken Sie auf Hintergrund, um in der rechten Werkzeugleiste Hintergrundfarbe und Deckkraft auszuwählen.

Vorschaubilder:

  • Legen Sie die Breite, Höhe und den Abstand der Thumbnails in der rechte Werkzeugleiste fest.

Diashow:

  • Stellen Sie die Häufigkeit des Bildwechsels und die Dauer des Übergangs in der rechten Werkzeugleiste ein.

Bildunterschriften:

  • Legen Sie fest, wie Bildunterschrift, Hintergrundfarbe und Textstil in der rechten Werkzeugleiste angezeigt werden sollen.

⬆️ Nach oben


Wie verwendet man die gekachelte Galerie?

Galerie hinzufügen:

  • Ziehen Sie das Symbol „Galerie“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie gekachelte Galerie.
  • Wählen Sie die Galerie aus und klicken Sie auf die Schaltfläche „Bilder bearbeiten“ in der rechten Werkzeugleiste.
  • Klicken Sie auf „Bilder hinzufügen“, um Bilder hochzuladen.
  • Klicken Sie in der rechten Werkzeugleiste auf „Größe“.
  • Legen Sie die Galeriegröße fest oder wählen Sie „Automatische Größenanpassung zulassen“.
  • Anpassen der Galerie:
    • Galerie Bilder: Wählen Sie die Galerie aus, klicken Sie in der rechten Werkzeugleiste auf Bilder und fügen Sie Titel, Link, Adresse und Beschreibung der Bilder hinzu.
    • Hintergrund: Wählen Sie die Galerie aus und klicken Sie auf Hintergrund, um die Hintergrundfarbe / Deckkraft in der rechten Werkzeugleiste auszuwählen.
    • Vorschaubilder: Breite, Auffüllung und Ausrichtung der Thumbnails festlegen. Setzen Sie Animationseffekt und andere Konfigurationen für Standard und Hover.
    • Bildunterschriften: Legen Sie fest, wie Bildunterschrift, Hintergrundfarbe und Textstil in der rechten Werkzeugleiste angezeigt werden sollen.

⬆️ Nach oben


Wie verwendet man die Karten-Galerie?

Galerie hinzufügen:

  • Ziehen Sie das Symbol „Galerie“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die Zusammensetzung der Kartengalerie.
  • Wählen Sie die Galerie aus und klicken Sie auf die Schaltfläche „Bilder bearbeiten“ in der rechten Werkzeugleiste.
  • Klicken Sie auf „Bilder hinzufügen“, um Bilder hochzuladen.
  • Klicken Sie in der rechten Werkzeugleiste auf „Größe“.
  • Legen Sie die Galeriegröße fest oder wählen Sie „Automatische Größenanpassung zulassen“.
  • Anpassen der Galerie:
    • Galerie Bilder: Klicken Sie auf die Schaltfläche „Bilder bearbeiten“ in der rechten Werkzeugleiste und fügen Sie Titel, Link, Adresse und Beschreibung der Bilder hinzu.
    • Wenn das Bild über GPS-Koordinaten verfügt, erkennt die Karte den Standort automatisch.
    • Google Maps: Legen Sie den Kartenmittelpunkt fest, indem Sie die Koordinaten, die Adresse oder die Markierung eingeben, und geben Sie den API-Schlüssel ein, um den Kartenstandort in der rechten Werkzeugleiste festzulegen.
    • Passen Sie die Zoomstufe der Karte, das Thema, den Kartentyp, den Markierungstyp und andere Kartenoptionen an.
    • Bildunterschriften: Legen Sie fest, wie Bildunterschrift, Hintergrundfarbe und Textstil in der rechten Werkzeugleiste angezeigt werden sollen.

⬆️ Nach oben


Was tue ich bei einer Fehlermeldung beim Hochladen von .png-Dateien?

Versuchen Sie bitte, die PHP-Erweiterung „exif“ zu aktivieren, und versuchen Sie erneut, ein .png-Bild hochzuladen.

⬆️ Nach oben


Welche freien Bilder werden in den Vorlagen für den Website-Builder verwendet?

Alle in den Vorlagen verwendeten Bilder sind CC0-lizenziert. Sie können hier mehr erfahren.


⬆️ Nach oben


Wie kann ich ein Hintergrundbild oder Hintergrundvideo einbinden?

Als Hintergrund kann ein Bild oder auch ein Video hochgeladen werden:

Option 1:

  • Laden Sie es als Hintergrundbild hoch.

Option 2:

  • Wählen Sie das Layout und den Hintergrund aus.
  • Bild/Video auswählen und Video hochladen.
  • Deckkraft anpassen.
  • Wählen Sie die Zeit-Position aus, an der das Video beginnen soll.
  • Wählen Sie bei Bedarf Wiederholungsoptionen: Horizontal oder vertikal, damit das Bild oder Video in horizontaler bzw. vertikaler Position wiederholt wird.
  • Wählen Sie „Hintergrund nicht verschieben“, damit der Hintergrund beim Scrollen an der gleichen Position bleibt.
  • Wählen Sie „Versatz“, um das Bild/Video vom Startpunkt aus zu verschieben. Wählen Sie „Auto“, um die Größe des Bildes automatisch zu ändern, und legen Sie fest, ob das Bild gestreckt werden soll, damit es das Layout ausfüllt oder ob es unverändert bleiben soll.

⬆️ Nach oben


Umgang mit Blöcken


Wie verwendet man einen Block?

Was ist ein Block?

Mit „Block“ bezeichnen wir im Webbuilder eine Zusammenstellung von fertigen (vordesignten) Objekten wie sie oft auf Websites benötigt werden: Header, Über uns, Blog, Kontakte, Merkmale, Medien, Preisgestaltung, Produkte, Team, Kundenerfahrungen, Services, Social Media, Abonnements, Video, Wilkommenselement, Fußzeile.

Hinzufügen von Blöcken:

  • Ziehen Sie das „Blöcke“-Symbol aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie aus den Kategorien die gewünschte Komposition aus.
  • Anpassung der Blöcke: P
    • Position: Ändern Sie die Position der Elemente im Layout. Wählen Sie aus „Horizontales Layout“, „Vertikales Layout“ oder „Fließender Block“ in der rechten Werkzeugleiste.
    • Ausrichtung: Richten Sie Elemente im Layout aus, indem Sie die Ausrichtung für dieses Layout in der rechten Werkzeugleiste auswählen.
    • Hintergrund: Fügen Sie einen „Hintergrund“ hinzu, indem Sie in der rechten Werkzeugleiste ein Bild, eine Farbe oder ein Video in das Layout einfügen.
    • Rahmen: Wählen Sie das Layout aus und klicken Sie auf Rahmen, um dem Layout Rahmen hinzuzufügen, und wählen Sie die Breite und den Stil oder wählen Sie verschiedene Rahmen/Ecken aus.
    • Größe: Passen Sie die Layoutgröße an oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.
    • Schatten: Wählen Sie das Layout aus und klicken Sie auf Schatten, um dem Layout einen Schatten hinzuzufügen und wählen Sie den Abstand, die Größe, den Weichzeichner, die Farbe und den Stil.

⬆️ Nach oben


Wie verwendet man eine Form?

Formen sind vorbereitete grafische Elemente für die Website: Rechtecke, Kreise, Trennelement und Element, die mit einem Hintergrundbild gefüllt werden können. Sie haben dekorativen Charakter.

Hinzufügen der Form:

  • Ziehen Sie „Form“-Symbol aus der Werkzeugleiste oben und lassen Sie es dort fallen, wo sie eine Form platzieren wollen.
  • Wählen Sie die gewünschte Form.
  • Anpassung einer Form:
    • Hintergrund: Wählen Sie die Form aus und klicken Sie in der rechten Werkzeugleiste auf Hintergrund. Wählen Sie Hintergrundfarbe, ein Bild oder Video sowie die Deckkraft.
    • Rahmen:
      • Wählen Sie die Form aus und klicken Sie in der rechten Werkzeugleiste auf "Rand".
      • Wählen Sie die Breite, die Farbe und den Stil des Rahmens oder wählen Sie einen anderen Rahmen oder andere Ecken.
    • URL:
      • Wählen Sie die Form aus und klicken Sie in der rechten Werkzeugleiste auf „url“.
      • Geben Sie die Link-Eigenschaften an und klicken Sie auf „Übernehmen“.
    • Größe: Stellen Sie die Größe der Form ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie verwendet man eine Line?

Hinzufügen einer Zeile:

  • Ziehen Sie das „Form“ – Symbol aus der Werkzeugleiste oben und lassen Sie es dort fallen, wo sie es platzieren wollen.
  • Wählen Sie eine Linien-Darstellung aus.
  • Anpassung:
    • Orientierung: Wählen Sie in der rechten Werkzeugleiste die horizontale oder vertikale Ausrichtung.
    • Stil: Wählen Sie den Linienstil durch Anklicken einer Option in der rechten Werkzeugleiste aus.
    • Farbe: Wählen Sie die Linie aus und klicken Sie in der rechten Werkzeugleiste auf Farbe, um Farbe und Deckkraft auszuwählen.
    • Größe: Stellen Sie die Zeilengröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie verwendet man die „Button“-Funktion?

Buttons sind Interaktionsschaltflächen.

Button hinzufügen:

  • Ziehen Sie das „Button“-Symbol aus der Werkzeugleiste oben.
  • Wählen Sie die gewünschte Button-Darstellung.

Schaltfläche editieren:

  • Legen Sie den Text der Schaltfläche in der rechten Werkzeugleiste fest.

Linkziel angeben:

  • Wählen Sie die Schaltfläche und klicken Sie auf URL in der rechten Werkzeugleiste.
  • Schreiben Sie die Link-Eigenschaften und klicken Sie auf „Übernehmen“.

Schriftart:

  • Wählen Sie die Schaltfläche und klicken Sie in der rechten Werkzeugleiste auf Schriftart.
  • Passen Sie Schriftart, Größe, Zeilenhöhe, Ausrichtung und Buchstabenabstand an.

Button-Eigenschaften anpassen:

  • Standard / Hover / Aktiv Einstellungen:
    • Legen Sie in der rechten Werkzeugleiste den Standardstil, die Farbe, den Hintergrund, den Rahmen und die Schattenoptionen für Schaltflächen fest.

Größe:

  • Legen Sie die Größe der Schaltflächen fest oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

Umgang mit Medien


⬆️ Nach oben


Wie verwendet man Video?

Um ein Video in die Website einzufügen, haben Sie mehrere Möglichkeiten:

Option 1 (einen externen Media Player einbetten, z. B. Youtube):

Hinzufügen von Youtube:

  • Ziehen Sie das „Medien“-Symbol aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie Youtube aus dem Angebot aus.
  • Legen Sie die „URL oder ID“ des Youtube-Videos in der rechten Werkzeugleiste fest.
  • Anpassen von Videos:
    • Größe: Passen Sie die Videogröße an oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

Option 2 (Videodatei von Ihrem Computer hochladen, um es als Hintergrund abzuspielen):

  • Wählen Sie das Symbol „Form“ und wählen Sie eine Form-Darstellung (ein Shape).
  • Klicken Sie in der rechten Werkzeugleiste auf "Hintergrund".
  • Wählen Sie „Bild / Video“ und klicken darauf.
  • Klicken Sie auf „Neue Datei hochladen“, wählen Sie das Video aus, klicken Sie auf „Öffnen“ und dann auf „Auswählen“.
  • Wählen Sie unter dem Video die Einstellungen für das Hintergrundvideo: Deckkraft, Startzeit und Endzeit.

Das Video wird ohne Ton abgespielt.

Anmerkung. Sie können die Videodatei auch einfach per Drag & Drop von Ihrem Computer auf den Website-Builder ziehen.

Option 3 (Video von Ihrem Computer hochladen):

  • Wählen Sie das Symbol „Erweitert“ und wählen Sie „Benutzerdefiniertes Html“.
  • Wählen Sie in der rechten Werkzeugleiste "HTML-Code" aus und klicken Sie auf das Bleistiftsymbol.
  • Fügen Sie diesen Code ein:

"

  • Wählen Sie das Wort „VIDEO_FILE“ (die Anführungszeichen nicht löschen) und entfernen Sie es.
  • Klicken Sie auf die Schaltfläche „Datei hinzufügen“ in der oberen rechts, um Ihre Videodatei auszuwählen.
  • Klicken Sie auf „Neue Datei hochladen“, wählen Sie ein Video aus, öffnen Sie es, klicken Sie auf „Auswählen“ und dann auf „Übernehmen“.

Das Video wird auf der Webseite integriert und mit Ton abgespielt.


⬆️ Nach oben


Wie benutzt man „YouTube“?

Hinzufügen von Youtube:

  • Ziehen Sie das „Medien“-Symbol aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie "Youtube" aus.
  • Geben Sie die „Youtube URL oder ID“ in der rechte Werkzeugleiste ein.
  • Anpassen von Videos:
    • Größe: Passen Sie die Videogröße an oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.
    • Legen Sie in der rechten Werkzeugleiste fest, ob „Player-Steuerelemente anzeigen“ lassen wollen und ob eine „No cookie-Domain verwendet“ werden soll.
    • Startzeit: Geben Sie in der rechten Werkzeugleiste die Startzeit an, ab der Ihr Video abgespielt werden soll.

⬆️ Nach oben


Wie verwendet man „Instagram-Video“?

Hinzufügen von Instagram-Video:

  • Ziehen Sie das „Medien“-Symbol aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die "Instagram" aus.
  • Legen Sie die „Instagram Post URL oder ID“ in der rechten Werkzeugleiste fest.
  • Anpassen von Videos:
    • Größe: Passen Sie die Videogröße an oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie verwendet man „Facebook-Video“?

Hinzufügen von Facebook-Video:

  • Ziehen Sie „Medien“ aus der Werkzeugleiste oben.
  • Wählen Sie die "Facebook".
  • Legen Sie die „Facebook Post URL oder ID“ in der rechte Werkzeugleiste fest.
  • Anpassen von Videos:
    • Größe: Passen Sie die Videogröße an oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.
    • Startzeit: Geben Sie in der rechten Werkzeugleiste die Startzeit ein, zu der Ihr Video abgespielt werden soll.

⬆️ Nach oben


Wie verwendet man den „Music Player“?

Hinzufügen eines Musik-Players:

  • Ziehen Sie das „Medien“- Symbol aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie "Musikspieler" aus.
  • Klicken Sie auf "MP3-Datei(en)" in der rechten Werkzeugleiste, um eine MP3-Datei hochzuladen.
  • Anpassen des Musik-Players:
    • Größe: Passen Sie die Größe des Musikspielers an oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

Starten Sie den Musikplayer, wenn die Seite geladen ist:

  • Wählen Sie in der rechten Werkzeugleiste die Option „Wiedergabe starten, wenn die Seite geladen wird“.

Anmerkungen: Sie können die Datei einfach per Drag & Drop von Ihrem Computer auf den Website-Builder ziehen. Beachten Sie bitte das Urheberrechtsgesetz, wenn Sie zum öffentlichen Abspielen der Inhalte der MP3-Dateien eine Lizenz benötigen.


⬆️ Nach oben


Wie verwendet man „Spotify“?

Hinzufügen des Spotify-Players:

  • Ziehen Sie „Medien“ aus der Werkzeugleiste oben.
  • Wählen Sie "Spotify-Spieler".
  • Legen Sie den „Spotify Link oder URL“ in der rechten Werkzeugleiste fest.
  • Anpassen des Players:
    • Größe: Passen Sie die Größe des Players an oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie benutzt man „Vimeo“?

Hinzufügen von Vimeo:

  • Ziehen Sie das „Medien“-Symbol aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die "Vimeo" aus.
  • Legen Sie die „Vimeo ID oder URL“ in der rechten Werkzeugleiste fest.
  • Anpassen von Videos:
    • Größe: Passen Sie die Videogröße an oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.
    • Das Porträt oder den Titel des Benutzers:
    • Legen Sie fest, dass das Porträt des Benutzers und der Titel des Videos in der rechten Werkzeugleiste angezeigt werden.
    • Autoplay: Wählen Sie in der rechten Werkzeugleiste das Video aus, das automatisch abgespielt werden soll.
    • Farbe der Videosteuerung einstellen: Klicken Sie hier, um die Farbe der Videosteuerung in der rechten Werkzeugleiste festzulegen.

⬆️ Nach oben


Wie benutzt man „Youku“?

Hinzufügen von Youku:

  • Ziehen Sie das „Medien“-Symbol aus der Werkzeugleiste oben.
  • Wählen Sie "Youku" aus.
  • Fügen Sie die Angaben für das Video bei „Ganze Youku-Video-URL kopieren“ in der rechten Werkzeugleiste ein.
  • Anpassen von Videos:
    • Größe: Passen Sie die Videogröße an oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.
    • Autoplay: Wählen Sie Autoplay in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie verwendet man „Aparat“?

Hinzufügen von Aparat (zur Zeit deaktiviert):

  • Ziehen Sie das „Medien“-Symbol aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie "Aparat".
  • Legen Sie die „Aparat ID oder URL“ in der rechten Werkzeugleiste fest.
  • Anpassen von Videos:
    • Größe: Passen Sie die Videogröße an oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.
    • Startzeit: Stellen Sie die Startzeit des Videos in der rechten Werkzeugleiste ein.

⬆️ Nach oben


Wie verwendet man „Rutube video“?

Hinzufügen von Rutube (zur Zeit deaktiviert):

  • Ziehen Sie das „Medien“-Symbol aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die Zusammensetzung von Rutube.
  • Geben Sie die „Rutube ID oder URL“ in der rechte Werkzeugleiste ein.
  • Anpassen von Videos:
    • Größe: Passen Sie die Videogröße an oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie verwendet man „VK-Video“?

Hinzufügen von VK (zur Zeit deaktiviert):

  • Ziehen Sie das „Medien“-Symbol aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die VK Komposition.
  • Schreiben Sie „Videoeinbettungscode“ in die rechte Werkzeugleiste.
  • Video anpassen:
    • Größe: Passen Sie die Videogröße an oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie füge ich Dateien wie .pdf, .docx, .xlsx, .mp3, .gif usw. zu der Website hinzu?

Um Dateien zu Ihrer Website hinzuzufügen, können Sie sie in die Galerie hochladen (dort wo auch eigene Bilder und Videos verwaltet werden).

Arten von Dateien, die zu Ihrer Website hinzugefügt werden können:

  • Bilderformate: „jpg“, „jpeg“, „gif“, „png“, „svg“, „webp“
  • Videoformate: ogg“, „mp4“, „mpeg“, „avi“, „flv“, „mkv“, „mov“, „webm
  • Für Favicons: jpg“, „jpeg“, „gif“, „png“, „ico“, „svg
  • Audioformate: mp3″, „aac“, „wav“, „ra“, „midi“, „ram“, „wma“, „ogg“, „ape“
  • Andere Dokument-Arten: pdf“, „docx“, „doc“, „xls“, „xlsx“, „rtf“, „ppt“, „pptx“, „odt“, „txt“, „csv“, „html“, „xml“, „js“, „yml“, „rar“, „zip“, „tar“, „gz“, „eps“, „cdr

⬆️ Nach oben


Wie wird die Ausrichtung verwendet?

  • Wählen Sie in der rechten Werkzeugleiste ein Layout und die Art des Layouts aus.
  • Wählen Sie die Ausrichtung Ihrer Elemente im Layout.
  • Wählen Sie die Ausrichtung für das vertikale Layout, wenn das horizontale Layout und „Bei kleineren Bildschirmen auf vertikales Layout umschalten“ ausgewählt ist.

⬆️ Nach oben


Wie kann ich ein Backup speichern bzw. wiederherstellen?

Backup speichern:

  • Öffnen Sie den Webbuilder.
  • Wählen Sie die Dropdown-Liste „Veröffentlichen“ und wählen Sie den Untermenüpunkt „Sichern/Wiederherstellen“.
  • Klicken Sie auf die Schaltfläche „Backup herunterladen“.

Automatische Sicherung:

  • Gehen Sie zur Dropdown-Liste „Veröffentlichen“ und wählen Sie die Option „Sichern/Wiederherstellen“.
  • Wechseln Sie zur Registerkarte „Wiederherstellen“ und wählen Sie die Version der automatischen Sicherung zur Wiederherstellung.
  • Automatische Backups werden automatisch alle 5 Minuten angelegt.

Die Anzahl der automatischen Backups pro Website ist begrenzt und es werden standardmäßig 50 Kopien gespeichert.

Wenn das Limit erreicht ist, werden nur die 50 neuesten Kopien gespeichert.

Aus einer Sicherung wiederherstellen:

  • Gehen Sie zur Dropdown-Liste „Veröffentlichen“ und wählen Sie die Option „Sichern/Wiederherstellen“.
  • Wählen Sie die Registerkarte „Wiederherstellen“.
  • Klicken Sie auf „Durchsuchen“ und wählen Sie die heruntergeladene Sicherung von Ihrem Computer aus. Oder: „Version der automatischen Sicherung zur Wiederherstellung auswählen“
  • Klicken Sie auf „Wiederherstellen“.

⬆️ Nach oben


Wie werden Elemente kopiert bzw. eingefügt?

  • Wählen Sie das zu kopierende Element oder die Layout-Box aus, die Sie kopieren möchten.
  • Klicken Sie in die obere rechte Ecke des Elements.
  • Wählen Sie "Kopieren" und wählen Sie das Layout, in das Sie das kopierte Element/Layout einfügen möchten.
  • Klicken Sie in die obere rechte Ecke des Layouts und wählen Sie Einfügen.

⬆️ Nach oben


Wie kann ich Aktionen im Website Builder rückgängig machen oder wiederholen?

  • Klicken Sie auf die Symbol-Schaltfläche „Rückgängig“ am oberen Rand des Builders, um zum vorherigen Schritt zurückzukehren.
  • Klicken Sie oben im Webbuilder auf die Symbol-Schaltfläche „Wiederherstellen“, um den Zürück-Vorgang rückgängig zu machen.

Diese Schaltfläche ist nur aktiv, wenn Sie „Rückgängig“ verwendet haben.


⬆️ Nach oben


Wie lassen sich Elemente duplizieren?

  • Wählen Sie das Element/Layout, das Sie duplizieren möchten.
  • Klicken Sie in die obere rechte Ecke des Elements.
  • Wählen Sie das duplizierte Element aus und ziehen Sie es in den Bereich, in dem es platziert werden soll.

⬆️ Nach oben


Wie fügt man einen Anker hinzu?

  • Wählen Sie ein Element aus, das Sie mit einem Ankernamen belegen wollen, indem Sie es anklicken.
  • Wählen Sie in der rechten Werkzeugleiste „Erweitert“.
  • Geben Sie den gewünschten „Ankername“ unter "Name fixieren" an.
  • (Fakultativ:) Geben Sie einen „Klassennamen“ und einen „Namen“ an. Ein Name benennt das ausgewählte Element um.
  • Wählen Sie nun die Stelle auf der Webseite aus, die Sie mit dem Anker verknüpfen möchten:
    • Für einen Menüpunkt:
      • Wählen Sie „Menü Bearbeiten“ in der rechten Werkzeugleiste.
      • Klicken Sie auf „Neuer Menüpunkt“.
      • Wählen Sie "Link".
      • Wählen Sie „Seiten auf Ihrer Website“ und wählen Sie den vergebenen Ankernamen aus.
    • Für Bild/Button:
      • Klicken Sie auf das Symbol unter „URL“ in der rechten Werkzeugleiste
      • Wählen Sie "Seiten auf Ihrer Website".
      • Wählen Sie im Dropdown-Menü den Ankernamen aus.
    • Für Text:
      • Wählen Sie den Textteil aus, den Sie mit einem Anker verlinken möchten.
      • Klicken Sie im Texteditor auf die Schaltfläche „Link“.
      • Wählen Sie „Seite auf Ihrer Website“.
      • Wählen Sie den Namen des Ankers aus der Dropdown-Liste.
      • Klicken Sie auf „Übernehmen“.

⬆️ Nach oben


Wie fügt man Animationen zu seiner Website hinzu?

Sie können alle Elemente auf Ihrer Website mit Animationen versehen.

  • Klicken Sie im Builder auf ein Element, das Animationen haben soll.
  • Wählen Sie den Bereich „Animation“ in der rechten Werkzeugleiste. #
  • Wählen Sie den Typ „Effekt“ (z. B. Einblenden, Bounce in, Zoom in) und bearbeiten Sie die Eigenschaften, falls erforderlich:
    • Richtung
    • Dauer
    • Verzögerung
    • Schleife
    • Effekt auf „Standard“ oder / und auf „Hover“ einstellen.

⬆️ Nach oben


Wie wird die Website als Vorschau angezeigt?

  • Klicken Sie oben im Website-Builder auf „Vorschau“.
  • Sie können sehen, wie Ihre Website online in verschiedenen Formaten (z. B. Desktop) aussehen wird.
  • Klicken Sie auf „Vorschau schließen“ in der oberen rechten Ecke, um das Vorschaufenster zu schließen.

⬆️ Nach oben


Wie kann ich anderen Personen die Website vor Veröffentlichung zeigen?

Um eine mit easyPage 3.0 erzeugte Website von einer anderen Person testen oder begutachten zu lassen, empfiehlt sich folgendes Vorgehen:

  • Das bisherige Ergebnis mit „Backup“ sichern und die Datei auf die Festplatte speichern.
  • Teilen Sie der Person die URL (Adresse) mit, die oben im Browser angezeigt wird.
  • Lassen Sie der Testperson die Backup-Datei zukommen.
  • Wenn diese Person die angegebene URL öffnet, zeigt sich ein easyPage-Demo-Zugang.
  • Die Testperson kann dann easyPage im Demo-Modus starten, eine Vorlage auswählen (z.B. die leere Vorlage) und dann den Web Builder (Baukasten) starten.
  • Die von Ihnen heruntergeladene Datei lässt sich importieren.
  • So kann die Testperson wiederum über „Vorschau“ die Site begutachten.

⬆️ Nach oben


Wie macht man die Website responsive?

Ihre Websites werden automatisch so erstellt, dass sie auf allen Geräten optimal dargestellt werden. Das heißt: Die einzelnen Inhaltselemente werden so umgebrochen, dass sie auf kleineren Bildschirmen untereinander statt nebeneinander dargestellt werden.

Zur Überprüfung der Anpassungsfähigkeit Ihrer Website:

  • Wählen Sie Bildschirme unterschiedlicher Größe direkt über dem Inhalt Ihrer Website.
  • Vorschau auswählen.
  • Wählen Sie verschiedene Bildschirmgrößen aus, um zu sehen, wie es aussieht.

Bestimmte Elemente lassen sich auf eine bestimmte Größe genauer anpassen und auf festgelegten Bildschirmgrößen auch komplett ausblenden. Sieh dazu die Antwort auf die FAQ-Frage „Wie kann man die Sichtbarkeit von Elementen verwalten?“


⬆️ Nach oben


Ein Element ist im Webbuilder sichtbar, aber in der Vorschau nicht sichtbar. Warum?

  • Wählen Sie ein Element aus, das Sie bearbeiten oder überprüfen möchten.
  • Wählen Sie „Sichtbarkeit“ in der rechten Werkzeugleiste.
  • Wenn ein Element nicht sichtbar ist, aber sichtbar sein sollte.
  • Wählen Sie die Geräte aus, in denen Ihr Element erscheinen soll.
  • Wenn es immer noch nicht in der Vorschau angezeigt wird:
    • Suchen Sie das Element im horizontalen/vertikalen (übergeordneten Eltern-) Layout.
    • Prüfen Sie die Option „Sichtbarkeit“.
    • Wählen Sie die Sichtbarkeit des Layouts für die erforderlichen Geräte, damit das innere Element auch in der Vorschau sichtbar ist.

⬆️ Nach oben


Wie kann man die Sichtbarkeit von Elementen verwalten?

Elemente, für die die Sichtbarkeit verwaltet werden kann:

Geräte-bezogen:

  • Wählen Sie ein Element/Layout/Seitenabschnitt aus.
  • Wählen Sie „Sichtbarkeit“ in der rechten Werkzeugleiste.
  • Wählen Sie die Geräte aus, die Sie ein-/ausblenden möchten.

Seiten-bezogen:

  • Element / Layout / Seitenabschnitt auswählen.
  • Wählen Sie „Sichtbarkeit“ in der rechten Werkzeugleiste.
  • Wählen Sie zwischen „Nur auf der aktuellen Seite anzeigen“, „Alle Seiten anzeigen“ oder „Bestimmte Seiten anzeigen“.

⬆️ Nach oben


Wie kann man verschiedene Layout-Hintergründe auf verschiedenen Geräten handhaben?

  • Wählen Sie ein Layout-Objekt aus, das Sie anpassen möchten.
  • Wählen Sie die Layoutfarbe, indem Sie in der rechten Werkzeugleiste auf Hintergrund klicken.
  • Wählen Sie eine Layoutfarbe oder ein Bild bzw. Video für den Hintergrund.
  • Wählen Sie „Sichtbarkeit“ in der rechten Werkzeugleiste.
  • Wählen Sie die Geräte aus, auf denen Ihr Layout-Objekt erscheinen soll (z. B. Breitbild, Desktop und Tablet).
  • Wählen Sie eine andere Bildschirmgröße für den Inhalt Ihrer Website (z. B. Telefon).
  • Fügen Sie ein weiteres Layout an der gleichen Stelle ein, an der sich das vorherige befand.
  • Wählen Sie dieses Layout aus und wählen Sie die Layoutfarbe, indem Sie in der rechten Werkzeugleiste auf „Hintergrund“ klicken.
  • Wählen Sie eine andere Layoutfarbe oder ein Bild bzw. Video für den Hintergrund.
  • Wählen Sie „Sichtbarkeit“ in der rechten Werkzeugleiste und legen Sie fest, dass es nur für dieses Layout angezeigt wird (z. B. Telefon).

⬆️ Nach oben


Wie erstellt man eine Funktion zum Herunterladen einer Datei?

  • Wählen Sie das Element aus, das zum Herunterladen einer Datei verwendet werden soll (Beispiel: Bild, Schaltfläche, Text).
  • Wählen Sie die Registerkarte „Erweitert“ in der rechten Werkzeugleiste.
  • Suchen Sie auf der Registerkarte „URL“.
  • Klicken Sie auf die Schaltfläche neben „Kein Link ausgewählt“.
  • Wählen Sie „Datei von Ihrer Website“.
  • Schaltfläche anklicken.
  • Klicken Sie auf „Neue Datei hochladen“.
  • Wählen Sie die erforderliche Datei vom Computer aus.
  • Klicken Sie auf „Auswählen“.
  • Klicken Sie auf „Übernehmen“.

⬆️ Nach oben


Wie funktioniert eine Mehrfachauswahl?

  • Drücken Sie die Strg-/Cmd-Taste auf Ihrer Tastatur und markieren Sie die Elemente, die Sie bearbeiten möchten.
  • Nehmen Sie Änderungen an ausgewählten Elementen in der rechten Werkzeugleiste vor.

Hinweis: Wenn Sie Elemente der gleichen Art wählen, stehen Ihnen mehr Funktionen zur Bearbeitung zur Verfügung.


⬆️ Nach oben


Warum sieht man eine horizontale Bildlaufleiste auf meiner Website?

Wenn Sie auf Ihrer Website eine horizontale Bildlaufleiste sehen, dann liegt das höchstwahrscheinlich an einigen Elementen auf der Website, die zu weit rechts vom Website-Inhalt platziert sind.

Sie können dies leicht überprüfen: Gehen Sie in den Website-Builder und prüfen Sie alle Seiten, ob sie im Editor ebenfalls eine horizontale Bildlaufleiste haben. Wenn dies der Fall ist, scrollen Sie bis zum Ende der Seite und Sie werden höchstwahrscheinlich ein Element dort finden (beachten Sie, dass es absolut weiß sein kann – zum Beispiel ein kleines weißes Shape – so dass es manchmal schwierig ist, es zu erkennen). Es sollte aber in der Seitenstruktur sichtbar sein.

Positionieren Sie solche Elemente innerhalb der sinnvollen Inhaltsbegrenzungen oder löschen Sie es, wenn es nicht benötigt wird. Wenn dieses Element nur in einer Version (Wide, Desktop, Tablet, Phone) benötigt wird, können Sie es mit der rechten Maustaste anklicken und in der Werkzeugleiste rechts ausblenden.

Wenn die Positionen korrigiert sind, sollte die horizontale Bildlaufleiste verschwinden. Danach veröffentlichen Sie Ihre Seite erneut.

Globale Einstellungen


⬆️ Nach oben


Wie erstellt man eine mehrsprachige Website?

Hinzufügen von Sprachen:

  • Ziehen Sie das „Sprachen“-Symbol aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die Sprachenanpassung.
  • Klicken Sie im Popup auf „Sprache hinzufügen“.
  • Wählen Sie die gewünschten Sprachen aus, und klicken Sie auf „Übernehmen“.

Sprachen bearbeiten:

  • Klicken Sie auf die entsprechende Sprachflagge (z. B. Englisch), um den Inhalt zu bearbeiten (z. B. Text, Menü, Bilder usw.).
  • Wählen Sie eine andere Sprache (z. B. Chinesisch) und nehmen Sie Änderungen in dieser Sprache auf die gleiche Weise vor.

Hinweis: Die Standardsprache ist mit einem Symbol markiert.

Es kann nur eine Standardsprache geben, und sie kann nicht gelöscht werden, auch nicht, indem Sie auf das x daneben klicken.

Löschung von Sprachen:

  • Wählen Sie im Builder das Element „Sprachen“.
  • Bewegen Sie den Mauszeiger in der rechten Werkzeugleiste „Sprachen“ auf die Sprache, die Sie entfernen möchten.
  • Klicken Sie auf das Kreuz, das auf der rechten Seite der Sprache erscheint, um sie zu entfernen.
  • Um alle Sprachen zu entfernen, wählen Sie die Sprache in der „Seitenstruktur“ aus und drücken Sie die Löschtaste auf Ihrer Tastatur.
    • Wählen Sie „Alle Sprachen und alle Sprachelemente löschen“.

Hinweis: Wenn Sprachen nur im Inhalt der Website gelöscht wurden, werden sie nur unsichtbar, aber nicht vollständig gelöscht.


⬆️ Nach oben


Wie erstellt man eine Landing Page?

Wenn Sie noch keine Website haben, empfiehlt es sich, die Vorlage „Landing Page“ zu verwenden.


⬆️ Nach oben


Wie überträgt man den Inhalt einer Website von einer Domain auf eine andere?

Herstellen einer Sicherung:

  • Öffnen Sie Ihre Website.
    • Öffnen Sie den Web-Builder mit der ursprünglichen Domain über die Schaltfläche „Website bearbeiten“.
    • Speichern Sie ein Backup der Website.
  • Aus der Sicherung wiederherstellen:
    • Öffnen Sie den Builder mit der neuen Domain über die Schaltfläche „Website bearbeiten“.
    • Stellen Sie die Webseote aus Sicherung wieder her.

⬆️ Nach oben


Wie kann man Stile für Texte festlegen?

Sp legen Sie globale Stile für Ihren Website-Builder fest. Je nach Vorlage sind bereits Stile definiert und verwendet, die Sie alle ändern können.

  • Wählen Sie „Einstellungen“ und „Stile“ oben rechts im Website-Builder.
  • Wählen Sie einen Textstil und wählen Sie Schriftart, Größe usw. aus.
  • Wählen Sie „Links“ und legen Sie die Farbe des Linktextes und des Hover-Links fest.
  • Wählen Sie „Erweitert“, um weitere Funktionen einzustellen.

⬆️ Nach oben


Wie verwendet man ein eigenes Favicon?

  • Wählen Sie „Einstellungen“ am oberen Rand des Website Builders.
  • Wählen Sie „Favicon“.
  • Favicon anklicken
  • Klicken Sie auf „Neu hinzufügen“ / „Neues Bild hochladen“ oder ziehen Sie die Datei per Drag & Drop, um das Favicon hochzuladen oder zu ändern.
  • Klicken Sie auf „Übernehmen“.

⬆️ Nach oben


Wie veröffentlicht man eine Website?

  • Melden Sie sich im goneo-Kundencenter an.
  • Wählen Sie das entsprechende Paket (falls Sie mehrere nutzen).
  • Wählen Sie „easyPage“.
  • Klicken Sie auf die Domain, zu der Sie die erstellte easyPage-Website veröffentlichen möchten.
  • Nehmen Sie gegebenenfalls die gewünschten Änderungen an Ihrer Website vor.
  • Klicken Sie oben im Builder auf „Veröffentlichen“, um Ihre Website für die Öffentlichkeit sichtbar zu machen

Sie können zunächst die „Under construction“-Vorlage oder eine ähnliche nutzen und veröffentlichen, während Sie Ihre eigentliche Website zuerst noch erstellen.


⬆️ Nach oben


Wie kann ich die Vorlage zurücksetzen?

  • Klicken Sie auf die Dropdown-Liste „Neu / Zurücksetzen“ im oberen Bereich des Builders.
  • Wählen Sie „Zurücksetzen“ und beginnen Sie von vorne.

Hinweis: Wenn Sie sich für das Zurücksetzen der Vorlage entscheiden, gehen alle Ihre aktuellen Fortschritte und die eigenen Inhalte verloren. Speichern Sie die Website sicherheitshalber auf Ihrer Festplatte.


⬆️ Nach oben


Wie verwaltet man eine Cookie-Richtlinie?

Hinzufügen der Cookie-Richtlinie:

  • Gehen Sie zu „Einstellungen“ oben im Builder und wählen Sie „Einstellungen“.
  • Wählen Sie „Cookie-Richtlinie“.
  • Klicken Sie auf „Blockierung der Cookie-Richtlinie aktivieren“.
  • Klicken Sie auf „Neu hinzufügen“.
  • Diese Cookies werden nur geladen, wenn der Besucher zustimmt.
  • Definieren Sie „Cookie-Name“ und „Cookie-Beschreibung“.
  • Markieren Sie gegebenenfalls das Kästchen „Erforderlicher funktionaler Cookie“. In diesem Fall wird dieses Cookie benötigt.
  • Anpassen der Cookie-Richtlinie:
    • Schreiben Sie den Text der Schaltfläche in das entsprechende Feld.
    • Wählen Sie die Schriftart, die Größe, den Hintergrund, die Farbe der Nachricht, die Farbe der Schaltfläche und die Farbe des Schaltflächentextes.
    • Text der Cookie-Richtlinie einfügen.
    • Klicken Sie auf „Übernehmen“.

⬆️ Nach oben


Alle meine Komponenten (Text, Fotos, Schaltflächen usw.) sind verschwunden, als ich die Vorlage geändert habe!

Jede Vorlage hat ihre eigenen Standardelemente, und jedes Element ist in jeder Vorlage anders platziert. Daher können die Inhalte in einer gänzlich anderen Vorlage nicht zugeordnet werden.


Wie kann ich meine Website bearbeiten während die Seite „Under construction“ online ist?

Für den Fall, dass noch keine Website erstellt wurde:

  • Wählen Sie die gewünschte passende Vorlage wie z.B. „Im Bau“.
  • Bearbeiten Sie diese Website.
  • Klicken Sie oben im Website-Builder auf „Veröffentlichen“.
  • Klicken Sie anscließend oben im Website-Builder auf die Dropdown-Liste „Neu / Zurücksetzen“ und wählen Sie „Vorlage ändern“.
  • Wählen Sie eine neue, passende Vorlage für die neu zu erstellende Website.
  • Bestätigen Sie, dass Sie die Vorlage ändern wollen (Klick in das Kontrollkästchen) und klicken Sie auf „Vorlage ändern“.
  • Bearbeiten Sie Ihre Website, aber veröffentlichen Sie sie nicht, bevor sie fertig ist.
  • Verwenden Sie die Schaltfläche „Vorschau“, um Ihre Website zu betrachten.
  • Wählen Sie die Dropdown-Liste „Veröffentlichen“ oben im Website-Builder und wählen Sie „Entwurf speichern“, um Ihren Fortschritt zu speichern.

Für den Fall, dass Änderungen an einer bestehenden Website vorgenommen werden sollen und diese während der Bearbeitungszeit deaktiviert werden soll:

  • Speichern Sie ein Backup Ihrer aktuellen Website:
    • Wählen Sie die Dropdown-Liste „Neu / Zurücksetzen“ am oberen Rand des Website-Builder
    • Wählen Sie „Vorlage ändern“.
  • Wählen Sie die Vorlage „Im Bau“ (oder ähnlich).
  • Aktivieren Sie das Kontrollkästchen zur Bestätigung und klicken Sie auf „Ja, Vorlage ändern“.
  • Jetzt bearbeiten Sie ihre eigentliche Website:
    • Wählen Sie die Dropdown-Liste „Veröffentlichen“ oben im Website-Builder und wählen Sie die Option „Sichern/Wiederherstellen“
    • Stellen Sie die Sicherung der Website wieder her, die Sie weiter bearbeiten möchten.
    • Bearbeiten Sie Ihre Website, aber veröffentlichen Sie sie nicht, bevor sie fertig ist.
    • Verwenden Sie die Schaltfläche „Vorschau“, um Ihre Website zu betrachten.
    • Wählen Sie die Dropdown-Liste „Veröffentlichen“ oben im Website-Builder und wählen Sie „Entwurf speichern“, um Ihren Fortschritt zu speichern.

Wichtig: Nach dem Wechsel der Vorlage geht die erstellte Website mit allen Inhalten verloren. Vergessen Sie die Sicherung nicht.


⬆️ Nach oben


Im Website-Builder und auf der veröffentlichten Website werden verschiedene Hintergründe angezeigt

Dieses Problem hängt in der Regel damit zusammen, dass Sie sowohl für das Layout-Objekt („Vertikales Layout“ oder „Horizontales Layout“) als auch für den nativen Hintergrund (Option „Hintergrund“) ein separates Hintergrundbild festgelegt haben und außerdem das Formelement als zusätzlichen Hintergrund in diesem Layout-Element verwenden (Option „Hintergrundelement“).

Sie sollten nur einen dieser Hintergründe verwenden, entweder durch:

  • Entfernen des Bildes als Hintergrund des Layout-Elements.

oder durch

  • Ablösen eines Form-Elements als Hintergrund von diesem Layout-Element.

⬆️ Nach oben

Importfehler: „Diese Website ist vor dem Import geschützt“

Wenn Sie diese Fehlermeldung beim Importieren einer Website erhalten, bedeutet dies, dass die IP der von Ihnen importierten Domain von einem anderen Benutzer registriert ist.


⬆️ Nach oben


Wie macht man eine Website nach dem Import responsiv?

Importierte Websites müssen manchmal zusätzlich für verschiedene Geräte angepasst werden.

  • Gehen Sie auf der rechten Seite Ihres Website-Builders auf Seitenstruktur (rechts)
  • Gehen Sie die gesamte Struktur durch und überprüfen Sie alle Elemente des horizontalen und vertikalen Layouttyps.
  • Wählen Sie in der rechten Werkzeugleiste „Größe“. Alle Elemente sollten folgende Eigenschaften haben:
    • Geben Sie „Breite“ vorzugsweise in „100%“ oder „auto“ an.
    • Die „Höhe“ sollte auf „auto“ eingestellt sein
    • Alle Kontrollkästchen „Min“ und „Max“ im Abschnitt Größe sollten deaktiviert sein

Prüfen Sie die Elemente für jede Seite.

Klicken Sie auf „Vorschau“, um das Ergebnis zu überprüfen.


⬆️ Nach oben


Welche SEO-Funktionen hat der Website-Builder?

Es finden sich viele Funktionen im Webbuilder, um Ihre Website suchmaschinenfreundlich zu gestalten

In den Meta-Informationen / siteübergreifend:

  • Titel
  • Beschreibung
  • Schlüsselwörter / Keywords
  • txt
  • .htaccess
  • Sitemap
  • HTML-Inserts

Für die Einzelseiten:

  • Benutzerfreundliche URL
  • Analysetools
  • Facebook-Pixel
  • Google Analytics
  • Yandex Metrika
  • Google Tag Manager

Für Inhalte:

  • Titel und Untertitel
  • Alternativer Text für Bilder, Anker für Elemente, usw.
  • Links
  • multilinguale Inhalte / Sprachversionen

⬆️ Nach oben


Wie fügt man HTML-Meta-Tags hinzu?

Um benutzerdefinierte Metainformationen zu Ihrer Website hinzuzufügen, müssen Sie Folgendes tun:

  • Gehen Sie zu „Einstellungen“ (oben auf dem Website-Builder)
  • Gehen Sie dort auf den Menüpunkt „Einstellungen“ und wechseln Sie auf die Registerkarte „Metainformationen“
  • Benutzerdefinierte Meta-Tags hinzufügen und auf „Übernehmen“ klicken.

⬆️ Nach oben


Wie erstellt man eine benutzerfreundliche URL?

Um Ihre URL benutzerfreundlich zu gestalten:

  • Gehen Sie zu „Einstellungen“ (oben im Builder)
  • Gehen Sie zu „Seiten“ und wechseln Sie zum Reiter „SEO“
  • Passen Sie den Namen unter „Benutzerfreundliche URL“ an
  • Sie können für jede Seite außer der Startseite einen Alias angeben. Die Homepage (Startseite) hat keinen Alias.
  • Getrennte Wörter müssen mit einem Bindestrich geschrieben werden.

⬆️ Nach oben


Wie kann ich Yandex.Metrika zu meiner Website hinzufügen?

Um eine Yandex-Metrik hinzuzufügen, gehen Sie so vor:

  • Gehen Sie zu „Einstellungen“ (im oberen Bereich des Builders).
  • Wählen Sie „Einstellungen“ und wechseln Sie zu „Analytics“.
  • Fügen Sie die Yandex Metrika Tracking ID ein.
  • Klicken Sie auf „Übernehmen“.

⬆️ Nach oben


Wie füge ich den Google-Verifizierungscode hinzu?

Um eine Google-Suchkonsole hinzuzufügen, gehen Sie so vor:

  • Gehen Sie zu „Einstellungen“ (oben auf dem Builder).
  • Gehen Sie zu „Einstellungen“ und wechseln Sie zu „Analytics“.
  • Fügen Sie den Google Search Console-Verifizierungscode ein.
  • Klicken Sie auf „Übernehmen“.

⬆️ Nach oben


Wie optimiert man den Inhalt einer Website für SEO?

  • Verwenden Sie Titel und Untertitel für Ihre Seiten.
  • Verwenden Sie Überschriften, um den Textinhalt zu verbessern:
    • Wählen Sie Text aus und wählen Sie in der oberen Werkzeugleiste „Text bearbeiten“. Wählen Sie die Art der Überschrift.
  • Jede Seite sollte nur eine H1 Überschrift haben, das ist der Titel Ihrer Seite.
  • H2 und H3 Tags sind für untergeordnete Abschnitte und Unterabschnitte.
  • Die für Sie wichtigen Keywords sollten in die Überschrift aufgenommen werden.
  • Verwenden Sie alternativen Text für Bilder:
    • Ändern Sie vor dem Hochladen des Bildes den Dateinamen, um das Bild besser darzustellen.
    • Ein Leerzeichen muss im Dateinamen durch einen Bindestrich ersetzt werden (z. B. „good-day.jpg“).
  • Bilder hinzufügen:
    • Fügen Sie in der rechten Werkzeugleiste „Alternativer Text“ hinzu.
  • Namen für Elemente hinzufügen:
    • Element hinzufügen.
    • Blättern Sie in der rechten Werkzeugleiste nach unten zu „Erweitert“ und fügen Sie „Ankername“ hinzu.
  • Bieten Sie Links an:
    • Links hinzufügen: Markieren Sie den Text und drücken Sie das Symbol in der Werkzeugleiste oben
    • Wählen Sie unter „Link-Eigenschaften“ die Art des Links
    • Klicken Sie auf „Übernehmen“.
  • Bieten Sie Inhalte in mehreren Sprachen an:
    • Sie können mehrere Sprachen zu Ihrer Website hinzufügen.
    • Ändern Sie den „Alternativtext“ für Bilder in jeder Sprache.
    • Bieten Sie Beschreibung der Bilder für jede Sprache ändern.

⬆️ Nach oben


Wie fügt man eine robots.txt-Datei hinzu?

So fügen Sie Ihre robots.txt zu Ihrer Website hinzu:

  • Gehen Sie zu „Einstellungen“ (oben im Builder) und wählen Sie „Einstellungen“. Wählen Sie „robots.txt“
  • Drücken Sie robots.txt aktivieren.
  • Fügen Sie Ihr Skript ein und klicken Sie auf „Übernehmen“.

⬆️ Nach oben


Wie füge ich eine .htaccess Datei hinzu?

Hinweis: .htaccess ist eine Server-Konfigurationsdatei und sollte mit äußerster Sorgfalt verwendet werden. Bei fehlerhaften Einträgen funktioniert die Website nicht mehr.

So fügen Sie htaccess-Direktiven für den Server zu Ihrer Website hinzu:

  • Gehen Sie zu „Einstellungen“ (im oberen Bereich des Builders).
  • Gehen Sie zu „Einstellungen“ und wechseln Sie zu „Benutzerdefinierte .htaccess“.
  • Klicken Sie auf „.htaccess aktivieren“.
  • Fügen Sie Ihr Skript ein und klicken Sie auf „Übernehmen“.

⬆️ Nach oben


Wie fügt man den Google Tag Manager hinzu?

  • Gehen Sie zu „Einstellungen“ (im oberen Bereich des Builders).
  • Wählen Sie „Seiten“.
  • Wechseln Sie auf die Registerkarte „Skripte“.
  • Fügen Sie den Code von Google Tag Manager in das Feld „Vor < / head>“ ein.
  • Klicken Sie auf „Übernehmen“.

⬆️ Nach oben


Wie verbindet man Google Analytics?

  • Gehen Sie zu „Einstellungen“ (im oberen Bereich des Builders).
  • Gehen Sie zu „Einstellungen“ und wechseln Sie zu „Analytics“.
  • Geben Sie „Google Analytics Tracking ID“ ein und klicken Sie auf „Übernehmen“.

⬆️ Nach oben


Wie füge ich ein Facebook-Pixel hinzu?

Um ein Facebook-Pixel hinzuzufügen, haben Sie zwei Möglichkeiten:

Option 1:

  • Gehen Sie zu „Einstellungen“ (oben auf dem Builder).
  • Gehen Sie zu „Einstellungen“ und wechseln Sie zu „Analytics“.
  • Fügen Sie die Facebook Pixel Tracking ID ein.
  • Klicken Sie auf „Übernehmen“.

Option 2:

  • Gehen Sie zu „Einstellungen“ (oben im Website-Builder).
  • Gehen Sie zu „Seiten“ und wechseln Sie zu „Skripte“.
  • Fügen Sie den Facebook-Pixel-Code in das Feld „Vor </head>“ ein.
  • Klicken Sie auf „Übernehmen“.

⬆️ Nach oben


Wie kann man das SEO-Ranking aufrechterhalten, nachdem die Website in den Website-Builder importiert wurde?

Wenn Ihre Website bereits in den Website-Builder importiert wurde, bevor Sie sie veröffentlichen:

Überprüfen Sie die SEO jeder Seite erneut. Prüfen Sie, ob die Felder Titel, Beschreibung, Schlüsselwörter, benutzerfreundliche URL usw. ausgefüllt sind.

Überprüfen Sie, ob die wichtigsten Schlüsselwörter in jedem Seiteninhalt vorkommen Verwenden Sie Keyword-Variationen und verwandte Begriffe auf der Seite, um zu vermeiden, dass sich dieselben Phrasen immer wiederholen.

Wenn die SEO-Einrichtung abgeschlossen ist:

  • Veröffentlichen Sie Ihre Website.
  • Da sich der Code der Website geändert hat, sollten Sie Ihre Website erneut in der Google-Konsole veröffentlichen (Google betrachtet die importierte Website als neu).

⬆️ Nach oben


Wie optimiere ich meine Website und erhalte eine hohe Sichtbarkeit bei Google?

Der Google-Score Ihrer Website hängt zu einem großen Teil vom Inhalt ab:

  • Verwenden Sie Bilder in optimaler Größe.
  • Begrenzen Sie die Zahl der Widgets von Drittanbietern.
  • Füllen Sie die suchmaschinenrelevanten Angaben aus.
  • Um Ihre Website in der Google-Suche zu indizieren, empfehlen wir Ihnen, Ihre Website mit der Google Search Console zu verbinden und eine Sitemap einzureichen. So finden Sie einen Link zu Ihrer Sitemap:
    • Gehen Sie zu „Einstellungen“ (oben im Website-Builder).
    • Gehen Sie zu „Einstellungen“ und wechseln Sie zu „Analytics“.
    • Siehe Ihren Link in „Sitemap URL“.

⬆️ Nach oben


Wie optimiert man SEO mit Meta-Informationen?

  • Gehen Sie zu „Einstellungen“ (oben auf dem Builder).
  • Gehen Sie zu „Seiten“ und wechseln Sie zum Reiter „SEO“. Dort können Sie angeben:
    • „Titel“ (sichtbar als Tab-Name des Browsers für jede Seite); Er ist der wichtigste für Suchmaschinen.
    • Die „Beschreibung“ dient dazu, einer Suchmaschine mitzuteilen, worum es auf einer Seite geht.
    • „Schlüsselwörter“ werden noch von einigen Suchmaschinen verwendet, aber Google ignoriert sie (schreiben Sie die Schlüsselwörter in eine Zeile, trennen Sie sie mit Kommas oder Semikolons, Leerzeichen zwischen den Wörtern sind nicht wichtig).
    • „Benutzerfreundliche URL“ ist ein optionale Feld, das Sie ausfüllen, wenn Sie einen benutzerdefinierten URL-Pfad zu einer Seite angeben möchten. Der Standardwert wird von dem im Menü angegebenen Seitennamen übernommen.

⬆️ Nach oben


Social Media


Wie kann man „Facebook-Kommentare“ integrieren?

Hinzufügen von Kommentaren:

  • Ziehen Sie das Symbol „Social“ aus der Werkzeugleiste oben.
  • Wählen Sie die Zusammensetzung der Facebook-Kommentare.
  • Schreiben Sie „URL“ in die rechte Werkzeugleiste.
  • Anpassen der Kommentare:
    • Angezeigte Beiträge: Schreiben Sie die Anzahl der in der rechten Werkzeugleiste angezeigten Elemente.
    • Farbschema: Wählen Sie ein helles oder dunkles Farbschema aus der Dropdown-Liste in der rechten Werkzeugleiste.
    • Kommentare sortieren: Wählen Sie aus der Dropdown-Liste in der rechten Werkzeugleiste, wie die Kommentare sortiert werden sollen.
    • Größe: Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie kann man „Facebook-Fans“ integrieren?

Hinzufügen von Facebook-Fans:

  • Ziehen Sie das Symbol „Social“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die Zusammensetzung der Elemente.
  • Schreiben Sie „Seiten-URL“ in die rechte Werkzeugleiste.
  • Facebook-Fans individuell gestalten:
    • Titelfoto: Einstellen, dass das Titelbild in der rechten Werkzeugleiste angezeigt/versteckt wird.
    • Freunde Gesichter: Gesichter von Freunden in der rechten Werkzeugleiste anzeigen/ausblenden.
    • Zeitleiste: Legen Sie fest, ob die Seitenzeitleiste in der rechten Werkzeugleiste angezeigt oder ausgeblendet werden soll.
    • Überschrift: Legen Sie fest, dass die Kopfzeile in der rechten Werkzeugleiste kleiner / größer sein soll.
    • Größe: Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie integriert man „Facebook Like“?

Hinzufügen von Facebook-Likes:

  • Ziehen das Symbol „Social“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die gewünschte Darstellung.
  • Schreiben Sie den Wert für „URL to Like (required)“ in die rechte Werkzeugleiste.
  • Anpassen von Facebook-Likes:
    • Verb anzeigen: Einstellen, dass das Verb „Gefällt mir“ oder „Empfehlen“ in der rechten Werkzeugleiste angezeigt wird.
    • Layout-Stil: Wählen Sie einen Layout-Stil aus der Dropdown-Liste in der rechten Werkzeugleiste.
    • Farbschema: Wählen Sie ein Farbschema aus der Dropdown-Liste in der rechten Werkzeugleiste.
    • Freunde Gesichter: Einstellen, dass Gesichter von Freunden in der rechten Werkzeugleiste angezeigt/versteckt werden.
    • Größe: Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie lässt sich die „Teilen“-Funktion integrieren?

Hinzufügen von Teilen:

  • Ziehen Sie das Symbol „Social“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die passende Zusammenstellung der Einzelelemente.
  • Wählen Sie die Größe des Symbols aus der Dropdown-Liste in der rechten Werkzeugleiste.
  • Wählen Sie in der rechten Werkzeugleiste aus, auf welchen Social Media-Seiten Ihre Seite geteilt werden kann.
  • Anpassen der Teile-Funktion:
    • Profil-ID: Schreiben Sie „Addthis.com“ „Profil-ID“, um Statistiken in der rechten Werkzeugleiste zu erhalten.
    • Größe: Legen Sie die Elementgröße fest oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie lässt sich die „VK-Community“ integrieren?

Vkontakte lässt sich so integrieren:

  • Ziehen Sie das Symbol „Social“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die Zusammensetzung der Vkontakte-Community.
  • Schreiben Sie den Wert für „ID für Seite oder Gruppe“ in die rechte Werkzeugleiste.
  • Anpassung der Vkontakte-Community:
    • Layout: Wählen Sie das Layout für die Gemeinschaft in der rechten Werkzeugleiste.
    • Farbe von Hintergrund, Text und Schaltflächen: Klicken Sie auf , um die Farbe des Hintergrundtextes oder der Schaltflächen in der rechten Werkzeugleiste einzustellen.
    • Größe: Legen Sie die Elementgröße fest oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie integriert man „VK Like“?

Hinzufügen von „Vkontakte like“:

  • Ziehen Sie das Symbol „Social“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie passende Komposition der Elemente der Vkontakte.
  • Schreiben Sie den Wert für „Gruppen-ID“ in die rechte Werkzeugleiste.
  • Anpassen von „Vkontakte like“:
    • Höhe der Buttons: Wählen Sie die Höhe der Schaltfläche aus der Dropdown-Liste in der rechten Werkzeugleiste.
    • Name der Schaltfläche: Wählen Sie den Namen der Schaltfläche aus der Dropdown-Liste in der rechten Werkzeugleiste.
    • Layout der Schaltflächen: Wählen Sie das Schaltflächenlayout in der rechten Werkzeugleiste.
    • Größe: Legen Sie die Elementgröße fest oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie kann man „Twitter“ integrieren?

Hinzufügen von Twitter:

  • Ziehen Sie das Symbol „Social“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die Komposition der Twitter-Elemente.
  • Schreiben Sie den Wert für „Widget-ID oder Profil-URL“ in die rechte Werkzeugleiste.
  • Anpassen von Twitter:
    • Anzahl der Tweets: Schreiben Sie die Anzahl der sichtbaren Tweets in die rechte Werkzeugleiste.
    • Farbschema: Wählen Sie in der rechten Werkzeugleiste ein helles oder dunkles Farbschema.
    • Andere Optionen: In der rechten Werkzeugleiste können Sie Kopf- und Fußzeilen, Bildlaufleisten, transparente Hintergründe und Rahmen hinzufügen.
    • Größe: Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie kann man „OK“ integrieren?

Hinzufügen von Odnoklassniki:

  • Ziehen Sie das Symbol „Social“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie eine passende Zusammenstellung der Einzelelemente.
  • Schreiben Sie den Wert für „Gruppen-ID“ in die rechte Werkzeugleiste.
  • Anpassen von Odnoklassniki:
    • Größe: Legen Sie die Elementgröße fest oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie integriert man „Pinterest“?

Hinzufügen von Pinterest:

  • Ziehen Sie das Symbol „Social“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die Pinterest-Zusammenstellung der Elemente.
  • Wählen Sie „Widget-Typ“ aus der Dropdown-Liste in der rechten Werkzeugleiste.
  • Anpassen von Pinterest:
    • Schaltfläche Speichern: Wählen Sie „Schaltflächentyp“ aus der Dropdown-Liste in der rechten Werkzeugleiste und wählen Sie den Symboltyp.
    • Schreiben Sie „Bildquellen-URL“ und „Bild-URL“.
    • Schreiben Sie „Beschreibung“, wählen Sie „Pinanzahl anzeigen“ und „Sprache“ aus der Dropdown-Liste.
    • Folgen: Schreibe „Pinterest-Benutzer-URL“ und „Vollständiger Name“ in die rechte Werkzeugleiste.
    • Pin: Schreiben Sie den Wert für „Pin URL“ in die rechte Werkzeugleiste.
    • Wählen Sie „Pin-Größe“ aus der Dropdown-Liste.
    • Wählen Sie die Option „Beschreibung ausblenden“.
    • Board: Schreiben Sie „Pinterest Board URL“ in die rechte Werkzeugleiste. Legen Sie die Höhe und Breite des Boards sowie die Breite der Bilder fest.
  • Profil: Schreiben Sie den Wert für „Pinterest-Benutzerprofil-URL“ in die rechte Werkzeugleiste.Profilhöhe, -breite und -breite der Bilder einstellen.

Größe:

  • Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie kann man „Instagram“ integrieren?

Hinzufügen von Instagram:

  • Ziehen Sie das Symbol „Social“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die Zusammensetzung des Instagram-Posts.
  • Schreiben Sie „Instagram Post-ID oder URL“ in die rechte Werkzeugleiste.
  • Instagram individuell gestalten:
    • Größe: Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie integriert man „Telegram“?

Hinzufügen von Telegramm:

  • Ziehen Sie das Symbol „Social“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie „Telegrammpost“ als Postaufbau.
  • Schreiben Sie „Link zum Telegram-Post“ in die rechte Werkzeugleiste.
  • Telegram anpassen:
    • Autorenfoto: Wählen Sie das Autorenfoto aus der Dropdown-Liste in der rechten Werkzeugleiste aus.
    • Wählen Sie „Dunkles Thema“, um Ihr Widget dunkel zu machen.
    • Akzentfarbe: Klicken Sie auf und wählen Sie eine Akzentfarbe.
    • Größe: Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


E-Commerce und Onlineshop-Funktionen


Welche E-Commerce-Funktionen bietet der Website-Builder?

  • Unterschiedliche Darstellungen für Kundenerfahrungen
  • 1-Klick-Käufe
  • Katalog mit Filterfunktionen
  • Warenkorb
  • Produktverwaltung:
    • Produkteigenschaften (Bilder, SKU, Preis, usw.)
    • Kategorien (für Menü und Filter)
    • Produkttypen (z. B. Telefone, Monitore usw.)
    • Produktvarianten (z. B. Farben)
    • Verschiedene Auflistungsoptionen
    • Verschiedene Filter
  • Businessmanagment:
    • Verwaltung der Aufträge
    • Währungen und Formate
    • Automatisches Rechnungssystem
    • Versand- und Lieferoptionen
    • Lagerverwaltung (Menge)
    • Anpassbares Steuersystem (Netto-/Bruttopreise)
    • Viele Bezahlsysteme
  • E-Commerce-Vorlagen:
    • Fertige Vorlagen
    • Gestaltung auch von Grund auf möglich
    • Einfache Integration in jede Vorlage
    • Zusätzliche Merkmale:
      • Bedingungen und Konditionen
      • Mehrere Sprachen
      • SEO (einschließlich Mikrodaten)

⬆️ Nach oben


Wie füge ich einen Shop hinzu?

Sie können verschiedene Arten von Online-Shops erstellen.

Erstellen eines vollständigen E-Commerce Shp mit Warenkorb:

  • Ziehen Sie das Symbol „Handel“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die Zusammensetzung des Warenkorbs.
  • Wählen Sie „Payment Gateways“ in der rechten Werkzeugleiste.
  • Aktivieren Sie die erforderlichen Zahlungsgateways und klicken Sie auf „Übernehmen“.
  • Ziehen Sie „Handel“ aus der Werkzeugleiste oben und legen Sie sie ab.
  • Wählen Sie die Zusammensetzung des Ladens.
  • Wählen Sie „Produkte bearbeiten“ in der rechten Werkzeugleiste.
  • Bearbeiten Sie Ihre Produkte und klicken Sie auf „Übernehmen“.

⬆️ Nach oben


Wie kann ich eine Standardsortierung für Produkte hinzufügen?

  • Wählen Sie den Shop und wählen Sie „Filter“ in der rechten Werkzeugleiste.
  • Wählen Sie aus der Dropdown-Liste „Standard-Produktsortierung“ für Ihre Produkte.

⬆️ Nach oben


Wie kann die Produktsortierung aufgehoben werden?

  • Markieren Sie das Element „Produkte“ und wählen Sie „Auflistung“ in der rechten Werkzeugleiste.
  • Deaktivieren Sie die Option „Sortier-Dropdown anzeigen“.

⬆️ Nach oben


Wie funktioniert der 1-Klick-Kauf?

  • Ziehen Sie das Symbol „Handel“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie ein Zahlungsgateway (z.B. Stripe).
  • Füllen Sie die erforderlichen Felder (Ihre Anmeldedaten für das Zahlungssystem, die Artikelbezeichnung, den Versand usw.) in der rechten Werkzeugleiste aus.

⬆️ Nach oben


Wie kann man Artikel einem Kontaktformular hinzufügen?

  • Ziehen Sie das Symbol „Handel“ aus der Werkzeugleiste oben.
  • Wählen Sie die Zusammensetzung „Handel“.
  • Wählen Sie „Produkte bearbeiten“ in der rechten Werkzeugleiste.
  • Bearbeiten Sie Ihre Produkte und klicken Sie auf „Übernehmen“.
  • Wählen Sie „Shop“ und dann „Kontaktformular“.

Wählen Sie die „Felder“ aus, die das Anfrageformular enthalten soll, und füllen Sie sie aus.

Wählen Sie „E-Mail-Einstellungen“ und füllen Sie die erforderlichen Felder aus (E-Mail, an die das Formular gesendet werden soll, E-Mail, von der das Formular gesendet werden soll).


⬆️ Nach oben


Wie wird die Bestandsverwaltung genutzt?

  • Wählen Sie „Speichern“ und „Einstellungen“.
  • Wählen Sie „Informationen zur Kontrolle der Verkäufe verwenden“.
  • Vergewissern Sie sich, dass allen Artikeln im Shop eine SKU zugewiesen ist.

⬆️ Nach oben


Wie wird „Banküberweisung“ verwendet?

Hinzufügen von Banküberweisungen mit dem Shopmodul:

  • Ziehen Sie das Symbol „Handel“ aus der Werkzeugleiste oben.
  • Wählen Sie die Zusammensetzung des Warenkorbs.
  • Wählen Sie „Payment Gateways“ in der rechten Werkzeugleiste.
  • Klicken Sie auf Banküberweisung, um zu den Zahlungsportalen hinzuzufügen. Anpassung der Darstellung für die Banküberweisung mit dem Shopmodul:
    • Schreiben Sie Informationen, die angezeigt werden sollen, wenn eine Bestellung aufgegeben wird.
    • Klicken Sie auf „Übernehmen“
    • Wählen Sie „Kontaktformular“ in der rechten Werkzeugleiste.
    • Wählen Sie „E-Mail-Einstellungen“ und schreiben Sie den Wert für „Das Formular wird an diese E-Mail gesendet“ und „Das Formular wird von dieser E-Mail gesendet“ in die so bezeichneten Felder.
    • Schreiben Sie den E-Mail-Betreff, die gesendete Nachricht und bestimmen Sie die maximale Größe der Anhänge.

⬆️ Nach oben


Wie kann ich einige Bestellungen mit kostenlosem Versand versehen?

  • Ziehen Sie das Symbol „Handel“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie Shop-Elemente-Zusammenstellung.
  • Wählen Sie „Warenkorb“ und wählen Sie „Versandmethoden“ in der rechten Werkzeugleiste.
  • Wählen Sie „Artikel hinzufügen“
  • Schreiben Sie eine „Artikelbezeichnung“ in das so bezeichnete Feld.
  • Wählen Sie „Zielzone“ aus der Dropdown-Liste.
  • Wählen Sie den Typ „Nach Zwischensumme“ oder „Nach Gewicht“.
  • Wählen Sie „Bereich hinzufügen“.
  • Bestimmen Sie den Bereichswert und fügen Sie einen Preis hinzu.
  • Wählen „weiteren Bereich hinzuzufügen“.
  • Bestimmen Sie den Bereichswert und setzen Sie Preis auf 0.
  • Geben Sie die „Geschätzte Lieferzeiten (Tage)“ an.

⬆️ Nach oben


Wie können Sie den Status der Bestellungen verfolgen?

  • Wählen Sie Ihr Shop-Element aus und klicken Sie in der rechten Werkzeugleiste auf „Bestellungen prüfen“.
  • Wählen Sie das Dropdown-Menü „Filter“, um eine bestimmte Art von Bestellung anzuzeigen.

⬆️ Nach oben


Wie füge ich einen Rabatt für meine Produkte hinzu?

  • Wählen Sie den Shop aus und klicken Sie in der rechten Werkzeugleiste auf „Produkte bearbeiten“.
  • Geben Sie im Feld „Rabatt (%)“ den Prozentsatz des Rabatts ein.
  • Das Feld „Rabattierter Preis“ erscheint und zeigt den aktuellen Produktpreis an.
  • Wenn Sie Varianten haben und unterschiedliche Rabatte für Varianten hinzufügen möchten:
    • Wählen Sie den Shop aus und klicken Sie in der rechten Werkzeugleiste auf „Produkte bearbeiten“.
    • Wählen Sie im oberen Teil des Fensters Varianten aus.
    • Fügen Sie zu jeder Variante den entsprechenden Rabatt hinzu.

⬆️ Nach oben


Wie erstellt man einen API-Schlüssel?

  • Wählen Sie die Filiale aus und klicken Sie in der rechten Werkzeugleiste auf „Rechnungen“.
  • Wählen Sie oben im Fenster „API-Schlüssel“.
  • Klicken Sie auf „Element hinzufügen“, um einen neuen API-Schlüssel zu erstellen.
  • Definieren Sie einen Namen für Ihren Schlüssel und wählen Sie „Aktivieren“.
  • Klicken Sie auf „API-Dokumentation anzeigen“, um die Basis-URL anzuzeigen.

⬆️ Nach oben


Wie kann ich die Preise in brutto oder netto ändern?

Wenn Sie möchten, dass der Preis des Produkts im Geschäft als brutto angezeigt wird, sollten Sie die Steuern auf 0 setzen.

Wenn Sie den Produktpreis in netto benötigen, fügen Sie die Steuern hinzu.


⬆️ Nach oben


Wie füge ich ein Zahlungs-Gateway zu meinem Online-Shop hinzu?

  • Gehen Sie auf der rechten Seite Ihres Website-Builders auf Seitenstruktur.
  • Klicken Sie auf den „Warenkorb“.
  • Wählen Sie in der rechten Werkzeugleiste „Payment Gateways“.
  • Wählen Sie das Zahlungsgateway und wählen Sie oben im Fenster „Aktiviert“.
  • Füllen Sie die Zahlungsinformationen aus und klicken Sie auf „Übernehmen“.

⬆️ Nach oben


Wie verwendet man „Nachnahme“?

Hinzufügen der Nachnahme mit dem Shopmodul:

  • Ziehen Sie „Commerce“ aus der Werkzeugleiste oben.
  • Wählen Sie die Zusammensetzung des Warenkorbs.
  • Wählen Sie „Payment Gateways“ in der rechten Werkzeugleiste.
  • Wählen Sie „Nachnahme“ und klicken Sie oben im Fenster auf „Aktiviert“, um sie zu den Zahlungsgateways hinzuzufügen.
  • Schreiben Sie eine Mitteilung als Nachnahme-Nachricht, die Ihre Kunden sehen können.
  • Klicken Sie auf „Übernehmen“, um den Fortschritt zu speichern.

Anpassung der Nachnahme mit dem Shopmodul:

  • Auftragsbestätigung senden:
    • Wählen Sie den Warenkorb aus und wählen Sie in der rechten Werkzeugleiste „Kontaktformular“.
    • Wählen Sie die E-Mail-Einstellungen und schreiben Sie „Das Formular wird an diese E-Mail gesendet“ und „Das Formular wird von dieser E-Mail gesendet“.

⬆️ Nach oben


Wie integriert man „PayPal“?

Hinzufügen von PayPal als Schaltfläche für Einzelbestellungen:

  • Ziehen Sie das Symbol „Handel“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie Darstellung der die PayPal-Elemente.
  • Schreiben Sie „E-Mail-Adresse für den Empfang von Zahlungen“ in die rechte Werkzeugleiste.

Anpassen einer Schaltfläche für eine einzelne Bestellung:

  • Beschreibung des Artikels:
    • Schreiben Sie „Item Name“ in die rechte Werkzeugleiste.
  • Preis:
    • Schreiben Sie Produktpreis und Währung in die rechte Werkzeugleiste.
  • Größe:
    • Legen Sie die Elementgröße fest oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.
  • Versand:
    • Schreiben Sie „Versand (Preis)“ in die rechte Werkzeugleiste.

Hinzufügen von PayPal mit Shop-Modul:

  • Ziehen Sie das Symbol „Handel“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die Darstellung des Warenkorbs.
  • Wählen Sie „Payment Gateways“ in der rechten Werkzeugleiste.
  • Wählen Sie PayPal aus und klicken Sie oben im Fenster auf „Aktiviert“, um es zu den möglichen Zahlungsgateways hinzuzufügen.
  • Schreiben Sie PayPal „E-Mail-Adresse für den Empfang von Zahlungen“, um das Zahlungsgateway mit Ihrem PayPal-Konto zu verbinden.

Anpassung von Paypal mit Shop-Modul:

  • Stil:
    • Wählen Sie die Registerkarte Stil, um die Schaltfläche Paypal anzupassen.

Hinzufügen des Paypal-Testmodus:

  • Wählen Sie Paypal „Testmodus“ in Ihren Zahlungsgateways / in der rechten Werkzeugleiste.
  • Lesen Sie bei Paypal nach, wie Sie den Testmodus einschalten.

⬆️ Nach oben


Wie integriert man „Stripe“?

Hinzufügen von Stripe als Schaltfläche für Einzelbestellungen:

  • Ziehen Sie das Symbol „Handel“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die Zusammensetzung des Streifens.
  • Schreiben Sie die Werte für „API Key“ und „Secret Key“ in der rechte Werkzeugleiste in die so benannten Felder.
  • Anpassen einer Schaltfläche für eine einzelne Bestellung:
    • Beschreibung des Artikels: Schreiben Sie „Artikelname“ und „Produktbeschreibung“ in die rechte Werkzeugleiste in die so benannten Felder.
    • Preis: Schreiben Sie Produktpreis und Währung in die rechte Werkzeugleiste.
    • Größe: Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

Hinzufügen von Stripe mit Store-Modul:

  • Ziehen Sie das Symbol „Handel“ aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die Zusammensetzung des Warenkorbs.
  • Wählen Sie „Payment Gateways“ in der rechten Werkzeugleiste.
  • Wählen Sie Stripe und klicken Sie oben im Fenster auf „Aktiviert“, um Stripe zu den Zahlungsgateways hinzuzufügen.
  • Geben Sie den Stripe „Publishable Key“, den „Secret Key“ und das „Webhook Secret“ ein, um das Zahlungsgateway mit Ihrem Stripe-Konto zu verbinden.
  • Melden Sie sich in Ihrem Stripe-Konto an, wählen Sie „Entwickler“ und sehen Sie „API-Schlüssel“ und „Webhooks“.
  • Klicken Sie auf Stripe, um die Webhook-Endpunkt-URL zu erhalten, und schreiben Sie diesen zu den Stripe-Daten. Fügen Sie den Ereignistyp „checkout.session.completed“ für den Webhook-Endpunkt hinzu.

Anpassen von Stripe:

  • Stil: Wählen Sie die Registerkarte „Stil“, um die Schaltfläche „Streifen“ anzupassen.

⬆️ Nach oben


Wie können Sie den Status Ihrer Bestellung ändern?

  • Wählen Sie Ihr Geschäft aus und klicken Sie in der rechten Werkzeugleiste auf „Bestellungen prüfen“.
  • Klicken Sie auf „Details“, um die Einzelheiten der Bestellung anzuzeigen.
  • Klicken Sie auf neben „Status“.
  • Wählen Sie den Auftragsstatus aus dem Dropdown-Menü.

⬆️ Nach oben


Warum erscheinen die Schaltflächen im Shop auf der veröffentlichten Website in einer anderen Sprache?

Manchmal kann es vorkommen, dass nach der Veröffentlichung der Website einige integrierte Wörter/Buttons der Module Store oder Warenkorb in einer anderen Sprache als der gewünschten erscheinen.

Die Sprache dieser Wörter/Schaltflächen hängt von der Sprache einer Website ab, während die Sprache einer Website von diesen Faktoren abhängt:

Wenn Sie das Modul Sprachen verwenden und mehrere Sprachen auf der Website haben, wird die Website als mehrsprachig betrachtet. In diesem Fall werden alle Wörter/Schaltflächen im Shop in die vom Kunden auf der veröffentlichten Website gewählte Sprache übersetzt („Flaggen“ oder „Dropdown“);

Wenn Sie kein Sprachenmodul verwenden, wird die Sprache des aktuell geöffneten Website-Builders für die veröffentlichte Website verwendet. Wenn die Website beispielsweise als spanische Website erstellt wurde (alle eingegebenen Wörter und Texte sind auf Spanisch), der Builder aber auf Französisch ist, werden alle Wörter/Schaltflächen im Shop ins Französische und nicht ins Spanische übersetzt.


⬆️ Nach oben


Wie kann ich das Kontrollkästchen „Allgemeine Geschäftsbedingungen“ hinzufügen?

  • Klicken Sie auf „Speichern“ im Abschnitt Seitenstruktur in der rechten Werkzeugleiste.
  • Wählen Sie „Einstellungen“ in der rechten Werkzeugleiste.
  • Klicken Sie auf „Kunden auffordern, den Geschäftsbedingungen zuzustimmen“.
  • Es erscheint ein Textfeld, in das Sie die gewünschten Bedingungen eintragen können.

⬆️ Nach oben


Wie fügt man Steuerregeln hinzu?

  • Klicken Sie auf das Symbol „Einkaufswagen“ und in der rechten Werkzeugleiste auf „Steuerregeln“.
  • Klicken Sie auf „Element hinzufügen“.
  • Schreiben Sie „Artikelname“ und klicken Sie auf „Tarif hinzufügen“.
  • Klicken Sie auf das Symbol „Zielzone“:
    • Klicken Sie auf „Element hinzufügen“
    • Schreiben Sie eine „Artikelbezeichnung“
    • Wählen Sie im Dropdown-Menü „Länder“,
    • Sie können ein oder mehrere Länder hinzufügen.
    • Klicken Sie auf „Übernehmen“. Wählen Sie das Land / die Region in der von Ihnen erstellten Dropdown-Liste „Zielgebiet“ und geben Sie den Steuersatz ein;
  • Fügen Sie zusätzliche Steuerregeln hinzu, indem Sie auf „Element hinzufügen“ klicken.
  • Klicken Sie auf „Übernehmen“.

Hinweis: Wenn mehrere Steuerregeln für ein Land verwendet werden (z.B. 1. Steuervorschrift für die USA ist 15%, und 2. Steuervorschrift für die USA ist 7%) werden diese Beträge in der Rechnungsstellung addiert (in diesem Beispiel muss der Kunde aus den USA also 22% Steuern zahlen).


⬆️ Nach oben


Wie erhalte ich E-Mail-Benachrichtigungen vom Online-Shop?

Das Web-Builder Store-Modul unterstützt Mail-Benachrichtigungen. Mail-Benachrichtigungen können sowohl für den Händler als auch für den Kunden gesendet werden. Es gibt zwei Situationen, in denen Benachrichtigungen gesendet werden: 1. Wenn die Bestellung abgeschickt wird und 2. wenn die Zahlung für die Bestellung eingegangen ist.

Um E-Mail-Benachrichtigungen für sich selbst (Händler) zu konfigurieren, fügen Sie eine E-Mail-Adresse hinzu:

  • Klicken Sie auf das Produktelement in Ihrem Online-Geschäft/Shop.
  • Wählen Sie in der rechten Werkzeugleiste „Speichern“.
  • Klicken Sie auf das „Bleistift“-Symbol im Kontaktformularblock und wechseln Sie zur Registerkarte „E-Mail-Einstellungen“.
  • Geben Sie Ihre E-Mail-Adresse in das Feld „Formular wird an diese E-Mail gesendet“ ein, an die Sie die E-Mail-Benachrichtigungen senden möchten.
  • Wechseln Sie zur Registerkarte „SMTP“, um bei Bedarf SMTP-Optionen zu konfigurieren.

⬆️ Nach oben


Warum erhalte ich keine E-Mail-Benachrichtigungen, obwohl ich in der Shop-Konfiguration eine E-Mail-Adresse hinzugefügt habe?

Obwohl Sie in den Einstellungen des „Kontaktformular“-Blocks eine E-Mail-Adresse hinzugefügt haben, kann es vorkommen, dass E-Mail-Benachrichtigungen nicht zugestellt werden.

Der übliche Grund dafür ist das Fehlen eines SPF-Eintrags für Ihre Domain. Definieren Sie einen SPF-Eintrag.


Wie kann die Kategorie eines bestimmten Produkts auf einer bestimmten Seite angezeigt werden?

Um Ihre Produkte zu kategorisieren gehen Sie so vor:

  • Wählen Sie die Kombination „Speichern“.
  • Wählen Sie den Shop Geschäft aus und klicken Sie in der rechten Werkzeugleiste auf „Produkte bearbeiten“.
  • Wählen Sie für jedes Produkt eine Kategorie aus.
  • (Optional) Wählen Sie das Symbol im Abschnitt Kategorien (Filter), um Kategorien zu bearbeiten.
  • Klicken Sie auf „Übernehmen“.

Um die Kategorie eines bestimmten Produkts auf einer bestimmten Seite anzuzeigen:

  • Öffnen Sie die Seite, auf der Sie die Produktkategorie im Website-Builder anzeigen möchten.
  • Wählen Sie den Store aus und dann „Listing“ in der rechten Werkzeugleiste.
  • Wählen Sie in der Dropdown-Liste „Kategorie“ die Kategorie aus, die auf dieser Seite angezeigt werden soll.

⬆️ Nach oben


Wie kann ich die Produkteigenschaften bearbeiten?

Hinzufügen von Produkten:

  • Wählen Sie ein Produktelement in Ihrem Online-Shop aus.
  • Klicken Sie in der rechten Werkzeugleiste auf „Produkte bearbeiten“.
  • Klicken Sie auf „Artikel hinzufügen“, um ein neues Produkt hinzuzufügen.
  • Alternativ können Sie auch neben dem Produkt, das Sie kopieren möchten, auswählen.

Bearbeitung von Produkten:

  • Wählen Sie das Symbol „Artikeltyp“.
  • Wählen Sie „Artikel hinzufügen“, um einen neuen Artikeltyp zu erstellen.
  • Schreiben Sie „Artikelbezeichnung“.
  • Wählen Sie die Option „Option hinzufügen“.
  • Sie können Optionen umbenennen / löschen / ändern. Jeder Artikeltyp kann mehrere Optionen haben.
  • Schreiben Sie die Bezeichnung in das vorgesehene Feld.
  • (Optional) Wählen Sie die Option „Filter“:
    • In den Produktdetails ausblenden.
    • Im Filter anzeigen.
    • Anzeigen als (von…bis) Filter
    • Wählen Sie das Symbol „Typ“
  • Klicken Sie auf „Artikel hinzufügen“, um weitere Artikeltypen zu erstellen.
  • Legen Sie die „Artikelbezeichnung“ fest.
  • Wählen Sie „Typ“, um die Art der Option zu ändern:
    • Ohne Variante (z.B. Textfeld, Textbereich, etc.)
    • Sie müssen die Typoption selbst ausfüllen.
    • Mit Varianten (z.B. Variante (Dropdown), Variante (Schaltflächen), usw.): Ihr Kunde muss aus den Typoptionen auswählen.
  • Wählen Sie „Option hinzufügen“ oder „Import (CSV)“-
  • Klicken Sie auf die Schaltfläche „Übernehmen“, nachdem Sie alle erforderlichen Änderungen vorgenommen haben.

⬆️ Nach oben


Frühere Shop-Bestellungen sind verschwunden. Warum?

Alle Bestellungen werden in der veröffentlichten Website in einer Datendatei gespeichert. Der einzige Grund für das Fehlen von schon vorhandenen Aufträgen kann das Löschen von Dateien sein (möglicherweise haben Sie die Dateien der Website gelöscht und dann die Website neu veröffentlicht).

Die ältere Datei mit allen Aufträgen kann eventuell wiederhergestellt werden, wenn ein Backup verwendet werden kann. Aus diesem Backup lässt sich gegebenenfalls die Datendatei wieder herstellen.

Nach der Wiederherstellung sollte der Kunde im Builder prüfen, ob frühere Aufträge erschienen sind.

Beachten Sie jedoch, dass die Wiederherstellung des Website-Backups beim Hosting die gesamte frühere Website-Version wiederherstellt.

Um sie wieder auf den neuesten Stand zu bringen, müssen Sie die Website im Builder neu veröffentlichen (der Builder hat dann eine aktuelle Version). Durch die Neuveröffentlichung werden die wiederhergestellten Aufträge nicht gelöscht.

Karten integrieren


⬆️ Nach oben


Karten


Wie integriert man „Google Maps“?

Hinzufügen von Google Maps:

  • Ziehen Sie das Symbol „Karten“ per Drag & Drop aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die gewünschte Google Maps-Darstellung.
  • Schreiben Sie die „Adresse“ und den „API-Schlüssel“ in die vorgesehenen Felder in der rechten Werkzeugleiste.

Anpassen von Karten:

  • Zoomstufe: Stellen Sie die Zoomstufe in der rechten Werkzeugleiste ein.
  • Größe: Stellen Sie die Kartengröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.
  • Thema und Art der Karte: Wählen Sie das Kartenthema und den Kartentyp in der rechten Werkzeugleiste.
  • Optionen: Wählen Sie die Optionen, die Sie in der rechten Werkzeugleiste anzeigen oder zulassen möchten.

⬆️ Nach oben


Wie integriert man „Yandex-Karten“?

Hinzufügen von Yandex-Karten:

  • Ziehen Sie das Symbol „Karten“ per Drag & Drop aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie die Yandex Maps Darstellung.
  • Schreiben Sie „Koordinaten oder Adresse“ und „API-Schlüssel“ in die rechte Werkzeugleiste.

Anpassen von Karten:

  • Zoomstufe: Stellen Sie die Zoomstufe in der rechten Werkzeugleiste ein.
  • Größe: Stellen Sie die Kartengröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.
  • Kartentyp: Wählen Sie den Kartentyp in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie kann man „Bing Maps“ integrieren?

Hinzufügen von Bing-Karten:

  • Ziehen Sie “ Ziehen Sie das Symbol „Karten“ per Drag & Drop aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie Bing Maps
  • Schreiben Sie „Koordinaten oder Adresse“ und „API-Schlüssel“ in die rechte Werkzeugleiste.
  • Anpassen von Karten:
    • Zoomstufe: Stellen Sie die Zoomstufe in der rechten Werkzeugleiste ein.
    • Größe: Stellen Sie die Kartengröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.
    • Kartentyp: Wählen Sie den Kartentyp in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie lässen sich „Baidu-Karten“ integrieren?

Hinzufügen von Baidu-Karten:

  • Ziehen Sie das Symbol „Karten“ per Drag & Drop aus der Werkzeugleiste oben an die gewünschte Stelle.
  • Wählen Sie Baidu Maps
  • Schreiben Sie die Werte für „Koordinaten oder Adresse“ und „API-Schlüssel“ in die rechte Werkzeugleiste in die vorgesehenen Felder.
  • Anpassen von Karten:
    • Zoomstufe: Stellen Sie die Zoomstufe in der rechten Werkzeugleiste ein.
    • Größe: Stellen Sie die Kartengröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.
    • Thema und Art der Karte: Wählen Sie den Kartentyp in der rechten Werkzeugleiste.
    • Optionen: Wählen Sie die Optionen, die Sie in der rechten Werkzeugleiste anzeigen oder zulassen möchten.

⬆️ Nach oben


Google Maps-Fehler

Das Problem mit Google Maps tritt normalerweise auf, weil Sie Ihren API-Schlüssel nicht in die Builder-Installation eingefügt haben. Um Ihren API-Schlüssel einzufügen, führen Sie bitte die folgenden Schritte aus:

  • Erstellen Sie Ihren API-Schlüssel in der Google-Konsole.
  • Aktivieren Sie die folgenden APIs für Ihren Schlüssel:
    • Karten Elevation API
    • Karten JavaScript-API
    • Orte API
    • Geokodierung API

Formulare


⬆️ Nach oben


Wie wird „Formular“ verwendet?

Hinzufügen von Formularen:

  • Ziehen Sie „Formular“ aus der Werkzeugleiste oben;
  • Wählen Sie die Formularkomposition.
    • Formular anpassen
    • Einfache Felder hinzufügen:
      • Wählen Sie das Formular aus und wählen Sie in der rechten Werkzeugleiste, welche einzelnen Felder angezeigt werden sollen.
      • Wählen Sie aus, welche Felder erforderlich sind.
    • Optionsfelder hinzufügen:
      • Wählen Sie das Formular und in der rechten Werkzeugleiste die Option Felder.
      • Schreiben Sie Frage und Optionen in eine separate Zeile und wählen Sie aus, welche Felder erforderlich sind.
    • Zusätzliche Felder hinzufügen:
      • Fügen Sie zusätzliche Felder für Nachrichten, Anhänge oder Kontrollkästchen in der rechten Werkzeugleiste hinzu.
    • Schaltfläche Senden:
      • Schreiben Sie den Text für die Schaltfläche „Senden“.
    • URL nach dem Absenden:
      • Wählen Sie nach dem Absenden URL und geben Sie die URL ein oder wählen Sie eine Seite auf Ihrer Website.
      • Wählen Sie bei Bedarf „In einem neuen Fenster öffnen“.
    • Etiketten:
      • Wählen Sie „Etikettenstil“ aus dem Dropdown-Menü und „Etikettenspaltenbreite“ in der rechten Werkzeugleiste.
    • E-Mail-Einstellungen:
      • Geben Sie an, an welche E-Mail(s) das Formular gesendet werden soll und von wo aus das Formular gesendet werden soll.
      • E-Mail-Betreff festlegen
      • Formular senden
        • Legen Sie die maximale Größe der Anhänge fest oder setzen Sie die Option „Stattdessen an URL senden“, um die Formulardaten an eine URL zu senden.
      • SMTP:
        • Klicken Sie auf „SMTP aktivieren“, um SMTP in der rechten Werkzeugleiste zu aktivieren.
        • Schreiben Sie „SMTP Host“ und „SMTP Port“ in die rechte Werkzeugleiste.
        • Wählen Sie „SMTP-Verschlüsselung“ in der rechten Werkzeugleiste.
        • Schreiben Sie „SMTP Username“ und „SMTP Password“ in die rechte Werkzeugleiste.
      • Google reCAPTCHA (v2):
        • Schreiben Sie „Site key“ und „Secret key“ in die rechte Werkzeugleiste, um Google reCAPTCHA hinzuzufügen.
        • Größe: Stellen Sie die Größe des Formulars ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Fehlermeldung „Formularversand fehlgeschlagen. (4): SMTP connect() fehlgeschlagen“

Wenn Sie diese Fehlermeldung erhalten, wenn Sie eine E-Mail von Ihrer Website aus versenden, bedeutet dies in der Regel eines der folgenden Probleme:

Die SMTP-Daten sind nicht korrekt (überprüfen Sie den Benutzernamen und das Passwort und stellen Sie sicher, dass Sie den richtigen Host und Port angegeben haben).

Die Firewall auf Ihrem Hosting-Server blockiert ausgehende Verbindungen vom angegebenen SMTP-Host und/oder Port. Wenden Sie sich an Ihren Hosting-Support und beschreiben Sie das Problem, um es zu beheben.

Der angegebene SMTP-Host (falls es sich um eine Domain handelt, nicht um eine IP) wird auf Ihrem nicht aufgelöst oder auf eine falsche IP-Adresse aufgelöst. Kontaktieren Sie den Kundendienst und beschreiben Sie das Problem, um es beheben zu lassen.


Fehlermeldung „Formularversand fehlgeschlagen. (4): Die Mail-Funktion konnte nicht instanziiert werden“

Der Grund für diesen Fehler beim Versenden von Formularen auf einer veröffentlichten Website liegt darin, dass die PHP-Funktion „mail“ nicht richtig funktioniert. Dafür kann es mehrere Gründe geben.

Der häufigste Grund ist, dass auf dem Server kein Mail-Dienst läuft (z.B. sendmail oder postfix) und/oder dass er in der PHP-Konfiguration, auf der die Website läuft, nicht richtig konfiguriert ist.

Um diesen Fehler zu beheben, installieren Sie den sendmail-Dienst auf Ihrem Server und geben Sie den korrekten Wert für den PHP-Parameter „sendmail_path“ an (standardmäßig hat er den Wert „/usr/sbin/sendmail -t -i“, der auch in Ihrem Fall korrekt sein könnte).


Ich erhalte keine Mails vom Kontaktformular. Warum?

Das Problem kann auftreten, wenn Sie das Feld „Form will be sent from this Email“ in der Formularkonfiguration im Web Builder verwenden.

Zum Beispiel verwenden Sie in diesem Feld die Adresse example@mysite.com. In diesem Fall können E-Mails auf Ihrem E-Mail-Konto nicht empfangen werden, da die Domain mysite.com nicht über einen DNS-Eintrag des Typs SPF verfügt (für weitere Informationen siehe https://en.wikipedia.org/wiki/Sender_Policy_Framework).

Aus diesem Grund können Mails von Mailservern blockiert werden. Wenn Sie Besitzer der Domain „mysite.com“ sind, müssen Sie den SPF-Eintrag in der DNS-Konfiguration Ihrer Domain hinzufügen.

Wenn Sie das Feld „Form will be sent from this Email“ nicht ausgefüllt haben, wird die Adresse no-reply@mysite.com verwendet (wobei „mysite.com“ durch den Domainnamen Ihrer Website ersetzt wird). In diesem Fall ist der Grund für den Nichterhalt von E-Mails derselbe wie oben beschrieben.

Erweiterte und externe Funktionen einbinden


⬆️ Nach oben


Wie kann man „Skype“ integrieren?

Hinzufügen von Skype:

  • Ziehen Sie Erweitert aus der Werkzeugleiste oben und legen Sie es ab.
  • Wählen Sie die Zusammensetzung „Skype Online“.
  • Geben Sie Ihren „Skype-Namen“ an.
  • Anpassen von Skype:
    • Beschriftung der Schaltfläche: Schreiben Sie den Text der Schaltfläche in die rechte Werkzeugleiste.
    • Stil: Wählen Sie den Schaltflächenstil aus dem Dropdown-Menü in der rechten Werkzeugleiste.
    • Farbe der Buttons: Wählen Sie die Farbe der Schaltfläche und wählen Sie, ob Sie das Symbol in der rechten Werkzeugleiste anzeigen möchten.
    • Größe: Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Banner hinzufügen:

  • Ziehen Sie „Erweitert“ aus der Werkzeugleiste oben und lassen Sie sie fallen.
  • Wählen Sie die Bannerkomposition.
  • Laden Sie Ihr Banner hoch, indem Sie auf das Bild in der rechten Werkzeugleiste klicken.
  • Schreiben Sie die Banner-URL in die rechte Werkzeugleiste.
  • Banner anpassen:
    • Skript: Fügen Sie Ihr Skript ein, indem Sie in der rechten Werkzeugleiste auf Skript klicken.
    • Der Inhalt des Skripts sollte „Deactivate content while in builder (recommended)“ lauten, damit es nicht mit dem Builder interferiert.
    • Größe: Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie integriert man „AdSense“?

Hinzufügen von AdSense:

  • Ziehen Sie „Erweitert“ aus der Werkzeugleiste oben und lassen Sie sie fallen.
  • Wählen Sie die AdSense-Komposition.
  • Klicken Sie auf HTML-Code und schreiben Sie den AdSense-Code.
  • Der Inhalt des Codes sollte „Deactivate content while in builder (recommended)“ lauten, damit er nicht mit dem Builder interferiert.
  • Anpassen von AdSense:
    • Größe: Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie integriert man „Google Calendar“?

Hinzufügen von Google Calendar:

  • Ziehen Sie „Erweitert“ aus der Werkzeugleiste oben und lassen Sie sie fallen.
  • Wählen Sie Google Calendar Komposition.
  • Schreiben Sie Ihre Google-Kalender-ID in die rechte Werkzeugleiste.
  • Anpassen von Google Kalender:
    • Name des Kalenders: Schreiben Sie den Kalendernamen in die rechte Werkzeugleiste.
    • Sprache: Wählen Sie eine Sprache aus der Dropdown-Liste in der rechten Werkzeugleiste.
    • Zeitzone: Wählen Sie die Zeitzone aus der Dropdown-Liste in der rechten Werkzeugleiste.
    • Erster Tag: Wählen Sie den ersten Tag aus der Dropdown-Liste in der rechten Werkzeugleiste aus.
    • Hintergrundfarbe: Klicken Sie in der rechten Werkzeugleiste auf Hintergrundfarbe.
    • Ansichtsmodus: Wählen Sie Woche/Monat/Agenda in der rechten Werkzeugleiste.
    • Optionen: Wählen Sie zusätzliche Optionen in der rechten Werkzeugleiste.
    • Größe: Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie verwendet man „Tabelle“?

Tabelle hinzufügen:

  • Ziehen Sie „Erweitert“ aus der Werkzeugleiste oben und lassen Sie sie fallen.
  • Wählen Sie die Zusammensetzung der Tabelle.
  • Schreiben Sie Ihr „Cell padding“ (Abstand des Textes vom Zellenrand) in die rechte Werkzeugleiste.
  • Tabelle anpassen:
    • Zeile/Spalte einfügen: Klicken Sie mit der rechten Maustaste, wählen Sie „+Einfügen“ und wählen Sie eine der Optionen.
    • Zeile/Spalte entfernen: Klicken Sie mit der rechten Maustaste, wählen Sie „xRemove“ und wählen Sie eine der Optionen.
    • Text bearbeiten: Klicken Sie mit der rechten Maustaste und wählen Sie „Zelltext bearbeiten“.
    • Zelle(n) löschen: Klicken Sie mit der rechten Maustaste und wählen Sie „Zelle(n) löschen“.
    • Hintergrund: Klicken Sie in der rechten Werkzeugleiste auf Hintergrund und wählen Sie Farbe und Deckkraft.
    • Tabellenränder (Border): Klicken Sie in der rechten Werkzeugleiste auf Rahmen und wählen Sie Breite, Farbe oder Stil.
    • Größe: Legen Sie die Elementgröße fest oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie verwendet man „Countdown“?

Einen Countdown hinzufügen:

  • Ziehen Sie „Erweitert“ aus der Werkzeugleiste oben und lassen Sie sie fallen.
  • Wählen Sie Countdown-Komposition.
  • Schreiben Sie Ihr „Enddatum“ und Ihre „Endzeit“ in die rechte Werkzeugleiste.
  • Countdown individuell gestalten:
    • Countdown-Anzeige: Klicken Sie in der rechten Werkzeugleiste auf Countdown und wählen Sie Schriftart, Farbe und Stil.
    • Text: Klicken Sie in der rechten Werkzeugleiste auf Text und wählen Sie Schriftart, Farbe, Größe und Stil.
    • Abstand der Beschriftung: Schreiben Sie den Beschriftungsabstand in die rechte Werkzeugleiste.
    • Position der Bildunterschrift: Wählen Sie die Position der Beschriftung oben oder unten in der rechten Werkzeugleiste.
    • Größe: Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wofür benutzt man „Getbutton“?

Getbutton ermöglicht es Ihnen, eine Verbindung herzustellen: Facebook Messanger, WhatsApp, Viber, Snapchat, Line, Telegram, Vkontakte, SMS (mobil), Anruf, E-Mail, Instagram.


Wie fügt man Getbutton hinzu?

Ziehen Sie „Erweitert“ aus der Werkzeugleiste oben und lassen Sie sie fallen:

  • Wählen Sie Getbutton Komposition.
  • Verbinden Sie Ihre Schaltfläche mit einer der Plattformen in der rechten Werkzeugleiste.
  • Hinzufügen von Getbutton-PRO:
    • Aktivieren von Getbutton-PRO: Schreiben Sie „Pro version key“ in die rechte Werkzeugleiste.
    • Grußbotschaft: Schreiben Sie eine Grußbotschaft in die rechte Werkzeugleiste. Sie wird 5 Sekunden nach dem Laden der Seite angezeigt.
    • Firmenlogo: Fügen Sie ein Firmenlogo in die Grußbotschaft in der rechten Werkzeugleiste ein.
    • Getbutton-Branding: Deaktivieren Sie das Button-Branding in der rechten Werkzeugleiste.
    • Google Analytics: Aktivieren Sie Google Analytics, um Klicks zu verfolgen.
    • Farbe: Klicken Sie auf Farbe und wählen Sie die Farbe der Schaltfläche in der rechten Werkzeugleiste.
    • Position: Vertikale und horizontale Position der Schaltfläche in der rechten Werkzeugleiste anpassen.
  • Anpassen von Getbutton:
    • Handlunsgaufforderung: Schreiben Sie eine Nachricht mit einer Handlungsaufforderung, die nur auf dem Desktop in der rechten Werkzeugleiste erscheint.
    • Position: Wählen Sie die Position der Schaltfläche in der rechten Werkzeugleiste.
    • Farbe: Wählen Sie die Farbe der Schaltfläche aus der Dropdown-Liste in der rechten Werkzeugleiste.
    • Größe: Legen Sie die Elementgröße fest oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie verwendet man „Count Up“?

Aufsummieren der Zählung:

  • Ziehen Sie „Erweitert“ aus der Werkzeugleiste oben und lassen Sie sie fallen.
  • Wählen Sie Count Up Komposition.
  • Schreiben Sie Ihre „Von“- und „Nach“-Nummern in die rechte Werkzeugleiste.
  • Anpassen des Count Up:
    • Dauer: Wählen Sie die Dauer des Hochzählens in der rechten Werkzeugleiste.
    • Text: Klicken Sie in der rechten Werkzeugleiste auf Text und wählen Sie Schriftart, Farbe, Größe, Stil, Ausrichtung und Buchstabenabstand.
    • Größe: Legen Sie die Elementgröße fest oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie benutzt man „Smartarget Whatsapp“?

Hinzufügen von Smartarget Whatsapp:

  • Ziehen Sie „Erweitert“ aus der Werkzeugleiste oben und lassen Sie sie fallen.
  • Wählen Sie Smartarget Whatsapp Zusammensetzung.
  • Schreiben Sie Ihre Smartarget-Benutzer-ID in die rechte Werkzeugleiste.
  • Anpassen von Smartarget:
    • Größe: Legen Sie die Elementgröße fest oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie kann man „Blog“ hinzufügen?

Hinzufügen eines Blogs:

  • Ziehen Sie „Blog“ per Drag & Drop aus der Werkzeugleiste oben.
  • Wählen Sie die Blog-Komposition.
  • Wählen Sie den Blog aus und klicken Sie in der rechten Werkzeugleiste auf „Neuer Blogbeitrag“, um einen neuen Blogbeitrag zu schreiben.
  • Fügen Sie Bild, Titel, Datum, Uhrzeit, Kategorie und Bundesland hinzu.
  • Schreiben Sie einen Blogbeitrag im Textbereich.
  • Blog anpassen:
    • Galerie Bilder: Wählen Sie die Galerie aus und klicken Sie in der rechten Werkzeugleiste auf Bilder. Fügen Sie Titel, Link, Adresse und Beschreibung der Bilder hinzu
    • Hintergrund: Wählen Sie die Galerie aus und klicken Sie auf Hintergrund, um in der rechten Werkzeugleiste Hintergrundfarbe/Deckkraft auszuwählen.
    • Vorschaubilder: Schreiben Sie Breite, Höhe, Auffüllung und Ausrichtung der Miniaturen. Setzen Sie Animationseffekt und andere Konfigurationen für Standard und Hover.
    • Bildunterschriften: Legen Sie fest, wie Bildunterschrift, Hintergrundfarbe und Textstil in der rechten Werkzeugleiste angezeigt werden sollen.

⬆️ Nach oben


Wie fügt man „Akkordeon“ hinzu?

Hinzufügen eines Akkordeons:

  • Ziehen Sie „Erweitert“ aus der Werkzeugleiste oben und lassen Sie das Symbol an der gewünschten Stelle fallen.
  • Wählen Sie die Komposition „Akkordeon“.
  • Bearbeitung des Akkordeons:
    • Neuer Artikel:
      • Wählen Sie ein Element aus und klicken Sie in der rechten Werkzeugleiste auf „Neues Element“.
    • Element bearbeiten:
      • Wählen Sie ein Element aus und klicken Sie in der rechten Werkzeugleiste auf „Bearbeiten“, um den Abschnitt zu bearbeiten und den Titel zu ändern/hinzuzufügen.
      • Klicken Sie auf „Artikelsymbol“ in der rechten Werkzeugleiste, um ein Symbol für einen Artikel hinzuzufügen. Hinweis: Das ausgewählte Element wird bearbeitet.
      • Layout: Markieren Sie das Element und wählen Sie „Layout“ in der rechten Werkzeugleiste.
    • Element hinzufügen: Wählen Sie den Abschnitt des Elements aus und ziehen Sie das Element aus der Werkzeugleiste oben, das Sie hinzufügen möchten, per Drag & Drop.
    • Anpassung des Akkordeons:
      • Standard: Legen Sie die Standardfarbe für Hintergrund, Rahmen und Titel in der rechten Werkzeugleiste fest.
      • Schweben: Hintergrund-, Rahmen- und Titelfarbe in der rechten Werkzeugleiste einstellen.
      • Aktiv: Legen Sie die Farbe des aktiven Hintergrunds, des Rahmens und des Titels in der rechten Werkzeugleiste fest.
      • Text: Legen Sie die Hintergrundfarbe für Abschnitte und Rahmen in der rechten Werkzeugleiste fest.
      • Größe: Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie benutzt man „Slider“?

Slider hinzufügen:

  • Ziehen Sie „Erweitert“ aus der Werkzeugleiste oben und lassen Sie sie fallen.
  • Wählen Sie die Komposition „Slider“.
  • Slider bearbeiten:
    • Neuer Artikel: Wählen Sie ein Element aus und klicken Sie in der rechten Werkzeugleiste auf „Neues Element“.
    • Element bearbeiten:
      • Wählen Sie ein Element aus und klicken Sie in der rechten Werkzeugleiste auf „Bearbeiten“, um den Abschnitt zu bearbeiten und den Titel zu ändern/hinzuzufügen.
      • Hinweis: Das ausgewählte Elemtn wird bearbeitet. Klicken Sie auf eine der Optionsschaltflächen am unteren Rand des Elements, um das Element zu ändern, oder wählen Sie z. B. ein Element in der rechten Werkzeugleiste unter „Seitenstruktur“.
    • Layout:
      • Markieren Sie das Element und wählen Sie „Layout“ in der rechten Werkzeugleiste.
    • Element hinzufügen:
      • Wählen Sie den Abschnitt des Elements aus und ziehen Sie das Element aus der Werkzeugleiste oben, das Sie hinzufügen möchten, per Drag & Drop.
  • Slider anpassen:
    • Häufigkeit ändern: Stellen Sie die Änderungshäufigkeit in der rechten Werkzeugleiste ein.
    • Standard: Legen Sie die Standardfarbe für Hintergrund, Rahmen und Titel in der rechten Werkzeugleiste fest.
    • Schweben: Hintergrund-, Rahmen- und Titelfarbe in der rechten Werkzeugleiste einstellen.
    • Aktiv: Legen Sie die Farbe des aktiven Hintergrunds, des Rahmens und des Titels in der rechten Werkzeugleiste fest.
    • Größe: Stellen Sie die Elementgröße ein oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie verwendet man „Tabs“?

Hinzufügen von Tabs (Registerkarten):

  • Ziehen Sie „Erweitert“ aus der Werkzeugleiste oben und lassen Sie sie fallen.
  • Wählen Sie die Zusammensetzung „Registerkarten“.
  • Registerkarten bearbeiten:
    • Neuer Artikel: Wählen Sie ein Element aus und klicken Sie in der rechten Werkzeugleiste auf „Neues Element“.
    • Element bearbeiten:
      • Wählen Sie ein Element aus und klicken Sie in der rechten Werkzeugleiste auf „Bearbeiten“, um den Abschnitt zu bearbeiten und den Titel zu ändern/hinzuzufügen.
      • Hinweis: Das ausgewählte Element wird bearbeitet.
    • Layout: Markieren Sie das Element und wählen Sie „Layout“ in der rechten Werkzeugleiste.
    • Element hinzufügen: Wählen Sie den Abschnitt des Elements aus und ziehen Sie das Element, das Sie hinzufügen möchten, aus der Werkzeugleiste oben.
  • Anpassen der Registerkarten:
    • Standard: Legen Sie die Standardfarbe für Hintergrund, Rahmen und Titel in der rechten Werkzeugleiste fest.
    • Schweben: Hintergrund-, Rahmen- und Titelfarbe in der rechten Werkzeugleiste einstellen.
    • Aktiv: Stellen Sie die Farbe des aktiven Hintergrunds, des Rahmens und des Titels in der rechten Werkzeugleiste ein.
    • Größe: Legen Sie die Elementgröße fest oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.

⬆️ Nach oben


Wie benutzt man „Bookingmood“?

Hinzufügen von Bookingmood:

  • Ziehen Sie „Erweitert“ aus der Werkzeugleiste oben und lassen Sie sie fallen.
  • Wählen Sie Bookingmood Komposition.
  • Geben Sie Ihren Bookingmood-API-Schlüssel ein und klicken Sie auf „Aktualisieren“ in der rechten Werkzeugleiste.
  • Bookingmood individuell gestalten:
    • Optionen: Markieren Sie das Element und wählen Sie „Optionen“ in der rechten Werkzeugleiste.
    • Wählen Sie aus den Dropdown-Listen „Woche beginnt am“, „Erste Woche enthält Datum“ und „Währung“.
    • Stil: Wählen Sie „Thema“ und „Schriftart“ aus der Dropdown-Liste und wählen Sie die Farben.
    • Layout: Wählen Sie das Element „Größe“ aus der Dropdown-Liste. Wählen Sie die Optionen, die im Layout angezeigt werden sollen.
    • Größe: Legen Sie die Elementgröße fest oder wählen Sie „Automatische Größenanpassung zulassen“ in der rechten Werkzeugleiste.
  • Hinweis: Sie müssen ein Bookingmood-Konto haben, um den API-Schlüssel zu generieren und Ihre Buchungen und Bestellungen zu verwalten.

Fehlermeldungen


⬆️ Nach oben


>

Fehler “ Website temporarily unavailable „

Alle veröffentlichten Websites erfordern eine aktive Lizenz für easyPage 3. Jede veröffentlichte Website stellt in regelmäßigen Abständen eine Anfrage an einen Lizenzserver, um die Lizenz zu validieren. Wenn die Lizenzvalidierung fehlschlägt, wird die Website blockiert und die Meldung „Website temporarily unavailable“ erscheint. Im Folgenden werden die häufigsten Gründe für dieses Problem genannt:

  • Die Lizenz ist abgelaufen.
    • Abhilfe: Prüfen Sie bitte den Status Ihres Vertrags mit goneo.
  • Die Website wurde vom Kundendienst manuell oder automatisch blockiert.
    • Abhilfe: In diesem Fall müssen Sie den Kundendienst kontaktieren.
  • Die veröffentlichte Website wird auf einer geänderten IP-Adresse gehostet. Die Lizenzsuche während der Validierung erfolgt über die IP-Adresse der Website. Wenn die IP-Adresse abweicht, wird die Lizenz nicht gefunden und die Website wird blockiert. Nach einiger Zeit wird die geänderte IP-Adresse automatisch zur Liste der rechtmäßigen Adressen inzufügt und die Website sollte nach der nächsten Validierung der Lizenz wieder funktionieren.
    • Lösung: Um dieses Problem sofort zu beheben, sollten Sie den Kundendienst kontaktieren und dann die sofortige Revalidierung veranlassen.
  • Die Website wurde migriert, z. B. auf einen anderen Server.
    • Beheben: Öffnen Sie einfach die Website im Builder und veröffentlichen Sie sie erneut, damit sie neue Builder-Informationen erhält.
    • Sollte dies nicht zum erfolg führen, kontaktieren Sie bitte den Kundendienst.

⬆️ Nach oben


Website ist nach Änderung der Website-Domain aus dem Builder verschwunden

Wenn die Website-Domäne geändert wird, wird die Website nicht mehr im Website Builder geöffnet.

Wahrscheinlich erscheint nur die Vorlagenübersicht. Dies ist darauf zurückzuführen, dass die Identifizierung der Website über den Domainnamen erfolgt. Wenn dieser geändert wird, sieht der Website Builder eine Website als neu an und bietet Ihnen an, eine Vorlage auszuwählen.


⬆️ Nach oben


Fehler „Instagram-Fehler (190)“

Das Problem wird dadurch verursacht, dass sich das Passwort für einen Instagram-Account geändert hat. Dies führt dazu, dass das aktuelle Instagram-Token auf einer veröffentlichten Website nicht mehr gilt. Dann erscheint an der Stelle „Instagram-Fehler (190): Error validating access token: The session has been invalidated because the user changed their password or Facebook has changed the session for security reasons.“

Abhilfe:

  • easyPage 3 Web Builder öffnen
  • zu der Seite navigieren, auf der Instagram integriert ist
    • auf das Instagram-Plugins klicken, um es zu aktivieren
    • in der rechten Spalte im Menü unter „Generell“ > „Weitere Eigenschaften“ abmelden und neu anmelden
  • Website neu veröffentlichen.

Damit sollte das Problem behoben sein.


⬆️ Nach oben


Fehler „Can’t find destination folder“ während der Veröffentlichung

Wenn Sie während der Veröffentlichung die Fehlermeldung „Can’t find destination folder“ erhalten, bedeutet dies, dass der Builder den Ordner auf Ihrem Hosting nicht finden konnte, in dem die Website-Dateien veröffentlicht werden sollen.

Es liegt dann ein tiefergreifendes technisches Problem vor, das Sie dem Kundendienst melden sollten.


⬆️ Nach oben


/>

Fehler „Fehler beim Laden der Seite. Versuchen Sie es später noch einmal“

Um dieses Problem zu lösen, gehen Sie bitte wie folgt vor:

  • Öffnen Sie easyPage 4 im Chrome- oder Firefox-Browser.
  • Öffnen Sie die Entwicklertools im Browser (Taste F12).
  • Wechseln Sie zur Registerkarte „Netzwerk“.
  • Klicken Sie im Website Builder auf die Schaltfläche „Speichern“.
  • Klicken Sie auf die erscheinende Anfragezeile (sie sollte mit „?sess=“ beginnen).
  • Wechseln Sie zur Registerkarte „Antwort“.
  • Kopieren Sie den Text, den Sie auf dieser Registerkarte sehen.
  • Erstellen Sie eine Anfrage an den Kundendienst und informieren Sie uns über den „Fehler beim Laden der Seite“ und fügen Sie den kopierten Text ein. Unsere Entwickler werden dieses Problem beheben.

⬆️ Nach oben


Fehler „Operation timedout, try again later“ während der Veröffentlichung

In seltenen Fällen kann die Veröffentlichung einer Website sehr lange dauern und mit der Fehlermeldung „Operation timedout, try again later“ enden (in diesem Fall kann die Veröffentlichung bis zu 2 Stunden dauern).

Leider liefert dieser Fehler keine weiteren Details über die Ursache.

Wenn die Veröffentlichung ungewöhnlich lange gedauert hat, klicken Sie im Website Builder auf die Schaltfläche „Vorschau“ und prüfen Sie, ob die Website korrekt angezeigt wird. Wenn die Vorschau mit einem Fehler endet, wenden Sie sich bitte an unseren Support.

Wenn die Vorschau ordnungsgemäß geladen wird, liegt das Problem höchstwahrscheinlich am Server, der unter Umständen gerade kurzzeitig nicht verfügbar ist, z.B. wegen einer Wartung.


⬆️ Nach oben


Ein veröffentlichter Shop oder ein Blog-Teil enthalten Wörter auf Englisch

Einige Elemente des Builders (z.B. „Store“, „Store Cart“, „Blog“) können ihre eigenen Begriffe oder Schaltflächentexte haben. Einige Werte (z. B. „In den Warenkorb“ oder Texte wie „Preis“, „Kategorie“ usw.) können nicht geändert werden, und manchmal werden sie in englischer Sprache und nicht in der gewünschten Sprache veröffentlicht.

Die Sprache dieser Wörter hängt von der Spracheinstellung der Website ab. Die Sprache der Website wird auf zwei Arten festgelegt:

Bei der Erstellung einer mehrsprachigen Website (mit dem Element „Country Flags“) werden die eingebauten Wörter in die aktuell geöffnete Sprache der veröffentlichten Website übersetzt.

Wenn Sie eine einsprachige Website erstellen (ohne das Element „Sprachen“), wird die Sprache während der Veröffentlichung durch die Sprache des Website-Builders bestimmt.

Hinweis: Vergewissern Sie sich vor der Veröffentlichung, dass der Builder auf die gewünschte Sprache eingestellt ist.


⬆️ Nach oben


Benutzerdefiniertes HTML-Widget funktioniert nicht

Dafür kann es viele Gründe geben.

Einer der Gründe kann in der unsachgemäßen Verwendung von HTML-Code im Widget liegen.

  • Öffnen Sie die Entwickler-Werkzeugleiste des Browsers (Taste F12);
  • Wechseln Sie zur Registerkarte „Konsole“ und überprüfen Sie, ob rote Meldungen angezeigt werden.
  • Wenn dies der Fall ist, sollten Sie Ihr Skript anhand dieser Meldungen überprüfen und korrigieren.

Wenn Sie Hilfe bei der Lösung des Problems benötigen, sollten Sie sich an den Kundendienst wenden.


⬆️ Nach oben