Dieser Leitfaden erklärt, wie Sie den Quellcode anpassen, das CSS ändern, den HEAD- oder BODY-Bereich einer mit Site Creator Infomaniak erstellten Website ändern.

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 Meine Website bearbeiten, um den Editor zu starten:
    

Benutzerdefinierten Code hinzufügen

Wenn Sie sich in Site Creator befinden:

1. Klicken Sie auf Design im linken Seitenmenü.
2. Klicken Sie auf Weitere Parameter.
3. Klicken Sie unten auf Benutzerdefinierter Code:
   
4. Geben Sie HTML-, JavaScript- (mit seinen Tags script) oder benutzerdefinierten CSS-Code (mit seinen Tags style) ein - lesen Sie weiter unten einige Beispiele.
5. Speichern Sie die Änderungen am Ende der Seite.

Metadaten in HEAD & BODY

Um JavaScript-Code oder jeden anderen Code im Bereich HEAD oder BODY des Quellcodes Ihrer Website hinzuzufügen:

1. Klicken Sie auf Einstellungen im linken Seitenmenü.
2. Klicken Sie auf SEO & Metadaten im Abschnitt Website-Konfiguration:
   
3. Gehen Sie zu Benutzerdefinierter Code.
4. Wählen Sie aus, unter den Registerkarten hinzuzufügen HEAD oder unter BODY.
5. Speichern Sie die Änderungen am Ende der Seite:
   

Beispiele für CSS-Anpassungen

Diese Beispiele ermöglichen den Einstieg in die erweiterte Anpassung der Webseiten. Es besteht jedoch das Risiko, dass Sie je nach den vorgenommenen Änderungen nicht mehr auf den Editor selbst zugreifen können, was Sie zwingen wird, von vorne zu beginnen.

Anpassen des Hintergrundbilds der Website

Um das von Ihnen gewünschte Bild (das in der Dateibibliothek hochzuladen) als Hintergrundbild zu setzen und dessen Anzeige anzupassen:

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

Buchstabenabstand aller Links der Website erhöhen

Um die Buchstaben in den anklickbaren Wörtern (Links) stark zu beabstanden:

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 anzugeben, dass Sie den CSS-Code ändern möchten,
3. dann .container div a { um anzugeben, dass Sie die Blöcke der Seite und insbesondere die Links ("a") ändern möchten, und das "{" um den Raum zu öffnen, in dem die Befehle eingefügt werden können,
4. dann letter-spacing:1em; durch Verringern des Werts (0.9em zum Beispiel) ohne das Semikolon zu vergessen, um den nächsten Befehl einfügen zu können oder abzuschließen.
5. } um den zuvor geöffneten Einfügebereich zu schließen.
6. </style> um anzugeben, dass der Code hier endet.

Nehmen Sie sich die Zeit, diese anderen CSS-Codebeispiele kennenzulernen, die Sie auf Ihrer Website einfügen können.

Dieser Leitfaden bezieht sich auf die "Anwendungen" (oder "Module", "Erweiterungen"), die in Site Creator Infomaniak je nach Ihrer Version verfügbar sind, um eine Präsenzwebsite, einen Blog oder einen Online-Shop zu erstellen, der vollständig anpassbar ist, ohne jegliche technische Kenntnisse.

Verschiedene Anwendungen

Neben den Inhaltsblöcken, die verschiedene vorformatierte Layouts bieten, können Sie auch Blöcke in Form von Modulen einfügen, die jeweils eine spezifische Funktion haben:

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

Ein Modul auf einer Seite einfügen

Um ein Modul einzufügen:

1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigt?).
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 in Site Creator befinden:

1. Klicken Sie auf die Schaltfläche Inhalt im linken Seitenmenü.
2. Klicken Sie auf Anwendungen unten und der verfügbare Inhalt wird rechts angezeigt.
3. Klicken Sie auf eine dieser Anwendungen, um sie in die Seite einzufügen:
   
4. Sobald sie eingefügt ist, fahren Sie mit der Maus über das Modul (oder den Block selbst, je nach Modul), um auf dessen Einstellungen zuzugreifen:
   

Mehrfaches Modul oder verschwundenes Modul

Wenn Sie eines Ihrer Module (wie das für eine Umfrage) löschen, das bereits konfiguriert ist und Sie es rückgängig machen möchten, drücken Sie sofort auf Rückgängig:

oder

Sie können das Modul auch erneut einfügen, das mit den vorherigen Einstellungen zurückkehren sollte.

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

Andere Integrationen & Widgets

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

Beispiel: Einfügen eines Countdowns

Um einen Zähler hinzuzufügen, der eine Countdown-Anzeige ermöglicht:

