Dieser Leitfaden erklärt, wie Sie den Quellcode anpassen, das CSS ändern, den HEAD- oder BODY-Bereich einer mit Site Creator von 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 benutzerdefinierten HTML-, JavaScript- (mit seinen Tags script) oder CSS-Code (mit seinen Tags style) ein - lesen Sie weiter unten einige Beispiele.
5. Speichern Sie die Änderungen unten auf 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 welchen Registerkarten Sie hinzufügen möchten HEAD oder unter BODY.
5. Speichern Sie die Änderungen am unteren Rand der Seite:
   

CSS-Anpassungsbeispiele

Diese Beispiele helfen Ihnen, mit der erweiterten Anpassung der Webseiten zu beginnen. Es besteht jedoch das Risiko, dass Sie je nach den vorgenommenen Änderungen nicht mehr auf den Editor selbst zugreifen können, was Sie zwingt, von vorne zu beginnen.

Hintergrundbild der Website anpassen

Um das Bild Ihrer Wahl (das in der Dateibibliothek hochgeladen werden muss) als Hintergrundbild zu setzen und dessen Anzeige anzupassen:

1. Gehen Sie zu Punkt 3, der in der ersten Abbildung 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 auch dann fest bleibt, wenn der Besucher die Seite nach unten oder oben scrollt, um den Inhalt zu lesen.
7. } um den zuvor geöffneten Einfügungsbereich zu schließen.
8. </style> um anzugeben, dass der Code hier endet.

Buchstabenabstand aller Links der Website ändern

Um den Buchstabenabstand in den anklickbaren Wörtern (Links) stark zu vergrößern:

1. Gehen Sie zu Punkt 3, der in der ersten Abbildung 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 Verringerung des Werts (0,9em z.B.) 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ügungsbereich zu schließen.
6. </style> um anzugeben, dass der Code hier endet.

Nehmen Sie Kenntnis von diesen anderen CSS-Codebeispielen, die auf Ihrer Website eingefügt werden 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 Website, einen Blog oder einen Online-Shop zu erstellen, die 100% anpassbar sind, ohne jegliche technische Kenntnisse.

Verschiedene Anwendungen

Neben den Inhaltsblöcken, die verschiedene vorgefertigte 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. 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 Creator.
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 auf der 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 zurückgehen möchten, drücken Sie sofort auf Rückgängig machen:

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.

Weitere Integrationen & Widgets

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

Beispiel: Einfügen eines Countdowns

Um einen Zähler hinzuzufügen, der die Anzeige eines Countdowns ermöglicht:

1. Klicken Sie in der linken Seitenleiste 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 der 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 auf Ihrer Seite Site Creator von Infomaniak hinzufügen und anpassen, insbesondere eine feste Schaltfläche, die das Zurück nach oben 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. 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 zu spezifizieren:
   
4. Konfigurieren Sie die Zielseite und das Aussehen der Schaltfläche:
   
5. Speichern Sie die Änderungen, um die Schaltfläche auf Ihrer Seite anzuzeigen.
6. 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 nach oben auf Ihre Site Creator-Seite 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. Speichern Sie die Änderungen am unteren Rand der Seite:
   

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

Nehmen Sie sich diesen anderen Leitfaden zu einer alternativen Lösung zur Kenntnis.

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

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, der dem betreffenden Site Creator zugewiesen wurde.
  • 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 Ihren eigenen Farbsatz erstellen.

Darunter gibt es spezifischere Einstellungen, 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:

1. Bewegen Sie den Mauszeiger über einen Block und klicken Sie auf das Zahnrad, um auf die Einstellungen zuzugreifen:
   
   

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 vermeiden, dass der Inhalt Ihrer Website überschrieben wird.

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

Schriftarten der Website ändern

Dafür:

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, bei 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, z. B.:

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/unsichtbarem Text beheben

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

Ein Websitelogo hinzufügen

Sobald Sie sich in Site Creator befinden:

1. Klicken Sie auf die Schaltfläche Einstellungen und dann auf Logo in der linken Seitenleiste. 
2. Laden Sie ein Bild hoch und wählen Sie aus, ob der Name der Website ebenfalls daneben angezeigt werden soll.
    

Logoeinstellungen

1. Klicken Sie auf die Schaltfläche Design in der linken Seitenleiste.
2. Klicken Sie auf Menü-Designer  und dann auf Titel/Logo, um Abstände und Farben einzustellen.

