Wissensdatenbank

Diese Anleitung erklärt, wie Sie den Quellcode anpassen, das CSS ändern oder den HEAD- oder BODY-Bereich einer Website, die mit dem Site Creator von Infomaniak erstellt wurde, bearbeiten können.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um die Verwaltung Ihres Produkts im Infomaniak Manager aufzurufen (Benötigen Sie Hilfe?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creators.
  • Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
    

Benutzerdefinierten Code hinzufügen

Sobald Sie sich im Site Creator befinden:

1. Klicken Sie im linken Menü auf Design.
2. Klicken Sie auf Weitere Einstellungen.
3. Klicken Sie unten auf Benutzerdefinierter Code:
   
4. Geben Sie benutzerdefinierten HTML-, JavaScript-Code (mit den entsprechenden script-Tags) oder CSS-Code (mit den entsprechenden style-Tags) ein – weiter unten finden Sie einige Beispiele.
5. Speichern Sie die Änderungen unten auf der Seite.

Metadaten in HEAD & BODY

Um JavaScript-Code oder einen anderen Code in den HEAD- oder BODY-Bereich des Quellcodes Ihrer Website einzufügen:

1. Klicken Sie im linken Menü auf Einstellungen.
2. Klicken Sie im Bereich Website-Konfiguration auf SEO & Metadaten:
   
3. Scrollen Sie nach unten zu Benutzerdefinierter Code.
4. Wählen Sie, ob Sie den Code unter den Tabs HEAD oder BODY hinzufügen möchten.
5. Speichern Sie die Änderungen am unteren Rand der Seite:
   

Beispiele für CSS-Anpassungen

Diese Beispiele dienen als Ausgangspunkt für die erweiterte Anpassung der Website-Seiten. Es besteht jedoch das Risiko, dass Sie durch die vorgenommenen Änderungen den Zugriff auf den Editor verlieren, was Sie dazu zwingt, von vorne zu beginnen.

Hintergrundbild der Website anpassen

Um ein Bild Ihrer Wahl (das Sie in der Dateibibliothek hochladen) als Hintergrundbild der Seite zu verwenden und dessen Darstellung anzupassen:

1. Gehen Sie zu Punkt 3, der auf dem ersten Bild oben in diesem Handbuch zu sehen ist.
2. Fügen Sie den Code <style> ein, um anzugeben, dass Sie den CSS-Code ändern möchten.
3. Fügen Sie dann body { ein, um anzugeben, dass Sie den Hauptteil der Seite ändern möchten, und das "{", um den Bereich zu öffnen, in dem Sie die Befehle einfügen können.
4. Fügen Sie dann background-image: url("../data/files/fond01.jpg"); mit dem genauen Pfad und Namen des in der Bibliothek hochgeladenen Bildes ein, und vergessen Sie nicht das Semikolon, damit Sie den nächsten Befehl einfügen können.
5. background-repeat: repeat;, um das eingefügte Bild zu wiederholen.
6. background-attachment: fixed; damit das Hintergrundbild auch dann fixiert bleibt, wenn der Besucher die Seite nach oben oder unten scrollt, um den Inhalt zu lesen.
7. }, um den zuvor geöffneten Einfügebereich zu schließen.
8. </style>, um anzuzeigen, dass der Code hier endet.

Den Abstand zwischen den Buchstaben aller Links auf der Website vergrößern

Um den Abstand zwischen den Buchstaben in den anklickbaren Wörtern (Links) deutlich zu vergrößern:

1. Gehen Sie zu Punkt 3, der auf dem ersten Bild oben in diesem Leitfaden sichtbar ist.
2. Fügen Sie den Code (falls noch nicht vorhanden) <style> ein, um anzuzeigen, dass Sie den CSS-Code ändern möchten.
3. Fügen Sie dann .container div a { ein, um anzuzeigen, dass Sie die Blöcke der Seite und insbesondere die Links ("a") ändern möchten, und das "{", um den Bereich zu öffnen, in dem die Befehle eingefügt werden können.
4. Fügen Sie dann letter-spacing:1em; ein. Verringern Sie den Wert (z. B. 0.9em), und vergessen Sie nicht das Semikolon, damit Sie den nächsten Befehl einfügen oder den Code beenden können.
5. }, um den zuvor geöffneten Einfügebereich zu schließen.
6. </style>, um anzuzeigen, dass der Code hier endet.

Informieren Sie sich über diese weiteren CSS-Codebeispiele, die Sie auf Ihrer Website einfügen können.

Dieses Handbuch bezieht sich auf die „Anwendungen“ (oder „Module“, „Erweiterungen“), die im Infomaniak Site Creator verfügbar sind je nach der von Ihnen verwendeten Version, um eine vollständig anpassbare Website, einen Blog oder einen Online-Shop zu erstellen, ohne dass technische Kenntnisse erforderlich sind.

Verschiedene Anwendungen

Zusätzlich zu den Inhaltsblöcken, die verschiedene vorgefertigte Layouts anbieten, können Sie auch Blöcke in Form von Modulen einfügen, von denen jedes eine bestimmte Funktion hat:

1. Video
2. Audio-Player
3. Bild-Slider / Diashow
4. Datei-Download
5. Standort auf einer Karte
6. Umfrage
7. Wissensdatenbank
8. Fragen und Antworten
9. Kalender
10. Calendly
11. Unterseiten-Menü
12. Seitenplan (Sitemap)
13. Zu Google hinzufügen
14. Benutzerdefinierter HTML-Code
15. Kontaktformular
16. Blog
17. Shop
18. RSS-Feed-Reader
19. Restaurantmenü

Ein Modul auf einer Seite einfügen

Um ein Modul einzufügen:

1. Klicken Sie hier, um zur Verwaltung Ihres Produkts im Infomaniak Manager zu gelangen (Benötigen Sie Hilfe?).
2. Klicken Sie direkt auf den Namen des betreffenden Site Creator.
3. Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
   

Sobald Sie sich im Site Creator befinden:

1. Klicken Sie im linken Menü auf die Schaltfläche Inhalte.
2. Klicken Sie unten auf Anwendungen, und die verfügbaren Inhalte werden auf der rechten Seite angezeigt.
3. Klicken Sie auf eine dieser Anwendungen, um sie auf der Seite einzufügen:
   
4. Nach dem Einfügen bewegen Sie den Mauszeiger über das Modul (oder den Block selbst, je nach Modul), um auf dessen Einstellungen zuzugreifen:
   

Mehrere Module oder ein verschwundenes Modul

Wenn Sie eines Ihrer Module (z. B. für eine Umfrage) löschen, das Sie bereits konfiguriert haben, und die Änderung rückgängig machen möchten, klicken Sie sofort auf Rückgängig:

oder

Sie können das Modul auch erneut einfügen, wobei es mit den vorherigen Einstellungen wiederhergestellt werden sollte.

Sie können nicht mehrere Module desselben Typs einfügen, um sie unabhängig voneinander anzupassen.

Weitere Integrationen & Widgets

Klicken Sie in der linken Seitenleiste von Site Creator auf die Schaltfläche ANWENDUNGEN:
‍

Beispiel: Einen Countdown einfügen

Um einen Countdown hinzuzufügen:

1. Klicken Sie im linken Menü auf die Schaltfläche Inhalt.‍
2. Klicken Sie in der Liste auf Objekte, und der verfügbare Inhalt wird auf der rechten Seite angezeigt.
3. Klicken Sie auf eines dieser Objekte, um es auf der Seite einzufügen:
   
4. Nach dem Einfügen bewegen Sie den Mauszeiger über das Modul, um auf dessen Einstellungen zuzugreifen::
   

Diese Anleitung erklärt, wie Sie einen Button zu Ihrer Site Creator-Seite von Infomaniak hinzufügen und anpassen können, insbesondere einen festen Button, der es ermöglicht, zum Seitenanfang zurückzukehren.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Benötigen Sie Hilfe?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creators.
  • Klicken Sie auf den Button Meine Seite bearbeiten, um den Editor zu starten:
    

Einen Link in Form eines Buttons hinzufügen

Um einen Button hinzuzufügen (der beim Anklicken zu der von Ihnen gewählten URL führt):

1. Verfassen Sie den Text des Buttons.
2. Markieren Sie den Text.
3. Klicken Sie auf die Punkte ••• rechts in der Werkzeugleiste, um auf die zusätzlichen Optionen zuzugreifen.
4. Klicken Sie dann auf das Kettensymbol, um den Bereich zu öffnen, in dem Sie den Linktyp und die zugehörigen Optionen festlegen können:
   
5. Konfigurieren Sie die Zielseite und das Aussehen des Buttons.
6. Speichern Sie die Änderungen unten im Tab:
   
7. Zeigen Sie den Button auf Ihrer Seite an.
8. Klicken Sie auf die Schaltfläche, um bei Bedarf zum Editor zurückzukehren:
   

Einen „Zurück zum Anfang“-Button hinzufügen

So fügen Sie einen Button hinzu und passen ihn an, der den Besucher in Ihrem Site Creator-Projekt immer dann wieder nach oben zur Seite führt, wenn die Seite gescrollt wird:

1. Klicken Sie im linken Menü auf die Schaltfläche Design.
2. Klicken Sie auf Weitere Einstellungen.‍
3. Aktivieren Sie die Option, um den „Zurück zum Anfang“-Button anzuzeigen.
4. Passen Sie den Abstand zum rechten Rand an.
5. Speichern Sie die Änderungen unten auf der Seite:
   

Aktualisieren Sie die Seite gegebenenfalls, um die Änderung zu sehen:

Lesen Sie diesen anderen Leitfaden zu einer alternativen Lösung.

Diese Anleitung hilft Ihnen dabei, eine mit Site Creator von Infomaniak erstellte Website anzupassen.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um im Infomaniak Manager auf die Verwaltung Ihres Produkts zuzugreifen (Benötigen Sie Hilfe?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creators.
  • Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
    

Farben der Website ändern

So verwalten Sie Designs, Farben und Schriftarten in Site Creator:

1. Klicken Sie im linken Menü auf die Schaltfläche Design.
2. Klicken Sie auf Website-Farben:
   

Sie können aus den verfügbaren Farbpaletten wählen oder Ihr eigenes, individuelles Farbschema erstellen.

Darunter finden Sie spezifischere Einstellungen, in denen Sie festlegen können, auf welche Elemente eine Farbe angewendet werden soll:

Hintergrund (Bild / Farbe) von Blöcken verwalten

Auf der Seite zur Bearbeitung Ihrer Website bewegen Sie den Mauszeiger über einen Block und klicken auf das Zahnrad, um auf die Einstellungen zuzugreifen:

Ein Website-Template laden

Sie können das gesamte Design Ihrer Website ändern, indem Sie das Theme ändern und festlegen, was bei der Änderung auf der aktuellen Website überschrieben werden soll oder nicht:

1. Klicken Sie im linken Menü auf die Schaltfläche Design.
2. Klicken Sie auf Theme auswählen:
   

Hier können Sie aus den verfügbaren Website-Themes auswählen:

Wenn Sie Ihr neues Theme gefunden haben, klicken Sie auf Installieren. Anschließend können Sie auswählen, welche Teile des neuen Templates Sie importieren möchten (standardmäßig werden nur Farben, Schriftarten oder der Menüstil importiert), um zu verhindern, dass der Inhalt Ihrer Website überschrieben wird.

Wenn Ihre Website neu ist, können Sie beim Importieren weitere Optionen auswählen.

Die Schriftarten der Website ändern

So geht's:

1. Klicken Sie im linken Menü auf die Schaltfläche Design.
2. Klicken Sie auf Schriftarten:
   

Sie können die Hauptschriftarten der Website einfach ändern. Die erste Schriftart wird für Überschriften und die zweite Schriftart für den Inhalt verwendet.

Darunter befinden sich spezifischere Einstellungen, in denen Sie festlegen können, auf welche Elemente eine Schriftart angewendet werden soll.

Es ist nicht möglich, eine benutzerdefinierte Schriftart zu importieren oder hinzuzufügen, aber Sie können den Anbieter ändern (die Liste der Schriftarten bleibt gleich), beispielsweise aus Datenschutzgründen:

1. Klicken Sie im linken Menü auf Einstellungen.
2. Klicken Sie auf Allgemeine Einstellungen.
3. Wählen Sie den Schriftartenanbieter:
   

Problembehebung bei fehlendem/unsichtbarem Text

Wenn Ihr Textblock verschwunden oder unsichtbar erscheint

, wählen Sie den gesamten Inhalt der Webseite aus (Strg + A oder Cmd + A auf einem Mac); wenn Sie sehen, dass Ihr Inhalt vorhanden ist, bedeutet dies wahrscheinlich, dass die Einstellungen des Blocks auf einen dunklen Hintergrund eingestellt sind:

In diesem Fall gehen Sie zu den Einstellungen des Blocks und stellen Sie sicher, dass die Option "Dunkler Hintergrund" nicht aktiviert ist. Dadurch sollte das Problem behoben werden:

Diese Anleitung erklärt, wie Sie den Logo-, Kopf- und Fußbereich (Footer) in Site Creator von Infomaniak verwalten.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um im Infomaniak Manager die Verwaltung Ihres Produkts aufzurufen (Benötigen Sie Hilfe?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creators.
  • Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
    

Ein Website-Logo hinzufügen

Sobald Sie sich in Site Creator befinden:

1. Klicken Sie in der linken Seitenleiste auf die Schaltfläche Einstellungen.
2. Klicken Sie auf Logo / Titel.‍‍
3. Laden Sie ein Bild hoch und wählen Sie, ob der Name der Website ebenfalls daneben angezeigt werden soll.
4. Speichern Sie die Änderungen:
   

Logo-Einstellungen

1. Klicken Sie in der linken Seitenleiste auf die Schaltfläche Design.
2. Klicken Sie auf Menü-Editor.
3. Klicken Sie auf Titel/Logo.
4. Passen Sie dann Abstände und Farben an.
5. Speichern Sie die Änderungen:
   

Logo zentriert anzeigen

An derselben Stelle wie oben (Sie können dies auch erreichen, indem Sie mit der Maus über die Kopfzeile und das Logo fahren), aktivieren Sie die Option, um das Logo in einer separaten Zeile anzuzeigen. Dadurch wird das Logo der Website zentriert:

Logo ausblenden (+ Kopf- und Fußzeile)

Um eine Seite ohne Logo zu erstellen, die weder eine Kopfzeile (und somit kein Menü) noch eine Fußzeile hat, müssen Sie diese als Startseite definieren (d. h. als „Landing Page“; beachten Sie, dass dies die Reihenfolge der Seiten nicht ändert). Dies geschieht über einen Button, der sich hier befindet:

1. Klicken Sie in der linken Seitenleiste auf den Button Einstellungen.
2. Klicken Sie auf Seitenliste.
3. Bewegen Sie den Mauszeiger über eine Seite in der vorhandenen Baumstruktur und klicken Sie auf das Zahnradsymbol, das beim Überfahren angezeigt wird.
4. Aktivieren Sie unten die Option „Startseite“, um Kopf- und Fußzeilen auszublenden:
   

Diese Anleitung erklärt, wie Sie bestimmte Details einer mit Site Creator von Infomaniak erstellten Website ändern können.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Benötigen Sie Hilfe?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creators.
  • Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
    

Ändern des Website-Namens

Klicken Sie in der linken Seitenleiste auf die Schaltfläche Einstellungen und dann auf Website-Titel:

Unternehmensdaten

Klicken Sie in der linken Seitenleiste auf die Schaltfläche Einstellungen und dann unter Website-Konfiguration auf Kontaktinformationen:
‍

Dieser Leitfaden behandelt die Einrichtung des Favicons in Site Creator von Infomaniak, also des Symbols, das in der Lesezeichenleiste eines Webbrowsers angezeigt wird.

Einleitung

• Microsoft empfiehlt für seine Browser die Formate 16 x 16, 32 x 32 und 48 x 48.
• Apple empfiehlt hingegen eine Favicon-Größe von 180 x 180.

Favicon für Site Creator festlegen

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um im Infomaniak Manager auf die Verwaltung Ihres Produkts zuzugreifen (Benötigen Sie Hilfe?).
  • Direkt auf den Namen des betreffenden Site Creators klicken.
  • Auf die Schaltfläche Meine Website bearbeiten klicken, um den Editor zu starten:
    

Um ein neues Favicon festzulegen:

1. Klicken Sie im linken Menü auf die Schaltfläche Einstellungen.
2. Klicken Sie auf Allgemeine Einstellungen:
   
3. Scrollen Sie nach unten zum Abschnitt Favicon und klicken Sie, um ein Bild auszuwählen:
   
4. Importieren/wählen Sie das Favicon auf Ihrer Festplatte aus:
   
5. Speichern Sie die Änderungen unten auf der Seite:
   
6. Zeigen Sie das Ergebnis in Ihrem Browser an (ggf. in einem neuen Fenster im privaten Modus):
   

Diese Anleitung erklärt, wie Sie ein Kontaktformular zu Ihrer mit Site Creator von Infomaniak erstellten Website hinzufügen und konfigurieren.

Ein individuelles Kontaktformular erstellen

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um im Infomaniak Manager die Verwaltung Ihres Produkts aufzurufen (Benötigen Sie Hilfe?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creators.
  • Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
    

Sie können ein oder mehrere Formulare erstellen, mit denen Ihre Besucher eine Nachricht senden, sich für eine Aktivität anmelden oder kurz gesagt jede Art von Online-Formular mit oder ohne Anhänge ausfüllen können:

1. Klicken Sie im linken Menü auf die Schaltfläche Inhalt.
2. Klicken Sie unten in der Liste auf Anwendungen.
3. Klicken Sie auf Formular-Generator:
   
4. Erstellen Sie Ihr Formular mit den Elementen auf der linken Seite.
5. Speichern Sie es unten auf der Seite:
   

Sobald das erste Formular erstellt wurde, können Sie es einfügen, indem Sie auf ‍ an der gewünschten Stelle klicken und es auswählen:

Das erstellte Formular wird auf Ihrer Seite eingefügt:

Einstellungen für das Kontaktformular

Sie können die Dankesnachricht, die optionale Weiterleitungsseite nach dem Absenden, die verwendete E-Mail-Adresse anpassen, ein Captcha hinzufügen (empfohlen) usw.

Dazu bewegen Sie den Mauszeiger über das Modul, um auf dessen Einstellungen zuzugreifen:

Klicken Sie gegebenenfalls auf das Formular, das Sie bearbeiten möchten, und dann auf Formulareigenschaften:

Sie können das erstellte Formular auch löschen, damit es nicht mehr angeboten wird:

Diese Anleitung erklärt, wie Sie mit Ihren Fotos Galerien in Site Creator von Infomaniak erstellen.

Eine Fotogalerie erstellen

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Benötigen Sie Hilfe?).
  • Direkt auf den Namen des betreffenden Site Creators klicken.
  • Auf den Button Meine Website bearbeiten klicken, um den Editor zu starten:
    

Sobald Sie sich in Site Creator befinden:

1. Klicken Sie im linken Menü auf den Button Einstellungen. Die Liste Ihrer Seiten wird angezeigt.
2. Klicken Sie unterhalb der vorhandenen Struktur auf den Button Seite hinzufügen:
   
3. Aktivieren Sie Weitere Optionen anzeigen, um den Seitentyp FOTOGALERIE auszuwählen:
   
4. Bestätigen Sie. Die neue Seite mit dem Fotogalerie-Modul wird auf dem Bildschirm angezeigt:
   

Die Fotogalerie konfigurieren

Gehen Sie dazu wie folgt vor:

1. Bewegen Sie den Mauszeiger über das Modul, um auf die Einstellungen der Galerie zuzugreifen.
2. Klicken Sie auf Bearbeiten‍:
   ‍

Fotoalben

Sie können zusätzliche Fotogalerien für Ihre verschiedenen Alben erstellen:
‍
 

Reihenfolge der Fotos ändern

Sobald Ihre Galerie erstellt ist, wird jedes neue Foto, das Sie von Ihrem Computer hochladen, am Ende der Fotoliste hinzugefügt. Sie können diese Reihenfolge einfach ändern, indem Sie die Fotos beim Bearbeiten einer Galerie mit der Maus verschieben:

 

Darüber hinaus können Sie jedem Ihrer Fotos eine Beschreibung hinzufügen. Unter jedem Bild finden Sie das Feld „Bildbeschreibung“. Beginnen Sie, Ihre Beschreibung einzugeben, und klicken Sie auf den grünen Button, um die Änderungen zu speichern:

Ein Widget für eine Bilddiashow hinzufügen

Um ein oder mehrere dynamische Slider-Widgets zu konfigurieren, auf denen ein oder mehrere Fotos seitlich (ohne Bezug zu den oben beschriebenen Fotogalerien) angezeigt werden::

1. Klicken Sie im linken Menü auf den Button Anwendungen.
2. Klicken Sie auf Slider:
   
3. Konfigurieren Sie das Widget nach Ihren Wünschen.
4. Fügen Sie das konfigurierte Widget an der gewünschten Stelle ein, indem Sie auf Inhalt und dann auf Apps klicken und Slider auswählen:
   
5. Wählen Sie den erstellten Slider aus, um ihn auf der Seite einzufügen:
   

Diese Anleitung erklärt, wie Sie ein Blog-Modul zu Ihrer mit Site Creator von Infomaniak erstellten Website hinzufügen und konfigurieren.

Einleitung

• Es gibt keine Funktion zur Verwaltung mehrerer Benutzer im Blog-Bereich (oder in Site Creator).
• Mehrere Benutzer derselben Organisation, die Zugriff auf Site Creator haben (über ihre Berechtigung für Webhosting), können Beiträge im Blog veröffentlichen, aber die Identität des Autors bleibt für alle gleich.
• Es ist möglich, sich von der künstlichen Intelligenz Euria unterstützen zu lassen, wie es auch bei den anderen Seiten von Site Creator der Fall ist.
  • Informieren Sie sich über diese andere Anleitung zum verwendeten Modell des Schreibassistenten und den jeweiligen Verantwortlichkeiten.

Ein Blog in Site Creator starten

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um im Infomaniak Manager die Verwaltung Ihres Produkts aufzurufen (Benötigen Sie Hilfe?).
  • Direkt auf den Namen des betreffenden Site Creators klicken.
  • Auf die Schaltfläche Meine Website bearbeiten klicken, um den Editor zu starten:
    

Sobald Sie sich in Site Creator befinden, auf der Seite, auf der Sie Ihre zukünftigen Blogartikel einfügen möchten:

1. Klicken Sie auf die Schaltfläche + unterhalb eines bereits eingefügten Blocks:
   
2. Klicken Sie auf Anwendungen (im Reiter Inhalt, der sich öffnet, wenn Sie auf die Schaltfläche zum Hinzufügen des visuellen Blocks klicken).
3. Klicken Sie auf das Modul Blog:
   
   • Wenn Sie dieses Modul zum ersten Mal einfügen, erhalten Sie den folgenden visuellen Block mit einem Beispiel für einen ersten veröffentlichten Artikel (gehen Sie zu Punkt 4 weiter unten):
     
   • Wenn Sie das Blog-Modul zuvor bereits verwendet und von Ihren Seiten entfernt haben, erhalten Sie Folgendes:
     
     1. Wählen Sie die oberste Option, um den Hauptblock einzufügen.
     2. Wählen Sie die zweite Option, um einen Block mit den 3 zuletzt veröffentlichten Artikeln anzuzeigen , aber nur, wenn Sie bereits einen Hauptblock an anderer Stelle auf der Website eingefügt haben.
4. Nachdem Sie das Modul Blog eingefügt haben, bewegen Sie den Mauszeiger über den Block und klicken Sie auf die Schaltfläche mit den drei horizontalen Linien ☰ Blog und dann auf ‍ Neuer Artikel, um einen leeren Artikel einzufügen:
   

Inhalte mithilfe künstlicher Intelligenz veröffentlichen

Um Inhalte zu verfassen und gegebenenfalls Ihre Texte zu verbessern:

1. Wählen Sie ein Bild für das Banner aus, geben Sie einen Titel und optional einen Untertitel ein und fügen Sie den Artikeltext mit verschiedenen Formatierungen hinzu:
   
2. Drücken Sie auf das +-Zeichen im Artikeltext oder die Tabulatortaste auf Ihrer Tastatur:
   
3. Wählen Sie den Inhalt aus und klicken Sie darauf, um eine Symbolleiste zur Textformatierung anzuzeigen.
4. Über diese Symbolleiste können Sie auf die von der KI angebotenen Funktionen zugreifen (Übersetzung, Umformulierung, Korrektur usw.):
   
5. Veröffentlichen Sie den Artikel, indem Sie auf die Schaltfläche Veröffentlichen klicken (oder speichern Sie ihn als Entwurf für später).

Blog bearbeiten

Um Kommentare, E-Mail-Benachrichtigungen, die Listenansicht und die Sortierung zu aktivieren usw.:

1. Klicken Sie im linken Menü auf Anwendungen.
2. Klicken Sie auf Blog.
3. Klicken Sie auf Einstellungen und passen Sie Ihre Präferenzen an. Vergessen Sie nicht, die Änderungen am unteren Rand der Seite zu speichern:
   

Blogartikel bearbeiten

Unabhängig davon, wo Sie sich beim Bearbeiten Ihrer Website befinden, können Sie einfach zum Menü Anwendungen unten links gehen und auf Blog klicken:

Um den Inhalt Ihres Artikels zu bearbeiten, klicken Sie im linken Menü auf Artikel anzeigen, bewegen Sie den Mauszeiger über das Bleistiftsymbol ✎ und klicken Sie darauf:

Um die Einstellungen für einen der Artikel zu ändern (siehe unten), bewegen Sie den Mauszeiger über das Zahnradsymbol und klicken Sie darauf:

Artikel mit einem Tag versehen, archivieren oder verfallen lassen

Ein Blogartikel kann aus Ihrer Artikelliste verschwinden, entweder durch das Festlegen eines Ablaufdatums oder durch die sofortige Archivierung. Es ist auch möglich, ein Tag (Etikett) hinzuzufügen, das für den Besucher anklickbar ist und so die Navigation innerhalb der Beiträge erleichtert:

Vergessen Sie nicht, die Änderungen am unteren Rand der Seite zu speichern.

Datum der Artikel

Standardmäßig werden neue Blogartikel mit dem Datum „Heute“ hinzugefügt, dieses Datum kann jedoch geändert werden:

1. Bewegen Sie den Mauszeiger über den Datumslink (direkt im Artikel) und klicken Sie darauf:
   
2. Wählen Sie ein neues Datum aus.

Dieser Leitfaden für den Site Creator von Infomaniak behandelt das Thema Browser-Cookies.

Einleitung

• Standardmäßig werden bei einer neuen Website keine Cookies auf den Geräten Ihrer Besucher gespeichert. Es gibt keine Tracking-Funktionen für Werbung oder Marketing.
• Als Website-Administrator werden bestimmte Daten in Ihren eigenen Cookies gespeichert (z. B. Informationen, die darauf hinweisen, dass Sie ein Website-Administrator sind).
• Wenn Sie Anwendungen/Module hinzufügen, die in Ihre Website integriert sind, können Cookies verwendet werden; ein Beispiel ist das Umfrageformular: Wenn Sie ein Umfragemodul zu Ihrer Website hinzufügen, werden Cookies verwendet, wenn der Website-Besucher abstimmt (um sich zu merken, dass er bereits abgestimmt hat).

Benachrichtigung für den Besucher

Voraussetzungen

• Zugriff auf den Site Creator:
  • Hier klicken, um im Infomaniak Manager die Verwaltung Ihres Produkts aufzurufen (Benötigen Sie Hilfe?).
  • Direkt auf den Namen des betreffenden Site Creators klicken.
  • Auf den Button Meine Website bearbeiten klicken, um den Editor zu starten:
    

Sie können eine Cookie-Zustimmungsnachricht aktivieren, die in einem kleinen, überlagernden Fenster am unteren Bildschirmrand für alle neuen Besucher Ihrer Website angezeigt wird:

1. Klicken Sie im linken Menü auf den Button Einstellungen.
2. Klicken Sie unter Website-Konfiguration auf Kontaktinformationen.
3. Aktivieren Sie die Option Cookie-Informationen, um die kurze Nachricht und die URL für zusätzliche Informationen zu konfigurieren.
4. Legen Sie den Anzeigetyp fest: entweder erweitert oder nicht (siehe unten).
5. Speichern Sie die Änderungen am unteren Rand der Seite:
   ‍

Zusätzliche Einstellungen

Die Einwilligungsnachricht kann entweder standardmäßig oder erweitert angezeigt werden. Wählen Sie dazu unter Anzeige die gewünschte Option aus. Das Ergebnis sieht wie folgt aus:

• Standardmäßig:
  
• Erweitert:
  

Diese Anleitung erklärt, wie Sie Änderungen nicht direkt auf einer Seite des Infomaniak Site Creator veröffentlichen.

Einleitung

• Der Entwurfsmodus verhindert, dass die folgenden Änderungen veröffentlicht werden:
  • Hinzufügen eines neuen Inhaltsblocks über das Menü Inhalt
  • visuelle oder textuelle Änderungen an einem Inhaltsblock
  • Löschen eines Inhaltsblocks
• Der Entwurfsmodus gilt nicht für:
  • globale Designänderungen über das Menü Design (Farben, Schriftarten usw.)
  • Änderungen an Inhalten, die mit Anwendungen verknüpft sind (Fragen/Antworten, E-Commerce usw.)
  • Änderungen an globalen Einstellungen über das Menü Einstellungen (Seiten, Sprachen usw.)
  • Unterseiten der Seite, die Sie deaktivieren

1. Speichern ohne Veröffentlichen

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Benötigen Sie Hilfe?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creators.
  • Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
    

Sie können eine Seite in den Entwurfsmodus versetzen, um Textänderungen oder andere Änderungen am Inhalt einer Seite vorzunehmen, die nicht sofort sichtbar sind. Dies bleibt so, bis Sie die Seite wieder in den Veröffentlichungsmodus versetzen:

1. Klicken Sie auf die Schaltfläche ... , die sich ganz unten im linken Seitenmenü befindet, um die Optionen für Veröffentlichung und Vorschau zu erweitern.
2. Klicken Sie auf Live, um in den Modus Nicht veröffentlicht zu wechseln:
   
3. Der gelbe Modus, der nun unten angezeigt wird, zeigt an, dass alle Ihre Änderungen (nur auf dieser Seite) nicht sofort sichtbar sind (im Gegensatz zum Modus Live), da sie nicht automatisch veröffentlicht werden:
   
   • Die Änderungen werden in einem Entwurf gespeichert, auch wenn Sie die Seite oder den Editor verlassen…
   • Im Entwurfsmodus können Sie an der Seite arbeiten, Text hinzufügen, ihn speichern, die Seite verlassen und später wiederkehren, um die Bearbeitung fortzusetzen. Diese Arbeit wird erst dann veröffentlicht, wenn Sie dies ausdrücklich entscheiden (siehe unten):
     
   • Je nachdem, welche Änderungen Sie vorgenommen haben (z. B. das Hinzufügen eines Inhaltsblocks), sollten Sie den Text bearbeiten, um Ihre Änderungen zu bestätigen und zu speichern.
   • Um zu überprüfen und zu bestätigen, dass Ihre aktuellen Änderungen nicht sofort veröffentlicht werden, öffnen Sie einfach die Adresse Ihrer Website von einer anderen Browserseite aus, z. B. im Inkognito-Modus.

2. Änderungen veröffentlichen oder Entwurf löschen

Sie können den Entwurfsmodus verlassen, um zu sofortigen Veröffentlichungen zurückzukehren:

1. Wenn der Entwurfsmodus aktiv ist, klicken Sie auf die gelbe Schaltfläche des Entwurfsmodus, um eine Einstellungsleiste anzuzeigen:
   
2. Die Einstellungsleiste wird geöffnet, sodass Sie:
   1. Ihre Änderungen veröffentlichen können,
   2. oder den aktuellen Entwurf löschen und die Seite in ihren ursprünglichen Zustand zurückversetzen können:
      

Beispiel

1. Im Live-Modus (unten auf dem Bildschirm sichtbar) sind Änderungen sofort für die Besucher der Seite sichtbar.
2. Im Entwurfsmodus (erkennbar an einem gelben Symbol am unteren Rand der Seiten, die sich in diesem Modus befinden) sind Ihre Änderungen nicht sofort sichtbar.
3. Wenn Sie die Seite verlassen, um an einer anderen Seite zu arbeiten, wird der Modus auf den Standardmodus zurückgesetzt, d. h. auf den Live-Modus, da die Seite nicht mehr dieselbe ist und der Modus nur für die ausgewählten Seiten gilt.
4. Wenn Sie zur Seite zurückkehren, die sich im Entwurfsmodus befindet, zeigt ein Symbol am unteren Rand der Seite immer noch an, dass der Entwurfsmodus aktiviert ist.
5. Klicken Sie darauf, um zu wählen, ob Sie die Änderungen veröffentlichen oder löschen und die Seite in den Zustand zurückversetzen möchten, in dem sie sich vor Ihren Änderungen im Entwurfsmodus befand.

Dieser Leitfaden beschreibt die Verwendung von Medien in Site Creator von Infomaniak.

Bitte beachten Sie, dass es auch möglich ist, andere Elemente einzufügen, z. B. ein Formular zur Anmeldung für den Infomaniak-Newsletter.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um die Verwaltung Ihres Produkts im Infomaniak Manager aufzurufen (Benötigen Sie Hilfe?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creators.
  • Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
    

Ein Bild hinzufügen

Medien werden in der Dateibibliothek verwaltet:

• Fügen Sie einen neuen Inhaltsblock hinzu:
  
• Die Medien können dann ersetzt oder ergänzt werden:
  

Aber auch:

1. Klicken Sie im linken Seitenmenü auf die Schaltfläche Inhalt.
2. Klicken Sie in der Liste auf Objekte, um ein einzelnes Bild einzufügen.
3. Klicken Sie auf den Block „BILD“ auf der rechten Seite:
   
4. Sobald das Bild hinzugefügt wurde, können Sie es auch in einen klickbaren Link umwandeln oder seine Größe im Bildeditor ändern:
   

Sie können Bilder auch als Modul „Fotogalerie“ hinzufügen.

Bild ändern

Um ein eingefügtes Bild zu ersetzen, das die Eigenschaften des vorherigen Bildes übernimmt:

1. Klicken Sie auf ein Bild, um es zu bearbeiten.
2. Klicken Sie auf die Schaltfläche mit dem Symbol Bilderrahmen in der Miniaturansicht des Bildes, um ein neues Bild auszuwählen, das das vorherige ersetzt:
   

Video hinzufügen

Um ein Video hinzuzufügen:

1. Klicken Sie auf die Schaltfläche Inhalt im linken Seitenmenü.
2. Klicken Sie in der Liste auf Objekte.
3. Klicken Sie auf den Block „VIDEO“ auf der rechten Seite, um ein Video in voller Breite einzufügen:
   

Sie können auch einen Link zu einem Bild hinzufügen, indem Sie eine YouTube-Video-URL verwenden: Dadurch wird automatisch ein PLAY-Symbol erstellt, das beim Anklicken das Video in einem Lightbox-Fenster öffnet.

Audiodatei hinzufügen

Um eine Audiodatei hinzuzufügen:

1. Klicken Sie auf die Schaltfläche Inhalt im linken Seitenmenü.
2. Klicken Sie unten auf Anwendungen.
3. Der verfügbare Inhalt wird auf der rechten Seite angezeigt.
4. Klicken Sie auf den Audio-Player, um ihn in die Seite einzufügen und die Dateien auszuwählen:
   

Sie können ihn über die HTML-Bearbeitung weiter anpassen.

Eine Datei zum Herunterladen hinzufügen

Um eine Datei einfach zum Herunterladen anzubieten:

1. Klicken Sie im linken Menü auf die Schaltfläche Inhalt.
2. Klicken Sie unten auf Anwendungen.
3. Der verfügbare Inhalt wird auf der rechten Seite angezeigt.
4. Klicken Sie auf das Widget Datei-Download, um es in die Seite einzufügen:
   
5. Wählen Sie in der Bibliothek die Datei aus, die von Ihren Besuchern heruntergeladen werden kann.

Dieser Leitfaden stellt die Erstellung von Navigationsmenüs für Ihre mit Site Creator Infomaniak erstellte Website sowie deren Zusammensetzung, Stile und Parameter vor.

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigt?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creators.
  • Klicken Sie auf die Schaltfläche Website bearbeiten, um den Editor zu starten:
    

Die verschiedenen Navigationsmenüs

Die verschiedenen Seiten, die Ihre Website ausmachen können innerhalb eines oder mehrerer Navigationsmenüs zugänglich sein:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Standardmäßig erscheint die Liste Ihrer Seiten, eingeteilt in 2 Hauptkategorien: HAUPTMENÜ und RECHTLICH:
   

Sie können jedoch mehrere hinzufügen.

Diese Menüs mit den Seiten, die sie enthalten, werden dann an verschiedenen Stellen Ihrer Website wieder aufgenommen, je nach gewähltem Thema:

• Oft finden Sie das Hauptmenü oben auf der Seite:
  
• und die anderen Menüs werden automatisch im Fußbereich angeboten:
  

Menüs verwalten

Ein neues Menü hinzufügen

Dazu:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Bewegen Sie den Mauszeiger über einen Menütitel in der bestehenden Hierarchie.
3. Klicken Sie auf das "+"-Symbol, das beim Überfahren angezeigt wird:
   

Sie können die Anwesenheit des Menüs im Website-Riss verwalten oder es löschen (sowie alle seine Seiten):

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Bewegen Sie den Mauszeiger über einen Menütitel in der vorhandenen Struktur und klicken Sie auf das Zahnradsymbol, das beim Überfahren erscheint:
   
3. Wählen Sie die gewünschten Einstellungen aus und bestätigen Sie diese am Ende der Seite:
   

Nehmen Sie sich die Zeit, diesen anderen Leitfaden zu lesen, um kein Menü anzuzeigen.

Ein Unterelement in einem Menü erstellen

Dazu:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
   • Die Liste Ihrer Seiten wird angezeigt.
2. Ziehen Sie mit der Maus eine Seite leicht nach rechts unter eine andere Seite:
   
   • Sie wird zu einer Unterseite und Ihr Menü auf der Website kann die erstellte Struktur anzeigen:
     
   • Nehmen Sie auch den folgenden Tipp zur Kenntnis…

Nicht klickbarer Menütitel

Wählen Sie gegebenenfalls, ob das ganz erste Element eines Menüs mit Untermenüelementen (wie oben konfiguriert) nicht klickbar sein soll:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Klicken Sie auf Allgemeine Einstellungen, um diese Einstellung unter Untermenüoptionen zu ändern:
   

Menüelement mit einem Link zu einer anderen Website

Dazu:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
   • Die Liste Ihrer Seiten wird angezeigt.
2. Klicken Sie auf die Schaltfläche Seite hinzufügen unter der vorhandenen Struktur:
   
3. Geben Sie einen Seitennamen ein und klicken Sie auf Mehr Optionen anzeigen.
4. Wählen Sie die URL-Umleitung, um das Ziel beim Klicken zu spezifizieren:
   

Zusätzliches oberes Menü

Um eine "Menüleiste" ganz oben auf Ihrer Seite anzuzeigen:

1. Klicken Sie auf die Schaltfläche Design im linken Seitenmenü.
2. Klicken Sie auf Mehr Einstellungen.
3. Aktivieren Sie die Menüleiste des Kopfbereichs:
   
4. Sobald sie aktiviert ist, können Sie sie über den Link Einstellungen am gleichen Ort anpassen:
   

Menü-Stile

Um die verschiedenen Menü-Stile zu verwalten:

1. Klicken Sie auf die Schaltfläche Design im linken Seitenmenü.
2. Klicken Sie auf Menü-Editor:
   
3. Dann auf Konfiguration:
   
4. Sie können insbesondere den Standort Ihrer Menüs festlegen (auf der linken Seite der Seite oder oben, fest oder mobil, Typ "Menü Hamburger ☰" rechts oder normal, usw.):
   

Farbe des Menüs "Hamburger" (☰) ändern

Wenn dieser Menüknopf mit drei horizontalen Linien ☰ beispielsweise auf einem mobilen Gerät weiß auf weiß erscheint:

1. Klicken Sie auf die Schaltfläche Design im linken Seitenmenü.
2. Klicken Sie auf Menü-Editor.
3. Klicken Sie auf Menütitel / Logo.
4. Passen Sie die Textfarbe an:
   

Ein neues Menüthema übernehmen

Wechseln Sie vollständig zu einem vordefinierten Stil mit den Themen ganz oben im Untermenü:

• Klicken Sie auf Menüvorlagen (immer unter Design, dann Menü-Editor):
  

Festes Menü

Die meisten vorgeschlagenen Menüs bewegen sich mit dem Inhalt der Seite.

• Das Menü verschwindet, wenn man nach unten scrollt:
  
  
   
• Sie können ein Menü definieren, das immer am oberen Rand fixiert sein sollte (mit verschiedenen visuellen Optionen):
  
  

Um das feste Menü zu aktivieren oder zu deaktivieren:

1. Klicken Sie auf Design.
2. Klicken Sie auf Menü-Editor.
3. Klicken Sie auf Hauptkonfiguration.
4. Wählen Sie Im Header im Feld Menütyp.
5. Der Umschalter Am oberen Rand fixiert wird weiter unten angezeigt und kann aktiviert werden.
6. Klicken Sie auf Speichern:
   

Einige Menüvorlagen (wie z. B. die #3 und die #16) wenden die optimalen Einstellungen für ein festes Menü direkt an.

Fügen Sie Ihre Menüs in den Hauptteil der Seite ein

Ein Modul Unterseitenmenü ermöglicht das Einfügen Ihrer Menüs und Untermenüs an jeder beliebigen Stelle Ihrer Seite:

• Fügen Sie das Element aus den Apps hinzu:
  

Das Modul Sitemap zeigt alle Menüs und alle Ihre Seiten in einem einzigen Block an.

URL der Seite festlegen

Standardmäßig, wenn der Name Ihrer Seite Kontakt lautet, lautet die URL zum Zugriff www.domain.xyz/kontakt.

Wenn Sie den Seitennamen später in Hallo ändern, lautet die URL www.domain.xyz/hallo.

Um die benutzerdefinierte URL der Seite festzulegen, auf der Sie sich befinden:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Klicken Sie auf SEO & Metadaten (unter Einstellungen dieser Unterseite).
3. Das erste Feld oben ermöglicht das Festlegen der Seitenadresse. Alle Leerzeichen werden in Bindestriche umgewandelt und Sonderzeichen, Akzente, Symbole usw. sollten vermieden werden:
   

Wenn während der Erstellung der Website Änderungen an den URLs vorgenommen werden, während ein Menü bereits einen Link zur betreffenden Seite enthält, wird dieser dynamisch angepasst.

Dieser Leitfaden bezieht sich auf die Rückgängig-Funktion in Site Creator von Infomaniak.

Einleitung

• Über das Infomaniak Manager-Panel können keine Backups/Wiederherstellungen durchgeführt werden.
• Wenn Sie beispielsweise einen Inhaltsblock löschen und diesen wiederherstellen möchten, können Sie in Site Creator bis zu den letzten 20 Aktionen rückgängig machen.

Eine Aktion rückgängig machen

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um im Infomaniak Manager-Panel zur Verwaltung Ihres Produkts zu gelangen (Benötigen Sie Hilfe?).
  • Direkt auf den Namen des betreffenden Site Creators klicken.
  • Auf die Schaltfläche Meine Website bearbeiten klicken, um den Editor zu starten:
    

Sobald Sie sich in Site Creator befinden:

1. Klicken Sie auf die Schaltfläche  … ‍‍‍, die sich ganz unten im linken Seitenmenü von Site Creator befindet, um die Optionen zum Rückgängigmachen zu erweitern.
2. Klicken Sie auf Rückgängig und bestätigen Sie die Wiederherstellung (die Pfeile daneben ermöglichen es, durch die letzten Backups zu "navigieren"):
     
   

Dieser Leitfaden erklärt, wie Sie eine mit Site Creator Infomaniak erstellte Website vorübergehend offline schalten.

Vorwort

• Öffentliche Sichtbarkeit: Die Wartungsseite wird nur für Ihre Besucher angezeigt!
  • Derzeit ist keine Übersetzung verfügbar; die Wartungsseite wird nur auf Französisch angezeigt.
• Administratorzugriff: Wenn Sie mit dem Editor verbunden bleiben, behalten Sie vollen Zugriff auf Ihre Website, um sie über Site Creator anzusehen und zu bearbeiten.

Site Creator in den Wartungsmodus versetzen

Um Site Creator vorübergehend zu deaktivieren:

1. Hier klicken, um auf die Verwaltung Ihrer Website im Infomaniak Manager zuzugreifen (Hilfe benötigt?).
2. Klicken Sie direkt auf den Namen der betreffenden Website:
   
3. Klicken Sie auf Verwalten ‍ oben auf der Seite.
4. Klicken Sie auf Wartungsmodus aktivieren:
   
5. Bestätigen Sie die Operation.

Wartungsseite deaktivieren

Um die Website für die Besucher wieder online zu schalten:

• Führen Sie den obigen Vorgang erneut aus, das Menü ermöglicht es, den Wartungsmodus zu deaktivieren:
  

Sie können den Wartungsmodus auch von der Verwaltungseite und vom Vorschau-Block Ihrer Website aus deaktivieren:

Diese Anleitung erklärt, wie Sie eine mit Site Creator Infomaniak erstellte Website mit einem Domainnamen verbinden.

Voraussetzungen

• Das Angebot Site Creator Free ermöglicht den Zugriff auf die Website über einen Domainnamen in der Form 123xyz.infomaniak.site…
  • Um einen benutzerdefinierten Domainnamen zu verbinden, müssen Sie zunächst zu einem höheren Angebot wechseln:
    
• Die Angebote Site Creator Lite und Pro bieten einen kostenlosen Domainnamen für 1 Jahr unter den Endungen .ch, .com, .fr, .org, .co.uk, .be, .de, .eu, .it, .es
• Wenn Sie eine bestehende Domain verwenden möchten, muss diese sich in derselben Organisation befinden.

Site Creator mit einem Domainnamen verbinden

Um Site Creator (Lite oder Pro) mit einem Domainnamen zu verbinden:

1. Klicken Sie hier, um auf die Verwaltung Ihrer Website im Infomaniak Manager zuzugreifen (Hilfe benötigt?).
2. Klicken Sie direkt auf den Namen, der der betreffenden Website zugewiesen wurde.
3. Klicken Sie auf Website mit einer Domain verbinden, um den Konfigurationsassistenten zu starten:
   
4. Der Assistent schlägt vor, einen neuen Domainnamen zu erstellen oder einen bereits bestehenden zu verwenden:
   
   • Wenn Sie an dieser Stelle einen neuen Domainnamen erstellen, müssen Sie nach Abschluss des Auftrags erneut zu diesem Konfigurationsassistenten zurückkehren.
   • Wenn Sie sich dafür entscheiden, eine Domain aus den bestehenden Domains in Ihrer Organisation zu verbinden, schlägt der Assistent eine Liste der Domains vor und es kann an dieser Stelle ein Subdomain erstellt werden:
     
5. Klicken Sie auf die Schaltfläche Weiter.
6. Überprüfen Sie die gewählte Adresse und klicken Sie dann auf die Schaltfläche zum Bestätigen:
   

Site Creator Domainnamen verwalten

Um den oder die mit Site Creator verwendeten Domainnamen zu verwalten:

1. Klicken Sie hier, um auf die Verwaltung Ihrer Website im Infomaniak Manager zuzugreifen (Hilfe benötigt?).
2. Klicken Sie direkt auf den Namen, der der betreffenden Website zugewiesen wurde.

Oben auf der Seite werden eventuelle Meldungen zu Problemen im Zusammenhang mit Site Creator und den Domains angezeigt.

Unten können Sie Ihre Domains verwalten, falls vorhanden, klicken Sie bei Bedarf auf den Pfeil ‍:

Vorübergehende Domain, vorläufige Adresse, Vorschau-URL…

Mehrere Domainnamen können mit Site Creator verbunden, gelöscht oder ausgetauscht und umgekehrt werden, wenn dies erforderlich ist.

Klicken Sie auf das Aktionsmenü ⋮ rechts neben der betreffenden Domain:

Die Vorschau-URL, vom Typ 123xyz.infomaniak.site und in der Liste der Site Creator-Domains unterschiedlich, kann jedoch nie gelöscht werden, damit Ihre Website ordnungsgemäß funktioniert.

Diese Anleitung bezieht sich auf Site Creator und die Möglichkeit, Links zu Ankern zu erstellen.

Einleitung

• Ein Anker im Webdesign ist ein Hyperlink, der auf eine bestimmte Position auf einer Webseite verweist, sei es auf derselben Seite oder auf einer anderen Seite.
  • Wenn ein Benutzer auf einen Ankerlink klickt, wird er zu der angegebenen Stelle weitergeleitet (im Prinzip eine unsichtbare Markierung, die im Quellcode platziert ist) der Seite.
• Anker sind nützlich, um Benutzern die Möglichkeit zu geben, schnell zu bestimmten Abschnitten einer Webseite oder sogar einer anderen Seite zu navigieren.
  • Sie verbessern die Benutzererfahrung, indem sie eine effiziente Möglichkeit bieten, bestimmte Informationen zu finden und darauf zuzugreifen.

Beispiel für einen Anker

Ein Anker befindet sich (unsichtbar) am Ende einer FAQ. Er ist mit "end" benannt. Daher enthält der folgende Link einfach das Ziel #end, und ohne weitere Angaben sucht ein Webbrowser nach diesem Begriff im Code der aktuellen Seite und leitet den Benutzer dorthin: Klicken Sie hier, um dorthin zu gelangen!

So erstellen Sie diesen Linktyp in Site Creator

Normalerweise erstellen Sie einen Anker in HTML wie folgt:

1. Identifizieren Sie die Stelle auf Ihrer Seite, an der Sie einen Anker erstellen möchten (Textabschnitt, Bild oder ein anderes Element).
2. Verwenden Sie das Tag <a> mit dem Attribut href, um das Ziel des Ankers anzugeben:
   1. Wenn sich das Ziel auf derselben Seite befindet, verwenden Sie einfach die ID des Elements (siehe Punkt 3 unten)
      <a href="#chapter1">Zu Kapitel 1 gehen</a>
   2. Wenn sich das Ziel auf einer anderen Seite befindet, geben Sie die vollständige URL der Seite an, gefolgt von der ID des Zielelements (siehe Punkt 3 unten)
      <a href="page2.html#chapter1">Zu Kapitel 1 auf Seite 2 gehen</a>
3. Fügen Sie im Abschnitt Ihrer Seite, zu dem die Benutzer weitergeleitet werden sollen, ein Element mit der entsprechenden ID hinzu:
   <div id="chapter1"> &nbsp; </div>
    

Wenn Benutzer auf den Link "Zu Kapitel 1 gehen" klicken, scrollt die Seite automatisch zu dem Abschnitt mit der ID "chapter1". Wenn sich das Ziel auf einer anderen Seite befindet, werden sie zu dieser Seite weitergeleitet, und der Anker funktioniert auf die gleiche Weise.

Mit Site Creator ist Punkt 3 oben nicht "frei": Jeder Block hat bereits seine eigene ID (oder seinen eigenen Hashtag), die Sie angeben (oder vorher ändern – siehe Punkt 3 unten) müssen, um einen Link darauf zu verweisen.

Die Referenz des Zielblocks finden

Gehen Sie zu Site Creator:

1. Klicken Sie hier, um zur Verwaltung Ihres Produkts im Infomaniak Manager zu gelangen (Benötigen Sie Hilfe?).
2. Klicken Sie direkt auf den Namen des betreffenden Site Creators.
3. Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
   

Sobald Sie sich im Site Creator befinden:

1. Fahren Sie mit der Maus über den Inhaltsblock, den Sie bearbeiten möchten, und klicken Sie auf das Zahnradsymbol:
   
2. Scrollen Sie zu den Einstellungen, bis Sie die ID des betreffenden Blocks finden:
   
3. Durch einen Doppelklick auf das Feld, in dem die ID angezeigt wird, können Sie anstelle der zufälligen ID einen eigenen Titel festlegen:
   

Einen Link zur Blockreferenz erstellen

Um einen Link in Site Creator zu einem Text hinzuzufügen, der auf einen weiter unten auf derselben Seite befindlichen Block verweist:

1. Wählen Sie einen Text aus.
2. Klicken Sie dann auf das Symbol für die Verknüpfung:
   
3. Wählen Sie in den erweiterten Optionen den Typ "Abschnitt", um einen Link zu einem Teil derselben Seite zu erstellen, indem Sie die oben ermittelte Blockreferenz auswählen:
   
   
   Weitere Möglichkeiten:
   1. Link mit dem Hash-Zeichen (Link zur selben Seite):
      
   2. Name der Seite gefolgt von der ID (nützlich, wenn Sie einen Link zu einer anderen Seite der Website einfügen):
      

ENDE DER SEITE (und Anker, der auf dieses Element verweist) – klicken Sie hier, um nach oben zu scrollen zum Anker am Anfang der Seite…

Diese Anleitung erklärt, wie Sie das Online-Shop-Modul von Site Creator anpassen und konfigurieren.

Einrichten eines Shops in Site Creator

Voraussetzungen

• Zugriff auf Site Creator:
  • Hier klicken, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Benötigen Sie Hilfe?).
  • Klicken Sie direkt auf den Namen des betreffenden Site Creators.
  • Klicken Sie auf die Schaltfläche Meine Website bearbeiten, um den Editor zu starten:
    

Um die allgemeinen Einstellungen des E-Commerce-Systems (Währung, Steuern usw.) nach dem Hinzufügen des Moduls zu verwalten:

1. Bewegen Sie den Mauszeiger über das auf Ihrer Seite hinzugefügte Shop-Modul.
2. Klicken Sie auf Konfiguration.

Nachdem Sie auf Konfiguration geklickt haben, werden auf der linken Seite mehrere Untermenüs angezeigt, mit denen Sie weitere Einstellungen konfigurieren können:

Zahlungsmethoden

• Paypal
• Kreditkarte & Twint (über Stripe oder Mollie)
• Benutzerdefinierte Zahlung
• Barzahlung bei Lieferung

Um die Dienste von Stripe und Mollie nutzen zu können, benötigen Sie eine SIRET-Nummer in Frankreich oder eine IDE in der Schweiz. Darüber hinaus ist es erforderlich, ein gültiges Unternehmen zu haben, das im Handelsregister Ihres Landes registriert ist, um die Dienste von Stripe und Mollie nutzen zu können.

Liefermethoden

Sie können mehrere Versandmethoden erstellen:

Diese werden dann bei der Bestätigung des Warenkorbs des Käufers angeboten:

Zu den Parametern für die Erstellung einer Versandmethode gehören:

• Preise (+ kostenloser Versand ab welchem Betrag)
• erlaubte Länder
• Versandkosten nach Gewicht
• Lieferzeiten
  
  

Nachrichten

Vier Nachrichten sind vordefiniert und können nicht gelöscht werden. Sie ermöglichen die Abdeckung der gesamten E-Mail-Kommunikation rund um eine Bestellung, sowohl für den Kunden als auch für den Shop-Administrator.

Es ist möglich, die vorhandenen Nachrichten anzupassen und weitere hinzuzufügen (und diese zusätzlichen Nachrichten bei Bedarf anschließend zu löschen):

1. Wählen Sie den Zeitpunkt, zu dem die E-Mail versendet werden soll (oder deaktivieren Sie die Nachricht einfach, um sie zu speichern, ohne sie zu verwenden):
   1. E-Mail zur neuen Bestellung (zur Benachrichtigung)
   2. E-Mail zur bearbeiteten Bestellung (anpassbar)
   3. Lieferschein im PDF-Format (anpassbar)
   4. Rechnung, die ebenfalls generiert und im PDF-Format in Ihrem Stripe/Paypal/Mollie-Konto verfügbar ist
2. In jedem Feld können Variablen eingefügt werden, um die Texte mithilfe der in der Bestellung enthaltenen Elemente und der vom Käufer bereitgestellten Informationen maximal anzupassen:

Startseite des Shops

• Anzeige der Produktkategorien, falls vorhanden
• Präsentation von zufälligen Produkten
• usw.

Produktverwaltung

Um Produkte zu verwalten, hinzuzufügen oder zu löschen:

1. Bewegen Sie den Mauszeiger über das Modul oben links.
2. Klicken Sie auf Produkte.

Hier finden Sie die ersten drei Beispielprodukte:

Ordnen Sie Ihre Produkte neu an, indem Sie sie mit der Maus verschieben.

Klicken Sie auf ein Produkt, um dessen Details sowie die Kategorie, in der es sich befinden soll, festzulegen (siehe unten). Sie können unter anderem:

• Attribute (z. B. Farbe) erstellen, um dasselbe Produkt in mehreren Versionen/Preisen anzubieten
• festlegen, ob das Produkt digital (virtuell) sein soll, z. B. ein PDF, ein ZIP oder ein MP3, und somit nach dem Kauf herunterladbar ist

Am Ende der Bearbeitung Ihrer Produktseite finden Sie andere Produkte aus Ihrer Liste, um sie zu verknüpfen und dem Besucher anzubieten.

Ganz unten im Bearbeitungsfenster eines Produkts können Sie das Produkt bei Bedarf für Ihre Besucher ausblenden.

Um die Änderungen zu speichern und zur Produktliste zurückzukehren, klicken Sie auf den Button ganz unten.

Ein Produkt löschen oder duplizieren

Auf der Bearbeitungsseite eines Produkts klicken Sie ganz unten auf das Aktionsmenü neben der Schaltfläche „Speichern“, um auszuwählen, ob das Produkt gelöscht oder dupliziert werden soll.

Lagerverwaltung / Inventar

In diesem Aktionsmenü können Sie das Lager direkt in der Liste Ihrer Produkte verwalten (um das Lager in großen Mengen zu bearbeiten).

Jede Produktseite ermöglicht jedoch auch die Bearbeitung des Lagerbestands sowie die Eingabe der SKU (Bestandsverwaltungseinheit) und des Barcodes (ISBN).

Produktkategorien

Ihre Produkte können in Kategorien und Unterkategorien organisiert werden, die dann entsprechend dem Design Ihrer Website angezeigt werden.

Klicken Sie im Untermenü Kategorien auf der linken Seite des Administrationsbereichs des Shops unter Produkte.

Definieren Sie ein Bild, um Ihre Kategorie zu veranschaulichen.

Blenden Sie bei Bedarf eine Kategorie aus (dies blendet jedoch nicht die darin enthaltenen Produkte aus).

Gutscheincode

Mit einem Gutscheincode können Sie einen Rabatt (in % oder als Währung) auf eine Bestellung gewähren.

Klicken Sie im Untermenü Gutscheincode auf der linken Seite des Administrationsbereichs des Shops unter Produkte.

Sie können Folgendes festlegen:

• sein Ablaufdatum
• seinen allfälligen Mindestbetrag
• seinen Namen („Weihnachtsrabatt“ zum Beispiel)
• seine Form („FROHESFEST“)

Exportieren Sie die Liste Ihrer Produkte

Exportieren Sie die Liste Ihrer Produkte in eine CSV-Datei (Format .csv) über das Aktionsmenü oben rechts in der Liste Ihrer Produkte.

Bestellungsverwaltung

Um die erfassten und laufenden Bestellungen zu verwalten:

1. Fahren Sie mit der Maus über das Modul oben links.
2. Klicken Sie auf Konfiguration.
3. Klicken Sie im Untermenü Bestellungen auf der linken Seite des Administrationsbereichs des Shops.

Exportieren Sie die Liste Ihrer Bestellungen

Exportieren Sie die Liste Ihrer Bestellungen in eine CSV-Datei (Format .csv) mithilfe der Schaltfläche Herunterladen, die sich rechts neben der Suchleiste für Bestellungen befindet.

Kundenverwaltung

So verwalten Sie Kunden (ein Kunde gibt bei seiner Bestellung persönliche Daten an):

1. Fahren Sie mit der Maus über das Modul oben links.
2. Klicken Sie auf Konfiguration.
3. Klicken Sie im Untermenü Kunden auf der linken Seite des Administrationsbereichs des Shops.

Exportieren Sie die Liste Ihrer Kunden

Exportieren Sie die Liste Ihrer Kunden in eine CSV-Datei (Format .csv) mithilfe der Schaltfläche Herunterladen, die sich rechts neben der Suchleiste für Kunden befindet.