1. Klicken Sie im linken Seitenmenü auf die Schaltfläche Inhalt.‍
2. Klicken Sie auf Objekte in der Liste und der verfügbare Inhalt wird rechts angezeigt.
3. Klicken Sie auf eines dieser Objekte, um es auf die Seite einzufügen:
   
4. Sobald es eingefügt ist, fahren Sie mit der Maus über das Modul, um auf dessen Einstellungen zuzugreifen:
   

Dieser Leitfaden erklärt, wie Sie eine Schaltfläche zu Ihrer Seite Site Creator von Infomaniak hinzufügen und anpassen können, insbesondere eine feste Schaltfläche, die das Zurückspringen zum Seitenanfang ermöglicht.

Voraussetzungen

• Auf Site Creator zugreifen:
  • 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 Meine Website bearbeiten, um den Editor zu starten:
    

Einen Link als Schaltfläche hinzufügen

Um eine Schaltfläche hinzuzufügen (die beim Klicken darauf zu der von Ihnen gewählten URL führt):

1. Verfassen Sie den Text der Schaltfläche.
2. Wählen Sie den Text aus.
3. Drücken Sie auf die Punkte ••• rechts von der Symbolleiste, um auf zusätzliche Optionen zuzugreifen.
4. Klicken Sie anschließend auf das Ketten-Symbol, um den Abschnitt zu öffnen, der es Ihnen ermöglicht, den Linktyp und die zugehörigen Optionen anzugeben:
   
5. Konfigurieren Sie die Zielseite und das Aussehen der Schaltfläche.
6. Speichern Sie die Änderungen am unteren Rand der Registerkarte:
   
7. Die Schaltfläche auf Ihrer Seite anzeigen.
8. Klicken Sie auf die Schaltfläche, um zum Editor zurückzukehren, falls erforderlich:
   

Eine "Zurück nach oben"-Schaltfläche hinzufügen

Um eine Schaltfläche hinzuzufügen und anzupassen, die den Besucher zu Ihrem Site Creator zurückbringt, sobald die Seite scrollt:

1. Klicken Sie auf die Schaltfläche Design im linken Seitenmenü.
2. Klicken Sie auf Weitere Parameter.
3. Aktivieren Sie die Option, um die Schaltfläche "Zurück nach oben" anzuzeigen.
4. Passen Sie den Abstand vom rechten Rand an.
5. Speichern Sie die Änderungen am unteren Ende der Seite:
   

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

Nehmen Sie Kenntnis von diesem anderen Leitfaden bezüglich einer alternativen Lösung.

Dieser Leitfaden hilft Ihnen, eine mit Site Creator Infomaniak erstellte Website anzupassen.

Voraussetzungen

• Auf Site Creator zugreifen:
  • 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 Meine Website bearbeiten, um den Editor zu starten:
    

Website-Farben ändern

Um Themen, Farben und Schriftarten in Site Creator zu verwalten:

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

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

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

Hintergrund (Bild/Farbe) der Blöcke verwalten

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

Ein Website-Vorlage laden

Sie können das gesamte Design Ihrer Website ändern, indem Sie das Thema ändern und entscheiden, was beim Wechsel auf der aktuellen Website überschrieben werden soll:

1. Klicken Sie auf die Schaltfläche Design im linken Seitenmenü.
2. Klicken Sie auf Themenauswahl:
   

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

Wenn Sie Ihr neues Thema gefunden haben, klicken Sie auf Installieren, und Sie können dann die Teile des neuen Modells auswählen, die Sie importieren möchten (standardmäßig nur Farben, Schriftarten oder Menüstil), um zu verhindern, dass der Inhalt Ihrer Website überschrieben wird.

Wenn Ihre Website neu ist, können Sie bei der Importierung mehr Optionen auswählen.

Schriftarten der Website ändern

Dazu:

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

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

Darunter gibt es spezifischere Einstellungen, mit 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 Schriftartenliste bleibt dieselbe) aus Datenschutzgründen:

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

Ein Problem mit fehlendem/invisible Text lösen

Wenn Sie den Eindruck haben, dass Ihr Textblock verschwunden ist oder unsichtbar ist

wählen Sie dann den gesamten Inhalt der Website aus (ctrl + a oder cmd + a auf Mac); wenn Sie sehen, dass Ihr Inhalt vorhanden ist, bedeutet dies wahrscheinlich, dass die Blockeinstellungen auf einen dunklen Hintergrund eingestellt sind:

In diesem Fall gehen Sie zu den Blockeinstellungen und stellen Sie sicher, dass die Option "Dunkler Hintergrund" nicht aktiviert ist. Dies sollte das Problem beheben:

Dieser Leitfaden erklärt, wie Sie den Bereich Logo, Kopfzeile und Fußzeile (Footer) in Site Creator von Infomaniak verwalten.

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 Meine Website bearbeiten, um den Editor zu starten:
    

Ein Websitelogo hinzufügen

Sobald Sie in Site Creator sind:

1. Klicken Sie auf die Schaltfläche Einstellungen in der linken Seitenleiste.
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. Änderungen speichern:
   

Logoeinstellungen

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

Logo in der Mitte anzeigen

Am selben Ort wie oben (Sie können auch darauf zugreifen, indem Sie die Kopfzeile und ihr Logo überprüfen), aktivieren Sie die Option, um das Logo auf einer separaten Zeile anzuzeigen, wodurch das Logo der Website zentriert wird:

Logo (+ Kopfzeile und Fußzeile) ausblenden

Um eine Seite ohne Logo zu erstellen, die weder Kopfzeile (d.h. kein angezeigtes Menü) noch Fußzeile hat, müssen Sie sie als Startseite (d.h. "Landing page"; beachten Sie, dass dies die Reihenfolge der Seiten nicht ändert) mit einem Button definieren, der sich hier befindet:

1. Klicken Sie auf die Schaltfläche Einstellungen in der linken Seitenleiste.
2. Klicken Sie auf Seitenliste.
3. Bewegen Sie den Mauszeiger über eine Seite in der vorhandenen Hierarchie und klicken Sie auf das Symbol des Zahnrads, das beim Überfahren erscheint.
4. Aktivieren Sie die Option unten "Startseite", um Kopf- und Fußzeilen auszublenden:
   

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

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:
    

Website-Namen ändern

Klicken Sie auf die Schaltfläche Einstellungen in der linken Seitenleiste und dann auf Websitetitel:

Firmenkontaktinformationen

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

Diese Anleitung behandelt die Einrichtung des in der Favoritenleiste eines Webbrowsers angezeigten Symbols, des Favicons, in Site Creator von Infomaniak.

Vorwort

• Die von Microsoft für seine Browser empfohlenen Formate sind 16 x 16, 32 x 32 und 48 x 48.
• Apple empfiehlt hingegen, dass die Abmessung des Favicons 180 x 180 beträgt.

Favicon für Site Creator festlegen

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 Meine Website bearbeiten, um den Editor zu starten:
    

Um ein neues Favicon festzulegen:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Klicken Sie auf Allgemeine Einstellungen.
3. Blättern Sie nach unten zur Abschnitt Favicon:
   
4. Wählen Sie das Favicon auf Ihrer Festplatte aus.
5. Speichern Sie die Änderungen am Ende der Seite.
6. Vorschau des Ergebnisses im Browser (falls erforderlich in einem neuen Fenster im InPrivate-Modus):
   

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

Ein benutzerdefiniertes Kontaktformular erstellen

Voraussetzungen

• Auf Site Creator zugreifen:
  • 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 Meine Website bearbeiten, um den Editor zu starten:
    

Sie können ein oder mehrere Formulare erstellen, mit denen Ihre Besucher eine Nachricht schreiben, sich für eine Aktivität anmelden, kurz gesagt, jedes beliebige Online-Formular mit oder ohne Anhang ausfüllen können::

1. Klicken Sie im linken Seitenmenü auf die Schaltfläche Inhalt.
2. Klicken Sie unten in der Liste auf Anwendungen.
3. Klicken Sie auf Formularersteller:
   
4. Erstellen Sie Ihr Formular mit den Elementen auf der linken Seite.
5. Speichern Sie 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 des Kontaktformulars

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

Um dies zu tun, bewegen Sie den Mauszeiger über das Modul, um auf seine Einstellungen zuzugreifen:

Klicken Sie bei Bedarf auf das Formular, das Sie bearbeiten möchten, und dann auf die Formulareigenschaften:

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

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

Eine Fotogalerie erstellen

Voraussetzungen

• Auf Site Creator zugreifen:
  • 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 Meine Website bearbeiten, um den Editor zu starten:
    

Wenn Sie sich in Site Creator befinden:

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 bestehenden Baumstruktur:
   
3. Aktivieren Sie Mehr Optionen anzeigen, um den Seitentyp FOTOGALERIE auszuwählen:
   
4. Bestätigen Sie, die neue Seite mit dem Fotogaleriemodul wird auf dem Bildschirm angezeigt:
   

Fotogalerie einrichten

Dazu:

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

Wenn Ihre Galerie erstellt wurde, wird jedes neue Foto, das Sie von Ihrem Computer hochladen, am Ende der Fotoliste hinzugefügt; Sie können diese Reihenfolge leicht ändern, indem Sie die Fotos mit der Maus verschieben, wenn Sie eine Galerie bearbeiten:

 