Logo in der Mitte anzeigen

Am selben Ort wie oben aktivieren Sie die Option, um das Logo in 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 Menü angezeigt) noch Fußzeile hat, müssen Sie sie als Startseite (d.h. "Landing Page"; beachten Sie, dass dies die Reihenfolge der Seiten nicht ändert) über einen Button definieren, der sich hier befindet:

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

Dieser Leitfaden 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 Meine 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, dann auf Kontaktinformationen unter Website-Konfiguration.

Diese Anleitung befasst sich mit der 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

• 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, der dem betreffenden Site Creator zugewiesen wurde.
  • Klicken Sie auf die Schaltfläche 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 bis zum 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 anzeigen (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

• Zu 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 am Ende 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 dessen 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:

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

Foto-Galerie erstellen

Voraussetzungen

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

Sobald Sie in Site Creator sind:

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 Struktur.
3. Aktivieren Sie Mehr Optionen anzeigen, um den Seitentyp FOTOGALERIE auszuwählen:
    
   
    
4. Wählen Sie einen Seitenname.
5. Bestätigen Sie.

Die neue Seite mit dem Fotogaleriemodul wird auf dem Bildschirm angezeigt.

Die Fotogalerie einrichten

Dafür:

1. Bewegen Sie den Mauszeiger über das Modul, um auf die Galerieeinstellungen zuzugreifen.
2. Klicken Sie auf Bearbeiten:
   

Fotobücher

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

Fotosortierung ändern

Wenn Ihre Galerie erstellt ist, wird jedes neue Foto, das Sie von Ihrem Computer hochladen, am Ende der Fotosliste 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 ein oder mehrere dynamische Slider-Widgets zu konfigurieren, auf denen ein oder mehrere Fotos seitlich gleiten (ohne jeglichen Bezug zu 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 auf Apps klicken und Slider auswählen:
   

Dieser Leitfaden erklärt, wie Sie ein Blog-Modul 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 auf dem Blog veröffentlichen, aber die Autorenschaft bleibt für alle gleich.
• Sie können sich von der künstlichen Intelligenz helfen lassen, wie es auf den restlichen Seiten von Site Creator der Fall ist.
  • Nehmen Sie sich die Zeit, diesen anderen Leitfaden über das vom Redaktionsassistenten verwendete Modell und die Verantwortlichkeiten jedes Einzelnen zu lesen.

Ein 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 (auf der Registerkarte Inhalt, die sich geöffnet hat, als Sie auf das visuelle Block hinzufügen geklickt haben).
3. Klicken Sie auf das Modul Blog:
   
   1. 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):
      
   2. 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 letzten 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 und 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 Textformatierungsleiste anzuzeigen.
4. Über diese Leiste können Sie die Möglichkeiten der KI (Übersetzung, Umformulierung, Korrektur usw.) nutzen:
   
   
    
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 Kommentare, E-Mail-Benachrichtigungen, Listenansicht und Sortierung zu aktivieren:

1. Klicken Sie auf Anwendungen im linken Seitenmenü.
2. Klicken Sie auf Blog.
3. Klicken Sie auf Einstellungen und passen Sie Ihre Einstellungen an, ohne die Seite unten zu speichern:
   

Blogbeiträge bearbeiten

Egal, wo Sie sich befinden, wenn Sie Ihre Website bearbeiten, gehen Sie 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 Zahnrad:

Artikel kennzeichnen, archivieren oder ablaufen lassen

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

Datum der Artikel

Standardmäßig werden neue Blogbeiträge mit dem Datum "heute" hinzugefügt, aber Sie können es ändern:

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

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

Vorwort

• Standardmäßig werden keine Cookies auf den Geräten Ihrer Besucher gespeichert, wenn Ihre Website neu ist. Es gibt keine Tracking-Funktionen für Werbung oder Marketing.
• Als Website-Administrator werden bestimmte Daten in Ihren eigenen Cookies gespeichert (wie Informationen, die angeben, dass Sie ein Website-Administrator sind).
• Wenn Sie 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, wird es Cookies verwenden, wenn der Website-Besucher abstimmt (um sich zu merken, 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 Pop-up-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 oder nicht (siehe unten) sein soll.
5. Speichern Sie die Änderungen am unteren Rand 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 …)
  • Inhaltsänderungen, 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

Speichern ohne zu veröffentlichen

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 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 ... am unteren Rand des linken Seitenmenüs, 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 / Direkt), aber in einem Entwurf gespeichert werden, selbst wenn Sie die Seite oder den Editor verlassen:
   