Zusätzlich können Sie jeder Ihrer Fotos eine Beschreibung hinzufügen. Unter jedem Bild finden Sie das Feld 'Bildbeschreibung'. Beginnen Sie, Ihre Beschreibung einzugeben, und drücken Sie die grüne Schaltfläche, um die Änderungen zu speichern:

Ein Bildlauf-Widget hinzufügen

Um einen oder mehrere dynamische Slider-Widgets zu konfigurieren, auf denen ein oder mehrere Fotos seitlich gleiten (ohne jeglichen Zusammenhang mit den oben beschriebenen Fotogalerien):

1. Klicken Sie auf die Schaltfläche Anwendungen im linken Seitenmenü.
2. Klicken Sie auf Slider:
   
3. Konfigurieren Sie das Widget nach Ihren Vorlieben.
4. Fügen Sie das konfigurierte Widget an der gewünschten Stelle ein, indem Sie auf Inhalt und dann 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 Blogmodul zu Ihrer mit Site Creator Infomaniak erstellten Website hinzufügen und konfigurieren.

Vorwort

• Es gibt keine Funktion zur Verwaltung mehrerer Benutzer im Blog-Bereich (oder in Site Creator).
• Mehrere Benutzer einer Organisation, die über ihre Webhosting-Berechtigungen auf Site Creator zugreifen können, können auf dem Blog veröffentlichen, aber die Autorenidentität bleibt für alle gleich.
• Sie können sich von der künstlichen Intelligenz Euria helfen lassen, wie dies auf den restlichen Seiten von Site Creator der Fall ist.
  • Nehmen Sie sich die Zeit, diese andere Anleitung über das vom Schreibassistenten verwendete Modell und die Verantwortlichkeiten jedes Einzelnen zu lesen.

Einen Blog auf Site Creator starten

Voraussetzungen

• Auf Site Creator zugreifen:
  • 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 Meine Website bearbeiten, um den Editor zu starten:
    

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

1. Klicken Sie auf die Schaltfläche +, die sich unter einem bereits eingefügten Block befindet:
   
2. Klicken Sie auf Anwendungen (im Tab Inhalt, der sich geöffnet hat, als Sie auf das visuelle Block hinzugefügt haben).
3. Klicken Sie auf das Modul Blog:
   
   • Wenn dies die erste Einfügung dieses Moduls ist, erhalten Sie den folgenden visuellen Block mit einem Beispiel für den ersten veröffentlichten Artikel (gehen Sie zu Punkt 4 unten):
     
   • Wenn Sie das Blog-Modul bereits zuvor getestet und von Ihren Seiten entfernt haben, erhalten Sie dies:
     
     1. Drücken Sie die obere Auswahl, um den Hauptblock einzufügen.
     2. Drücken Sie die zweite Auswahl, um einen Block mit den 3 zuletzt veröffentlichten Artikeln anzuzeigen nur wenn Sie bereits einen Hauptblock auf der Website eingefügt haben.‍
4. Sobald das Modul Blog eingefügt ist, fahren Sie mit der Maus über den Block und klicken Sie auf die Menüschaltfläche mit drei horizontalen Linien ☰ Blog, dann auf ‍ Neuer Artikel, um einen leeren Artikel einzufügen:
   

Inhalte mit künstlicher Intelligenz veröffentlichen

Um Inhalte zu erstellen und Ihre Texte gegebenenfalls zu verbessern:

1. Wählen Sie ein Bild für die Banner, geben Sie einen Titel, einen optionalen Untertitel, den Artikeltext mit verschiedenen Formatierungen ein:
   
2. Drücken Sie das Zeichen + im Text des Artikels oder die Tabulatortaste Ihrer Tastatur:
   
3. Wählen Sie den Inhalt aus und klicken Sie darauf, um eine Formatierungsleiste für den Text anzuzeigen.
4. Über diese Symbolleiste können Sie die Möglichkeiten nutzen, die Ihnen die KI bietet (Übersetzung, Umformulierung, Korrektur usw.):
   
5. Veröffentlichen Sie, indem Sie auf die Schaltfläche Veröffentlichen klicken (oder speichern Sie den Entwurf für später).

Blog bearbeiten

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

1. Klicken Sie auf Anwendungen im linken Seitenmenü.
2. Klicken Sie auf Blog.
3. Klicken Sie auf Einstellungen und legen Sie Ihre Präferenzen fest, ohne das Speichern am Ende der Seite zu vergessen:
   

Blogbeiträge bearbeiten