Änderungen veröffentlichen oder Entwurf löschen

1. Wenn der Modus Nicht veröffentlicht aktiv ist, klicken Sie auf die gelbe Schaltfläche des Modus Nicht veröffentlicht, um ein Einstellungsfenster zu öffnen.
2. Das Einstellungsfenster öffnet sich, damit Sie:
   1. Ihre Änderungen veröffentlichen können,
   2. oder den aktuellen Entwurf löschen und zum ursprünglichen Zustand der 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 an, dass der Entwurf aktiviert ist.
5. Klicken Sie darauf, um zu wählen, ob Sie die Änderungen veröffentlichen oder löschen möchten, und setzen Sie die Seite so zurück, wie sie vor Ihren Änderungen im Entwurf war.

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

Es ist auch möglich, andere Elemente wie z.B. ein Newsletter-Anmeldeformular 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:

1. Fügen Sie einen neuen Inhaltsblock mit Bildern hinzu, die Sie anschließend ersetzen oder ergänzen können.
2. Klicken Sie auf die Schaltfläche Inhalt im linken Seitenmenü.
3. Klicken Sie auf Objekte in der Liste, um ein einzelnes Bild einzufügen.
4. Klicken Sie auf den BLOCK BILD rechts.

Sobald das Bild hinzugefügt wurde, können Sie es auch in einen klickbaren Link umwandeln oder dessen Größe ändern:

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

Bild ändern

Um ein eingefügtes Bild zu ersetzen:

1. Klicken Sie auf ein Bild, um es zu bearbeiten.
2. Klicken Sie auf die Schaltfläche vom Typ Bildrahmen auf dem Bildvorschau, 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 Vollbreitenvideo einzufügen.

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

Audio-Datei 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 rechts angezeigt.
4. Klicken Sie auf den Audioplayer um ihn in die Seite einzufügen.

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

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 unten auf Anwendungen.
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.

Diese Anleitung beschreibt die Erstellung von Navigationsmenüs für Ihre mit Site Creator Infomaniak erstellte Website sowie deren Zusammensetzung, Stile und Parameter.

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:
    

Die verschiedenen Navigationsmenüs

Die verschiedenen Seiten, die Ihre Website bilden 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 wird die Liste Ihrer Seiten angezeigt, die in 2 Hauptkategorien eingeteilt sind: HAUPTMENÜ und RECHTLICH.

Sie können jedoch weitere hinzufügen.

Diese Menüs mit den Seiten, die sie enthalten, werden dann an verschiedenen Stellen Ihrer Website entsprechend dem gewählten Thema übernommen.

Häufig finden Sie das Hauptmenü oben auf der Seite:

und die anderen Menüs werden automatisch im Fußbereich vorgeschlagen:

Menü verwalten