Egal, wo Sie sich befinden, wenn Sie Ihre Website bearbeiten, gehen Sie einfach in das Menü Anwendungen unten links und klicken Sie dann auf Blog:

Um den Inhalt Ihres Artikels zu bearbeiten, klicken Sie auf Artikel durchsuchen im linken Seitenmenü, fahren Sie mit der Maus darüber und klicken Sie auf das Bleistiftsymbol ✎:

Um einen der Artikel zu konfigurieren (siehe unten), fahren Sie mit der Maus darüber und klicken Sie auf das Zahnradsymbol:

Artikel kennzeichnen, archivieren oder ablaufen lassen

Ein Blogbeitrag kann aus Ihrer Artikelübersicht verschwinden, entweder indem Sie ein Ablaufdatum festlegen oder indem Sie ihn sofort archivieren. Es ist auch möglich, ein Tag (Kennzeichnung) hinzuzufügen, das für den Besucher anklickbar ist und so die Navigation innerhalb der Beiträge erleichtert:

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

Datum der Artikel

Standardmäßig werden neue Blogbeiträge mit dem Datum "heute" hinzugefügt, aber es ist möglich, dieses zu ändern:

1. Fahren Sie mit der Maus über den Datumslink (direkt auf dem Artikel) und klicken Sie darauf:
   
2. Wählen Sie ein neues Datum.

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

Vorwort

• Standardmäßig werden auf den Geräten Ihrer Besucher keine Cookies gespeichert, wenn Ihre Website neu ist. Es gibt keine Tracking-Funktionen für Werbung oder Marketing.
• Als Webseitenadministrator werden bestimmte Daten in Ihren eigenen Cookies gespeichert (wie Informationen darüber, dass Sie ein Webseitenadministrator sind).
• Wenn Sie integrierte Anwendungen/Module zu Ihrer Website hinzufügen, können Cookies verwendet werden; Beispiel mit dem Umfrageformular: Wenn Sie ein Umfragemodul zu Ihrer Website hinzufügen, verwendet es Cookies, wenn der Websitebesucher abstimmt (um sich daran zu erinnern, dass er bereits abgestimmt hat).

Benachrichtigung für den Besucher

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 Meine Website bearbeiten, um den Editor zu starten:
    

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

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Klicken Sie auf Kontaktinformationen unter Website-Konfiguration.
3. Aktivieren Sie die Option Cookie-Informationen, um die kurze Nachricht und die URL für zusätzliche Informationen zu konfigurieren.
4. Legen Sie fest, ob die Anzeige erweitert wird oder nicht (siehe unten).
5. Speichern Sie die Änderungen am Ende der Seite:
   ‍

Zusätzliche Einstellungen

Die Zustimmungsnachricht kann standardmäßig oder erweitert eingestellt werden, wenn Sie auf Anzeige klicken. Das Ergebnis ist wie folgt:

• standardmäßig:
  
• erweitert:
  

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

Vorwort

• Der Entwurfsmodus ermöglicht es, die folgenden Änderungen nicht zu veröffentlichen:
  • Hinzufügen eines neuen Inhaltsblocks über das Menü Inhalt
  • Visuelle oder textliche Änderungen an einem Inhaltsblock
  • Löschen eines Inhaltsblocks
• Der Entwurfsmodus gilt nicht für:
  • Globale Designänderungen über das Menü Design (Farben, Schriftarten …)
  • Änderungen an Inhalten, die mit Anwendungen verbunden sind (Fragen/Antworten, E-Commerce …)
  • Änderungen der globalen Einstellungen über das Menü Einstellungen (Seiten, Sprachen …)
  • Unterseiten der Seite, die Sie deaktivieren

1. Speichern ohne zu veröffentlichen

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 Meine Website bearbeiten, um den Editor zu starten:
    

Sie können eine Seite in den Entwurfsmodus versetzen, um Textänderungen oder andere Änderungen im Inhalt einer Seite vorzunehmen, die nicht live sichtbar sind, bis Sie entscheiden, die Website wieder in den Direktveröffentlichungsmodus zu versetzen:

1. Klicken Sie auf die Schaltfläche ... , die sich ganz unten im linken Seitenmenü befindet, um die Veröffentlichungs- und Vorschauoptionen zu erweitern.
2. Klicken Sie auf Live, um in den Modus Nicht veröffentlicht zu wechseln:
   