Sie können seine Präsenz im Website-Plan verwalten oder es löschen (sowohl das Menü als auch 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 Hierarchie.
3. Klicken Sie auf das Zahnradsymbol, das beim Überfahren angezeigt wird.

Nehmen Sie sich diese andere Anleitung zu Hilfe, 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 erscheint.
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 Hierarchie anzeigen.

Nicht klickbarer Menütitel

Wählen Sie gegebenenfalls aus, den ganz ersten Eintrag eines solchen Menüs nicht klickbar zu machen:

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 erscheint.
2. Klicken Sie auf die Schaltfläche Seite hinzufügen unter der bestehenden Hierarchie:
   
3. Wählen Sie einen Seitennamen und Weitere Optionen anzeigen.
4. Wählen Sie die URL-Weiterleitung, um das Ziel beim Klicken festzulegen:
   

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 vorhandenen Hierarchie.
3. Klicken Sie auf das "+"-Symbol, das beim Überfahren angezeigt wird:
   

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 Weitere Einstellungen.
3. Aktivieren Sie die Menüleiste des Headers:
   
   • Sobald sie aktiviert ist, können Sie sie über den Link Einstellungen am selben 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:
   
   ‍

Sie können insbesondere den Platz Ihrer Menüs (links auf der Seite oder oben, fest oder mobil, Typ "Hamburger-Menü ☰" rechts oder normal, etc.) entscheiden.

Ändern Sie die Farbe des "Hamburger"-Menüs (☰)

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

1. Klicken Sie auf Menütitel / Logo (immer unter Design, dann Menü-Editor).
2. Passen Sie die Textfarbe an:
   

Ein neues Menüthema übernehmen

Ändern Sie den gesamten vordefinierten Stil mit den Themen ganz oben im Untermenü:

1. 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 soll (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 Rahmen Menütyp.
5. Der Umschalter Oben fixiert wird weiter unten angezeigt und Sie können ihn aktivieren.
6. Klicken Sie auf Speichern:
   

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

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

Ein Modul Unterseiten-Menü ermöglicht das Einfügen Ihrer Menüs und Untermenüs an jeder beliebigen Stelle Ihrer Seite.

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

URL der Seite definieren

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 Kontaktieren Sie uns ändern, lautet die URL www.domain.xyz/kontaktieren-sie-uns.

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

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Klicken Sie auf SEO & Metadaten (unter Einstellungen dieser Unterseite):
   

Das erste Feld oben ermöglicht die Definition 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 aus dem Infomaniak Manager möglich.
• Wenn Sie beispielsweise einen Inhaltsblock löschen und diesen 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

• 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:
    

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, durch die letzten Sicherungen zu "navigieren"):
   
   

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

Vorwort

• Die Wartungsseite wird nur auf den Geräten der Besucher angezeigt:
  
• Ihr Gerät zeigt weiterhin Ihre Website ohne Wartungsseite an, nur für Ihre Internetverbindung.
• Wenn Sie angemeldet sind, können Sie die Website weiterhin mit Site Creator bearbeiten.

Site Creator in den Wartungsmodus versetzen

Um Site Creator vorübergehend zu deaktivieren:

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 Produkts.
3. Klicken Sie auf Verwalten oben auf der Seite.
4. Klicken Sie auf Wartungsmodus aktivieren.
   • Führen Sie den Vorgang erneut aus, um ihn zu deaktivieren:
     
   • Sie können den Wartungsmodus auch vom Vorschau-Block Ihrer Website deaktivieren:
     

Diese Anleitung erklärt, wie Sie eine mit Site Creator von 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 aus 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 Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigt?).
2. Klicken Sie direkt auf den Namen des betreffenden Produkts.
3. Klicken Sie auf Website mit Domain verbinden, um den Konfigurationsassistenten zu starten:
   
4. Der Assistent bietet Ihnen die Möglichkeit, einen neuen Domainnamen zu erstellen oder einen bereits bestehenden zu verwenden:
   
   • Wenn Sie einen neuen Domainnamen erstellen, müssen Sie nach Abschluss des Bestellvorgangs zu diesem Konfigurationsassistenten zurückkehren.
   • Wenn Sie sich dafür entscheiden, eine Domain aus den bestehenden Domains in Ihrer Organisation zu verwenden, bietet Ihnen der Assistent eine Liste der Domains an, und es kann 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 Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigt?).
2. Klicken Sie direkt auf den Namen des betreffenden Produkts.

Oben auf der Seite werden eventuelle Meldungen zu Problemen 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.

Vorwort

• Ein Anker im Webdesign ist ein Hyperlink, der auf eine bestimmte Position auf einer Webseite zeigt, sei es auf derselben Seite oder auf einer anderen. 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 dieser FAQ. Er heißt "Ende", daher enthält der folgende Link einfach das Ziel #Ende und ohne weitere Angabe 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, in dem Sie möchten, dass Benutzer weitergeleitet werden, fügen Sie ein Element mit der entsprechenden ID hinzu:
   <div id="chapter1"> &nbsp; </div>
    

Wenn 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

Greifen Sie auf Site Creator zu:

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 in Site Creator sind:

1. Bewegen Sie den Mauszeiger über den zu bearbeitenden Inhaltsblock und klicken Sie auf das Zahnrad:
   
2. Blättern Sie bis zum Ende der Einstellungen, 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:
   

Erstellen Sie einen Link zur Blockreferenz

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. Wählen Sie den Typ "Abschnitt" aus, um einen Link zu einem Teil derselben Seite zu erstellen, indem Sie die oben erhaltene Blockreferenz auswählen:
   
   
   Andere Möglichkeiten:
   1. Fügen Sie den Link mit dem Rautenzeichen (Link zur gleichen Seite) hinzu:
      
   2. Fügen Sie den Namen der Seite gefolgt von der ID hinzu:
      

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.