3. Der gelbe Modus, der unten angezeigt wird, zeigt an, dass alle Ihre Änderungen (nur auf dieser Seite) nicht live sichtbar sind (im Gegensatz zum Modus Live / 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 Modus Entwurf können Sie an der Seite arbeiten, Text hinzufügen, speichern, gehen, zurückkehren, um die Bearbeitung fortzusetzen, und diese Arbeit wird nicht veröffentlicht, bis Sie dies ausdrücklich entscheiden (weiter unten lesen):
     
   • Je nach den vorgenommenen Änderungen (z. B. Hinzufügen eines Inhaltsblocks) denken Sie daran, eine Textbearbeitung vorzunehmen, um Ihre Änderungen zu validieren und zu speichern.
   • Um zu überprüfen und zu bestätigen, dass Ihre laufenden Änderungen nicht schrittweise veröffentlicht werden, reicht es aus, sich von einer anderen Browserseite aus an die Adresse Ihrer Website zu wenden, z. B. im Modus Inkognito.

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

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

1. Wenn der Modus Nicht veröffentlicht aktiv ist, klicken Sie auf die gelbe Schaltfläche des Modus Nicht veröffentlicht, um ein Einstellungsfenster anzuzeigen:
   
2. Das Einstellungsfenster öffnet sich, damit Sie:
   1. veröffentlichen Ihre Änderungen,
   2. oder den aktuellen Entwurf löschen und zur ursprünglichen Seite zurückkehren:
      

Beispiel

1. Mit dem Modus Live (sichtbar unten auf dem Bildschirm) ist eine Änderung sofort für die Besucher der Seite sichtbar.
2. Mit dem Modus Nicht veröffentlicht / Entwurf (erkennbar an einem gelben Symbol unten auf den Seiten, die in diesen Modus versetzt wurden) sind Ihre Änderungen nicht live sichtbar.
3. Verlassen Sie die Seite, um an einer anderen Seite zu arbeiten. Der Modus kehrt zum Standardmodus zurück, das heißt zum Modus Live, da die Seite eine andere ist und der Modus nur auf die ausgewählten Seiten angewendet wird.
4. Kehren Sie zur Seite zurück, die als Entwurf gespeichert wurde. Ein Symbol unten auf der Seite zeigt immer noch den aktivierten Entwurfmodus an.
5. Klicken Sie darauf, um zu wählen, ob Sie die Änderungen veröffentlichen oder löschen möchten und die Seite wieder in den Zustand vor Ihren Änderungen im Entwurfmodus versetzen.

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

Hinweis: Es ist auch möglich, andere Elemente wie z.B. ein Anmeldeformular für den Infomaniak Newsletter einzufügen.

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 Meine Website bearbeiten, um den Editor zu starten:
    

Ein Bild hinzufügen

Die Medien werden in der Dateibibliothek verwaltet:

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

Aber auch:

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

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

Bild ändern

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

1. Klicken Sie auf ein Bild, um es zu bearbeiten.
2. Klicken Sie auf die Schaltfläche des Typs Fotorahmen auf dem Miniaturbild des Bildes, um ein neues Bild auszuwählen, das das vorherige ersetzt:
   

Ein Video hinzufügen

Um ein Video hinzuzufügen:

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

Sie können auch einen Link auf ein Bild anwenden, indem Sie eine YouTube-Video-URL verwenden: Dies erstellt automatisch ein Abspielsymbol, das beim Klicken das Video in einem Lightbox-Fenster öffnet.

Eine Audiodatei hinzufügen

Um eine Audiodatei hinzuzufügen:

1. Klicken Sie auf die Schaltfläche Inhalt im linken Seitenmenü.
2. Klicken Sie auf Anwendungen unten.
3. Der verfügbare Inhalt wird rechts angezeigt.
4. Klicken Sie auf den Audioplayer, 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 zum Herunterladen anzubieten:

1. Klicken Sie auf die Schaltfläche Inhalt im linken Seitenmenü.
2. Klicken Sie auf Anwendungen unten.
3. Der verfügbare Inhalt wird rechts angezeigt.
4. Klicken Sie auf das Widget Datei herunterladen, 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.

Diese Anleitung betrifft die Funktion zum Rückgängigmachen in Site Creator von Infomaniak.

Vorwort

• Kein Backup/Wiederherstellung ist vom Infomaniak Manager aus möglich.
• Wenn Sie beispielsweise einen Inhaltsblock löschen und ihn wiederherstellen möchten, können Sie bis zu den letzten 20 Vorgängen in Site Creator rückgängig machen.

Einen Vorgang rückgängig machen

Voraussetzungen

• Auf Site Creator zugreifen:
  • 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 Meine Website bearbeiten, 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 Rückgängigmachungsoptionen zu erweitern.
2. Klicken Sie auf Rückgängig und bestätigen Sie die Wiederherstellung (die Pfeile daneben ermöglichen es, zwischen den letzten Sicherungen 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 betrifft Site Creator und die Möglichkeit, Links zu Ankern zu erstellen.

Vorwort

• Eine Anker in Webdesign ist ein Hyperlink, der auf eine bestimmte Position auf einer Webseite zeigt, sei es auf derselben Seite oder auf einer anderen Seite.
  • Wenn ein Benutzer auf einen Ankerlink klickt, wird er zu der angegebenen Stelle (in der Regel eine unsichtbare Markierung im Quellcode) der Seite weitergeleitet.
• Anker sind nützlich, um Benutzern zu ermöglichen, schnell zu bestimmten Abschnitten einer Webseite oder sogar einer anderen Seite zu navigieren.
  • Sie verbessern das Benutzererlebnis, indem sie eine effektive Möglichkeit bieten, spezifische Informationen zu finden und darauf zuzugreifen.

Beispiel für einen Anker

Ein Anker befindet sich (unsichtbar) am Ende der FAQ. Er wird "end" genannt, daher enthält der folgende Link einfach das Ziel #end und ohne weitere Angaben sucht ein Webbrowser diesen Begriff im Code der Seite, auf der man sich befindet, und leitet den Benutzer dorthin: Klicken Sie hier um dorthin zu gelangen!

Erstellen dieses Linktyps in Site Creator

Normalerweise, um einen Anker in HTML zu erstellen, gehen Sie wie folgt vor:

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 das Ziel auf derselben Seite ist, verwenden Sie einfach die ID des Elements (siehe Punkt 3 unten)
      <a href="#chapter1">Go to chapter 1</a>
   2. wenn das Ziel auf einer anderen Seite ist, geben Sie die vollständige URL der Seite gefolgt von der ID des Ziel-Elements an (siehe Punkt 3 unten)
      <a href="page2.html#chapter1">Go to chapter 1 on page 2</a>
3. In dem Abschnitt Ihrer Seite, zu dem Sie die Benutzer weiterleiten möchten, fügen Sie ein Element mit der entsprechenden ID hinzu:
   <div id="chapter1"> &nbsp; </div>
    

Wenn die Benutzer auf den Link "Go to chapter 1" klicken, scrollt die Seite automatisch zu dem Abschnitt mit der ID "chapter1". Wenn das Ziel auf einer anderen Seite ist, 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 ID (oder Hashtag), die angegeben (oder vorher geändert - siehe Punkt 3 unten) werden muss, um einen Link darauf zu verweisen.

Referenz des Zielblocks finden

Gehen Sie zu Site Creator:

1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigt?).
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:
   

Einmal in Site Creator:

1. Bewegen Sie den Mauszeiger über den zu bearbeitenden Inhaltsblock und klicken Sie auf das Zahnrad:
   
2. Blättern Sie die Parameter bis zum Ende durch, um die ID des betreffenden Blocks zu erhalten:
   
3. Ein Doppelklick auf das Feld, das die ID anzeigt ermöglicht es, einen eigenen Titel anstelle der zufälligen ID anzugeben:
   

Einen Link zur Blockreferenz erstellen

Um einen Link zu Text in Site Creator hinzuzufügen, mit dem Ziel, den weiter unten auf derselben Seite befindlichen Block zu erreichen:

1. Wählen Sie einen Text aus.
2. Klicken Sie anschließend auf das Symbol der Kette:
   
3. In den erweiterten Optionen wählen Sie den Typ "Abschnitt", um einen Link zu einem Teil derselben Seite zu erstellen, indem Sie die oben erhaltene Blockreferenz auswählen:
   
   
   Andere Möglichkeiten:
   1. Link mit dem Rautenzeichen (Link zur gleichen Seite) einfügen:
      
   2. Den Namen der Seite gefolgt von der ID (nützlich, wenn Sie den Link zu einer anderen Seite der Website platzieren):
      

ENDE DER SEITE (und Anker an diesem Element platziert) - Klicken Sie hier, um zum Anker am Anfang der Seite zurückzukehren...

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

Einen Shop auf Site Creator einrichten

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 Meine Website bearbeiten, um den Editor zu starten:
    

Um die allgemeinen Systemeinstellungen für den E-Commerce (Währung, Steuern usw.) zu verwalten, nachdem das Modul hinzugefügt wurde:

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

Sobald Sie sich in der Konfiguration befinden, werden auf der linken Seite mehrere Untermenüs angezeigt, mit denen Sie weitere Parameter konfigurieren können:

Zahlungsmethoden

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

Um die Dienste von Stripe und Mollie zu nutzen, 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 eingetragen ist, um die Dienste von Stripe und Mollie zu nutzen.

Liefermethoden

Sie können mehrere Versandmethoden erstellen:

Diese werden dann beim Bestätigen des Warenkorbs des Käufers vorgeschlagen:

Unter den Parametern zur Erstellung einer Versandmethode:

• Preise (+ kostenloser Versand ab welchem Betrag)
• zulässige Länder
• Versandkosten nach Gewicht
• Versandzeiten
  
  

Nachrichten

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

Es ist möglich, die bestehenden Nachrichten zu personalisieren und weitere hinzuzufügen (und diese zusätzlichen Nachrichten bei Bedarf zu löschen):

1. Wählen Sie den Zeitpunkt, zu dem die E-Mail gesendet werden soll (oder deaktivieren Sie einfach die Nachricht, um sie zu speichern, ohne sie zu verwenden)
   1. E-Mail neue Bestellung (um Sie zu benachrichtigen)
   2. E-Mail Bestellung bearbeitet (anpassbar)
   3. Lieferschein im PDF-Format (anpassbar)
   4. Rechnung ebenfalls erstellt und im PDF-Format auf Ihrem Stripe/Paypal/Mollie-Konto verfügbar
2. Variablen können in jedes der Felder eingefügt werden, um die Texte mit den Elementen, die die Bestellung und die Informationen des Käufers enthält, so weit wie möglich zu personalisieren:

Startseite des Shops

• Anzeige der Produktkategorien, falls vorhanden
• Präsentation zufälliger Produkte
• usw.

Produktverwaltung

Um die 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 3 Beispielprodukte:

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

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

• Erstellen Sie Attribute (Farbe zum Beispiel), um dasselbe Produkt in mehreren Versionen/Preisen anzubieten
• Legen Sie fest, ob das Produkt digital (virtuell) sein soll, z. B. ein PDF, ein ZIP oder ein MP3, und daher nach dem Kauf herunterladbar ist.

Unten im Bearbeitungsbereich Ihrer Produktseite können Sie nach anderen Produkten in Ihrer Liste suchen, um sie zu verknüpfen und dem Besucher anzubieten.

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

Um abzuschließen und zur Produktliste zurückzukehren, speichern Sie die Änderungen mit der Schaltfläche ganz unten.

Produkt löschen oder duplizieren

Auf der Bearbeitungsseite eines Produkts klicken Sie unten auf das Aktionsmenü neben der Speicherschaltfläche, um zu wählen, ob das Produkt gelöscht oder dupliziert werden soll.

Lagerbestand/Inventar verwalten

In diesem Aktionsmenü können Sie den Lagerbestand direkt in der Liste Ihrer Produkte verwalten (um den Lagerbestand in großer Menge zu bearbeiten).

Jede Produktseite ermöglicht es Ihnen, den Lagerbestand zu bearbeiten und auch die SKU (Stock Keeping Unit) und den Barcode (ISBN) einzugeben.

Produktkategorien

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

Klicken Sie im Untermenü Kategorien links im Admin-Bereich des Shops, unter Produkte.

Legen Sie ein Bild fest, um Ihre Kategorie zu illustrieren.

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

Gutscheincode

Ein Gutscheincode ermöglicht es, einen Rabatt (in % oder in Währung) auf eine Bestellung zu gewähren.

Klicken Sie im Untermenü Gutscheincode links im Admin-Bereich des Shops, unter Produkte.

Sie können festlegen:

• sein Ablaufdatum
• seinen eventuellen Mindestbetrag
• seinen Namen (z. B. "Sonderrabatt Weihnachten")
• seine Form (z. B. "FROHESFEST")

Produktliste exportieren

Exportieren Sie die Liste Ihrer Produkte (CSV-Format) über das Aktionsmenü, das sich oben rechts in der Liste Ihrer Produkte befindet.

Bestellungen verwalten

Um die getätigten und laufenden Bestellungen zu verwalten:

1. Bewegen Sie den Mauszeiger über das Modul oben links.
2. Klicken Sie auf Konfiguration.
3. Klicken Sie im Untermenü Bestellungen links im Admin-Bereich des Shops.

Bestellliste exportieren

Exportieren Sie die Liste Ihrer Bestellungen (CSV-Format) über die Download-Schaltfläche, die sich rechts in der Bestellsuchleiste befindet.

Kundenverwaltung

Um die Kunden zu verwalten (ein Kunde gibt bei seiner Bestellung persönliche Informationen an):

1. Bewegen Sie den Mauszeiger über das Modul oben links.
2. Klicken Sie auf Konfiguration.
3. Klicken Sie im Untermenü Kunden links im Admin-Bereich des Shops.

Kundenliste exportieren

Exportieren Sie die Liste Ihrer Kunden in eine CSV-Datei (Format .csv) über die Download-Schaltfläche, die sich rechts in der Kunden-Suchleiste befindet.