Dieser Leitfaden behandelt Inhaltsblöcke, die zu den wichtigsten Elementen von Infomaniaks Site Creator gehören.

Sie ermöglichen es Ihnen, einfach Inhalte auf Ihren Seiten zu erstellen.

Es gibt verschiedene Arten, wie Trennlinien, Preislisten, Seitenübersichten, einfache Text- oder Bildblöcke usw., die im Allgemeinen vorkonfiguriert sind, um die Einrichtung zu erleichtern.

Hinzufügen eines Inhaltsblocks

Um auf den Site Creator zuzugreifen:

1. Melden Sie sich im Manager von Infomaniak (manager.infomaniak.com) über einen Webbrowser wie Brave oder Edge an.
2. Klicken Sie auf das Symbol ‍ oben rechts in der Benutzeroberfläche (oder navigieren Sie über das linke Seitenmenü, z.B.).
3. Wählen Sie Hébergement (Web & Domain Universum) aus.
4. Klicken Sie auf den Namen des betreffenden Objekts in der angezeigten Tabelle.
5. Klicken Sie im linken Seitenmenü auf Site Creator.
6. Klicken Sie auf Meine Website anpassen.

Sobald Sie im Site Creator sind:

1. Klicken Sie im linken Seitenmenü auf die Schaltfläche Inhalt - die Liste der Blöcke wird angezeigt.
2. Wählen Sie die gewünschte Kategorie links aus und dann den gewünschten Inhalt rechts.

Durch Klicken auf den gewünschten Inhalt fügen Sie ihn zur Seite hinzu, die Sie gerade bearbeiten.
 

Weitere Option: Gehen Sie direkt zur Seite und schweben Sie über oder unter einem vorhandenen Block:

 

Löschen eines Inhaltsblocks

Fahren Sie mit der Maus über den Block, den Sie auf Ihrer Seite löschen möchten, und klicken Sie auf das Papierkorb-Symbol, das angezeigt wird:

 

Bestätigen Sie die Löschung und er verschwindet. Sie können diese Art von Operation rückgängig machen.
 

Duplizieren eines Inhaltsblocks

Fahren Sie mit der Maus über den Block, den Sie auf Ihrer Seite duplizieren möchten, und klicken Sie auf das Zahnrad-Symbol, das erscheint. Wählen Sie dann den gewünschten Ort für die Duplizierung aus:

Bearbeiten eines Inhaltsblocks

Jedes editierbare Element des Inhaltsblocks wird hervorgehoben, wenn Sie mit der Maus darüber fahren. Klicken Sie einfach auf eines dieser Elemente, um mit der Bearbeitung zu beginnen.

Zusätzlich können Sie den HTML-Code bearbeiten (empfohlen nur für fortgeschrittene Benutzer), wenn Sie mehr Kontrolle über einen beliebigen Inhaltsblock benötigen; dies ermöglicht es Ihnen, HTML-Code wie ein Infomaniak Newsletter-Anmeldeformular einzufügen.
 

Sie können auch bestimmte Elemente aus Ihren Inhaltsblöcken löschen: Beim Bearbeiten von Text gibt es eine "Pfeil nach rechts"-Schaltfläche, die weitere Optionen anzeigt, und die Löschen-Schaltfläche:

 

Zum Bearbeiten eines Bildes klicken Sie darauf und ein neues Fenster wird angezeigt. Unten gibt es die Speichern-Schaltfläche rechts und die rote Löschen-Schaltfläche links.

Erstellen eines benutzerdefinierten Inhaltsblocks

In der linken Seitenleiste, unter den Inhalten, die Ihrer Seite hinzugefügt werden können, finden Sie eine Schaltfläche zum Entwerfen eines Inhaltsblocks.

Alle Elemente, die die Blöcke ausmachen, sind links angeordnet. Ziehen Sie sie in Ihren benutzerdefinierten Block, um Ihren idealen Block zu entwerfen. Er wird auf Ihrer Seite eingefügt, indem Sie unten auf der Seite auf Änderungen anwenden klicken.


 

Anpassen der Blockränder

Fahren Sie mit der Maus über den Inhaltsblock, den Sie anpassen möchten, und klicken Sie auf das Zahnrad-Symbol:

 

Blättern Sie durch die Einstellungen bis zu Standardabstand der Blöcke und klicken Sie darauf, um Ihre eigenen Parameter festzulegen:

Das Zahnrad-Symbol in den Einstellungen ermöglicht es Ihnen auch, die Hintergrundfarbe oder -bild des Blocks zu ändern.

Verschieben eines Blocks nach oben oder unten

Der Inhalt Ihrer Seite ist in "Blöcke" unterteilt. Sie können weitere Blöcke hinzufügen und sie neu anordnen.

Fahren Sie mit der Maus über den Inhaltsblock, den Sie verschieben möchten, und klicken Sie auf den Punktbereich oben links; halten Sie ihn gedrückt, um den Block zu bewegen.


 

Erstellen eines Abstands zwischen zwei Blöcken

Um horizontalen Platz zwischen Inhaltsblöcken zu schaffen, fügen Sie manuell einen Trennstrich hinzu:

 

Sie können dann deren Farbe und Größe festlegen.

Sie können auch den oberen und unteren Rand eines Blocks automatischer "dekoriert", indem Sie die Option Dekoration aktivieren, während Sie einen Block bearbeiten:

 

Dieses Handbuch richtet sich an Benutzer des Site Creator-Tools, die ihre Seiten weiter bearbeiten möchten.

HTML-Editor öffnen

Zum Website-Ersteller gehen:

1. Öffnen Sie den Manager (manager.infomaniak.com)
2. gehen Sie zu Webhosting
3. Klicken Sie ggf. auf den betreffenden Hosting-/Domainnamen
4. Klicken Sie im Menü auf der linken Seite auf Site Creator
5. klicken Sie auf Meine Website anpassen

Im Site Creator können Sie den HTML-Code ändern (nur für fortgeschrittene Benutzer empfohlen), wenn Sie mehr Kontrolle über Inhaltsblock:

1. Bewegen Sie den Mauszeiger über den zu bearbeitenden Block auf Ihrer Seite und klicken Sie auf das Zahnrad, das beim Hover erscheint:
   
   
   
   
2. klicken Sie auf das HTML-Element in der linken Seitenleiste, um den HTML-Code des Blocks zu bearbeiten:
   
   

Hinzufügen eines HTML-Blocks

Um ganz von vorne mit einem leeren HTML-Block zu beginnen, können Sie das Modul Benutzerdefinierter HTML-Code aus der Liste der Apps auf Ihrer Seite einfügen:

Der Text kann über die Schaltfläche CODE bearbeitet werden, die den HTML-Editor öffnet:

Sie können auch außerhalb der Blöcke Code hinzufügen.

Dieser Leitfaden erklärt, wie man das Online-Shop-Modul des Site Creators anpassen und konfigurieren kann.

Einen Shop im Site Creator einrichten

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

1. im Infomaniak Manager anmelden (manager.infomaniak.com) über einen Webbrowser wie Brave oder Firefox
2. auf das Symbol oben rechts in der Benutzeroberfläche klicken (oder über das linke Seitenmenü navigieren, zum Beispiel)
3. Hosting auswählen (Bereich Web & Domain)
4. direkt auf den Namen des betreffenden Objekts in der angezeigten Tabelle klicken
5. im linken Seitenmenü auf Site Creator klicken
6. auf Meine Seite anpassen klicken
7. über das hinzugefügte Shop-Modul auf Ihrer Seite fahren
8. auf Konfiguration klicken
    

Einmal in der Konfiguration, erscheinen mehrere Untermenüs links, die es ermöglichen, weitere Einstellungen zu konfigurieren:

Zahlungsmethoden

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

Um die Dienste von Stripe und Mollie nutzen zu können, müssen Sie eine SIRET-Nummer in Frankreich oder eine IDE in der Schweiz haben. Außerdem ist es notwendig, ein gültiges Unternehmen im Handelsregister Ihres Landes registriert zu haben, um die Dienste von Stripe und Mollie nutzen zu können.

Versandarten

• zugelassene Länder
• Versandkosten nach Gewicht
• Versandzeiten

Messaging

Vier vordefinierte Nachrichten können nicht gelöscht werden. Sie decken die gesamte E-Mail-Kommunikation rund um eine Bestellung ab, sowohl für den Kunden als auch für den Shop-Manager.

Es ist möglich, vorhandene Nachrichten anzupassen und neue hinzuzufügen (und diese zusätzlichen Nachrichten bei Bedarf zu löschen):

1. wählen Sie, wann die E-Mail gesendet werden soll (oder einfach die Nachricht deaktivieren, um sie zu behalten, ohne sie zu verwenden)
   1. E-Mail bei neuer Bestellung (zur Benachrichtigung)
   2. E-Mail bei bearbeiteter Bestellung (anpassbar)
   3. Lieferschein im PDF-Format (anpassbar)
   4. Rechnung ebenfalls generiert und verfügbar im PDF-Format auf Ihrem Stripe/PayPal/Mollie-Konto
2. Variablen können in jedes Feld eingefügt werden, um die Texte mit den Elementen der Bestellung und den Informationen des Käufers zu personalisieren

Startseite des Shops

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

Produktverwaltung

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

1. über das Modul oben links fahren
2. auf Produkte klicken

Finden Sie die ersten drei Beispielprodukte:

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

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

• Attribute erstellen (z.B. Farbe), um das gleiche Produkt in verschiedenen Versionen/Preisen anzubieten
• festlegen, ob das Produkt immateriell (virtuell) sein soll, z.B. ein PDF, eine ZIP- oder eine MP3-Datei, und daher herunterladbar nach dem Kauf

Am Ende der Produktbearbeitungsseite suchen Sie nach anderen Produkten in Ihrer Liste, um sie zu verlinken und sie den Besuchern vorzuschlagen.
 

Ganz unten im Produktbearbeitungsfenster wählen Sie, ob das Produkt für Ihre Besucher versteckt werden soll, falls notwendig.

Um die Bearbeitung abzuschließen und zur Produktliste zurückzukehren, speichern Sie die Änderungen mit dem Button ganz unten.
 

Ein Produkt löschen oder duplizieren 

Auf der Produktbearbeitungsseite klicken Sie ganz unten auf das Aktionsmenü neben dem Speicherbutton, um zu wählen, ob das Produkt gelöscht oder dupliziert werden soll.

Lager-/Inventarverwaltung 

Im selben Aktionsmenü verwalten Sie den Lagerbestand direkt in Ihrer Produktliste (um den Lagerbestand en masse zu bearbeiten).

Aber jede Produktseite ermöglicht es Ihnen, den Lagerbestand zu bearbeiten und auch die SKU (Lagerhaltungseinheit) und ihren Barcode (ISBN) einzugeben.

Produktkategorien

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

Klicken Sie im Untermenü Kategorien auf der linken Seite des Shop-Verwaltungspanels, unter Produkte.

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

Verstecken Sie bei Bedarf eine Kategorie (dies verbirgt nicht die Produkte, die sie enthält).
 

Promo-Code 

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

Klicken Sie im Untermenü Promo-Code auf der linken Seite des Shop-Verwaltungspanels, unter Produkte.

Sie können festlegen:

• sein Ablaufdatum
• seinen möglichen Mindestbetrag
• seinen Namen ("Spezieller Weihnachtsrabatt" zum Beispiel)
• seine Form ("FROHEWEIHNACHTEN")

Exportieren Sie Ihre Produktliste 

Exportieren Sie Ihre Produktliste (CSV-Format) mit dem Aktionsmenü oben rechts in Ihrer Produktliste.

Bestellverwaltung

Um platzierte und laufende Bestellungen zu verwalten:

1. über das Modul oben links fahren
2. auf Konfiguration klicken
3. im Untermenü Bestellungen auf der linken Seite des Shop-Verwaltungspanels klicken

Exportieren Sie Ihre Bestellliste

Exportieren Sie Ihre Bestellliste (CSV-Format) mit dem Download-Button, der rechts von der Bestellsuchleiste liegt.

Kundenverwaltung

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

1. über das Modul oben links fahren
2. auf Konfiguration klicken
3. im Untermenü Kunden auf der linken Seite des Shop-Verwaltungspanels klicken

Exportieren Sie Ihre Kundenliste

Exportieren Sie Ihre Kundenliste (CSV-Format) mit dem Download-Button, der rechts von der Kundensuchleiste liegt.

Dieser Leitfaden erklärt, wie Sie ein Blog-Modul zu Ihrer Website hinzufügen und konfigurieren, die mit Site Creator von Infomaniak erstellt wurde.

Vorbemerkung

Es gibt keine Funktion zur Verwaltung mehrerer Benutzer im Blog-Bereich (auch nicht auf Site Creator). Mehrere Benutzer derselben Organisation, die Zugriff auf Site Creator haben (über ihre Zugriffsberechtigung zum Webhosting), können im Blog veröffentlichen, aber die Identität des Autors bleibt für alle gleich.

Einen Blog auf Site Creator starten

Um auf Site Creator zuzugreifen:

1. Melden Sie sich im Manager Infomaniak (manager.infomaniak.com) über einen Browser wie Brave oder Edge an
2. Klicken Sie auf das Symbol ‍ oben rechts in der Benutzeroberfläche (oder navigieren Sie über das linke Seitenmenü, z.B. hier klicken)
3. Wählen Sie Hébergement (Bereich Web & Domaine) aus
4. Klicken Sie auf den Namen des betreffenden Objekts in der angezeigten Tabelle
5. Klicken Sie im linken Seitenmenü auf Site Creator
6. Klicken Sie auf Meine Website anpassen

Nachdem Sie sich in Site Creator befinden, auf der Seite, auf der Sie Ihre zukünftigen Blog-Artikel einfügen möchten:

1. Klicken Sie auf die Schaltfläche + unter einem bereits eingefügten Block
   
2. Klicken Sie auf Anwendungen (im Reiter Inhalt, der sich öffnet, wenn Sie den visuellen Block hinzufügen)
3. Klicken Sie auf das Blog-Modul
   
   1. Wenn Sie das Modul zum ersten Mal einfügen, 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 zuvor bereits getestet und von Ihren Seiten entfernt haben, erhalten Sie dies:
      
      1. Drücken Sie die obere Wahl (A)‍, um den Hauptblock einzufügen
      2. Drücken Sie die zweite Wahl (B)‍, um einen Block mit den letzten 3 veröffentlichten Artikeln anzuzeigen nur wenn Sie bereits einen Hauptblock an anderer Stelle auf der Website eingefügt haben‍
4. Nachdem das Blog-Modul eingefügt wurde, bewegen Sie den Mauszeiger über den Block und klicken Sie auf ☰ Blog
5. Klicken Sie auf Neuer Artikel, um einen leeren Artikel einzufügen und ihn auszufüllen (Bild für das Banner, Titel, optionaler Untertitel, Artikelinhalt mit verschiedenen Formattierungen (drücken Sie das +-Zeichen im Text des Artikels oder die Tabulatortaste auf Ihrer Tastatur)
6. Veröffentlichen Sie durch Klicken auf die Schaltfläche Veröffentlichen (oder speichern Sie den Entwurf für später)
   

Bearbeiten des Blogs

Um Kommentare, E-Mail-Benachrichtigungen, Listenlayout und deren Sortierung usw. zu aktivieren:

1. Klicken Sie im linken Seitenmenü auf Anwendungen
2. Klicken Sie auf Blog
3. Klicken Sie auf Einstellungen und stellen Sie Ihre Präferenzen ein, vergessen Sie nicht, unten auf der Seite zu speichern:
   

Bearbeiten der Artikel

Wo auch immer Sie sich während der Bearbeitung Ihrer Website befinden, gehen Sie zum Applikationen-Menü unten links und klicken Sie auf Blog:

 

Um den Inhalt Ihres Artikels zu bearbeiten, klicken Sie auf Artikel durchsuchen im linken Seitenmenü, bewegen Sie den Mauszeiger darüber und klicken Sie auf das Stiftsymbol:

 

Um (siehe unten) einen der Artikel einzustellen, bewegen Sie den Mauszeiger darüber und klicken Sie auf das Zahnradsymbol:

 

Artikel kennzeichnen, archivieren oder verfallen lassen

Ein Blog-Artikel kann aus Ihrer Artikelliste verschwinden, indem Sie ein Verfallsdatum setzen oder ihn sofort archivieren. Sie können auch einen klickbaren Tag hinzufügen, der Besuchern die Navigation zwischen den Beiträgen erleichtert:

 

Artikeldatum

Neue Blog-Artikel werden standardmäßig mit dem Datum "heute" hinzugefügt, aber Sie können es ändern:

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

In diesem Leitfaden wird erklärt, wie Sie in Infomaniaks Site Creator Fotogalerien erstellen können.

Erstellen einer Fotogalerie

Um zum Site Creator zu gelangen:

1. Melden Sie sich im Infomaniak-Manager (manager.infomaniak.com) von einem Webbrowser wie Brave oder Edge aus an.
2. Klicken Sie auf das Symbol oben rechts in der Schnittstelle (oder navigieren Sie durch das linke Menü, zum Beispiel).
3. Wählen Sie Hosting (Web & Domain-Universum) aus.
4. Klicken Sie direkt auf den Namen des relevanten Objekts in der angezeigten Tabelle.
5. Klicken Sie im linken Seitenmenü auf Site Creator.
6. Klicken Sie auf Meine Website anpassen.

Einmal im Site Creator:

1. Klicken Sie im linken Seitenmenü auf die Einstellungen-Schaltfläche, Ihre Seitenliste wird angezeigt.
2. Klicken Sie unterhalb der vorhandenen Baumstruktur auf die Schaltfläche Seite hinzufügen.
3. Klicken Sie auf Weitere Optionen anzeigen, um den Seitentyp FOTOGALERIE
    
   
    auszuwählen.
4. Wählen Sie einen Seitennamen aus.
5. Bestätigen Sie.

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

Konfigurieren der Fotogalerie

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

Fotoalben

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

Ändern der Reihenfolge der Fotos

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

Zusätzlich können Sie zu jedem Ihrer Fotos eine Beschreibung hinzufügen. Unter jedem Bild finden Sie das Feld "Bildbeschreibung". Geben Sie dort Ihre Beschreibung ein und klicken Sie auf die grüne Schaltfläche, um die Änderungen zu speichern:

Hinzufügen eines Bildlauf-Widgets

Um ein oder mehrere dynamische Slider-Widgets zu konfigurieren, auf denen ein oder mehrere Fotos seitlich gleiten (unabhängig von den oben beschriebenen Fotogalerien):

1. Klicken Sie im linken Seitenmenü auf die Schaltfläche Anwendungen.
2. Klicken Sie auf Slider
   .
3. Konfigurieren Sie das Widget nach Ihren Wünschen.
4. Fügen Sie das konfigurierte Widget an der gewünschten Stelle ein, indem Sie auf Inhalt und dann Anwendungen klicken und Slider
   auswählen.

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

Die verschiedenen Navigationsmenüs

Die verschiedenen Seiten, die Ihre Website bilden, können in einem oder mehreren Navigationsmenüs aufgerufen werden:

1. melden Sie sich beim Infomaniak Manager (manager.infomaniak.com) über einen Webbrowser wie Brave oder Firefox an
2. klicken Sie auf das ‍-Symbol oben rechts in der Benutzeroberfläche (oder navigieren Sie über das linke Seitenmenü, z.B.)
3. wählen Sie Hosting (im Bereich Web & Domain)
4. klicken Sie auf den Namen des betreffenden Objekts in der angezeigten Tabelle
5. klicken Sie im linken Seitenmenü auf Site Creator
6. klicken Sie auf Meine Website anpassen

Einmal im Site Creator:

1. klicken Sie im linken Seitenmenü auf die Schaltfläche Einstellungen
2. standardmäßig wird die Liste Ihrer Seiten angezeigt, die in 2 Hauptkategorien unterteilt sind: HAUPTMENÜ und RECHTLICHES

Aber Sie können weitere hinzufügen.

Diese Menüs mit den Seiten, die sie enthalten, werden je nach gewähltem Thema an verschiedenen Stellen Ihrer Website verwendet.

Das Hauptmenü befindet sich oft oben auf der Seite: 

Und die anderen Menüs werden automatisch im Footer angeboten:

Menü verwalten

Einmal im Site Creator:

1. klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü
2. fahren Sie mit der Maus über einen Menütitel in der bestehenden Baumstruktur
3. klicken Sie auf das Zahnradsymbol, das beim Hover erscheint

Sie können dessen Anwesenheit im Website-Plan verwalten oder es löschen (sowie alle seine Seiten). Lesen Sie auch diesen Leitfaden (hier klicken), um kein Menü überhaupt anzuzeigen.
 

Erstellen Sie ein Unterelement in einem Menü

Einmal im Site Creator:

1. klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü
2. die Liste Ihrer Seiten erscheint

Bewegen Sie mit der Maus eine Seite leicht nach rechts unter eine andere Seite:

Es wird zu einer Unterseite und Ihr Menü auf der Website kann die hierarchische Struktur anzeigen, die so erstellt wurde.
 

Nicht klickbarer Menütitel

Wählen Sie gegebenenfalls aus, ob Sie das allererste Element eines solchen Menüs nicht klickbar machen möchten:

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

1. klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü
2. die Liste Ihrer Seiten erscheint

3. klicken Sie auf die Schaltfläche Seite hinzufügen unter der bestehenden Baumstruktur:

   

4. wählen Sie einen Seitenname und Mehr Optionen anzeigen

5. wählen Sie die URL-Weiterleitung, um das Ziel beim Klicken anzugeben:

   

Neues Menü hinzufügen

Einmal im Site Creator:

1. klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü
2. fahren Sie mit der Maus über einen Menütitel in der bestehenden Baumstruktur

3. klicken Sie auf das "+"-Symbol, das beim Hover erscheint:

   

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 Header-Menüleiste:

   

Nach der Aktivierung können Sie sie an derselben Stelle über den Link Einstellungen anpassen.

Menüstile

Einmal im Site Creator: 

1. klicken Sie auf die Schaltfläche Design im linken Seitenmenü

2. klicken Sie auf Menü-Editor:

   

   ‍‍

Sie können insbesondere den Standort Ihrer Menüs bestimmen (auf der linken Seite der Seite oder oben, fix oder mobil, Typ "Hamburger-Menü ☰" rechts oder normal usw.).
 

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

Wenn es z.B. weiß auf weiß auf einem mobilen Gerät angezeigt wird:

1. klicken Sie auf Menütitel/Logo (immer unter Design, dann Menü-Editor)

2. passen Sie die Textfarbe an:

   

Wählen Sie ein neues Menüthema

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

1. klicken Sie auf Menüvorlagen (immer unter Design, dann Menü-Editor)

   

Fixiertes Menü

Die meisten der angebotenen Menüs bewegen sich mit dem Inhalt der Seite. Das Menü verschwindet, wenn man die Seite nach unten scrollt:

Sie können ein Menü definieren, das immer am oberen Rand fixiert sein soll (mit verschiedenen visuellen Optionen):

Um das fixe Menü zu aktivieren oder zu deaktivieren:

1. klicken Sie auf Design

2. klicken Sie auf Menü-Editor

   

3. klicken Sie auf Haupteinstellungen
4. wählen Sie Im Header  im Feld Menütyp
5. das Kästchen aktivieren Fixiert am oberen Rand erscheint weiter unten und Sie können es aktivieren

6. klicken Sie auf Speichern

   

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

Fügen Sie Ihre Menüs in den Seiteninhalt ein

Ein Modul Unterseitenmenü ermöglicht es Ihnen, Ihre Menüs und Untermenüs an beliebiger Stelle auf Ihrer Seite einzufügen.

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

Definieren Sie die Seiten-URL

Standardmäßig, wenn Ihr Seitenname "Kontakt" ist, wird die URL zu erreichen "www.domain.xyz/kontakt" sein.

Wenn Sie später den Seitenname in "Kontaktieren Sie uns" ändern, wird die URL "www.domain.xyz/kontaktieren-sie-uns" sein.

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

1. klicken Sie im linken Seitenmenü auf die Schaltfläche Einstellungen

2. klicken Sie auf SEO & Metadaten (unter Einstellungen dieser Unterseite)

   

Das erste Feld oben ermöglicht es Ihnen, die Seitenadresse festzulegen. Jedes Leerzeichen wird in einen Bindestrich umgewandelt, und besondere Zeichen, Akzente, Symbole usw. sollten vermieden werden.

Wenn URL-Änderungen während der Erstellung der Website gespeichert werden, während ein Menü bereits einen Link zur betreffenden Seite enthält, wird es dynamisch angepasst.

Dieser Leitfaden erklärt, wie Sie ein Kontaktformular auf Ihrer mit Site Creator von Infomaniak erstellten Website hinzufügen und konfigurieren können.

Erstellen Sie ein benutzerdefiniertes Kontaktformular

Sie können ein oder mehrere Formulare erstellen, die es Ihren Besuchern ermöglichen, eine Nachricht zu schreiben, sich für eine Aktivität anzumelden, kurz gesagt, alle Arten von Online-Formularen mit oder ohne Anhang auszufüllen:

1. Melden Sie sich beim Manager von Infomaniak (manager.infomaniak.com) über einen Webbrowser wie Brave oder Edge an
2. Klicken Sie oben rechts in der Benutzeroberfläche auf das Symbol (oder navigieren Sie über das linke Seitenmenü, beispielsweise)
3. Wählen Sie Hosting (Universum Web & Domaine) aus
4. Klicken Sie auf den Namen des betreffenden Objekts in der angezeigten Tabelle
5. Klicken Sie im linken Seitenmenü auf Site Creator
6. Klicken Sie auf Meine Website anpassen

Nachdem Sie sich in Site Creator befinden:

1. Klicken Sie im linken Seitenmenü auf die Schaltfläche Inhalt
2. Klicken Sie unten in der Liste auf Anwendungen und dann auf Formulargenerator

Nachdem das erste Formular erstellt wurde, wird es auf Ihrer Seite angezeigt:

Einstellungen für das Kontaktformular

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

Um dies zu tun, fahren Sie mit der Maus über das Modul, um auf seine Einstellungen zuzugreifen, und klicken Sie bei Bedarf auf das Formular, das Sie bearbeiten möchten, und dann auf die Schaltfläche unten neben der Schaltfläche zum Speichern der Änderungen. Wählen Sie Formular-Eigenschaften.

Es wird empfohlen, die Standardversandmethode zu ändern.

Dieser Leitfaden erklärt, wie das Logo, der Header und der Footer in Infomaniak Site Creator verwaltet werden können.

Hinzufügen eines Website-Logos

Öffnen Sie den Site Creator:

1. Melden Sie sich beim Infomaniak Manager (manager.infomaniak.com) von einem Webbrowser wie Brave oder Edge aus an
2. klicken Sie auf das ‍ Symbol oben rechts in der Oberfläche (oder navigieren Sie durch das linke Seitenleistenmenü, zum Beispiel)
3. wählen Sie Hosting (Universum Web & Domain) aus
4. klicken Sie auf den Namen des relevanten Objekts in der angezeigten Tabelle
5. klicken Sie im linken Seitenleistenmenü auf Site Creator
6. klicken Sie auf Meine Seite anpassen

Sobald Sie im Site Creator sind:

1. klicken Sie auf die Einstellungen und dann auf Logo in der linken Seitenleiste
2. laden Sie ein Bild hoch und wählen Sie, ob der Seitennamen daneben angezeigt werden soll

‍

Logo-Einstellungen

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 anzupassen

Zentrierte Logo-Anzeige

An derselben Stelle wie oben, aktivieren Sie die Option, das Logo in einer separaten Zeile anzuzeigen, was das Zentrieren des Website-Logos ermöglicht:


‍

Logo ausblenden (+ Header und Footer)

Um eine Seite ohne Logo zu erstellen, die weder einen Header (also kein Menü angezeigt) noch einen Footer hat, muss sie als Startseite (d. h. "Landingpage"; beachten Sie, dass sich dies nicht auf die Seitenreihenfolge auswirkt) eingestellt werden. Verwenden Sie dafür eine Schaltfläche, die 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 im vorhandenen Baum und klicken Sie auf das Zahnradsymbol, das beim Bewegen angezeigt wird
4. ‍aktivieren Sie die Option am unteren Rand "Startseite", um Header und Footer auszublenden:
   

Dieser Leitfaden hilft Ihnen bei der Anpassung einer Website, die mit Site Creator von Infomaniak erstellt wurde.

Farben der Website ändern

Zur Verwaltung von Themen, Farben und Schriften in Site Creator:

1. Melden Sie sich im Manager Infomaniak (manager.infomaniak.com) über einen Webbrowser wie Brave oder Edge an.
2. Klicken Sie oben rechts in der Benutzeroberfläche auf das Symbol ‍ (oder navigieren Sie über das linke Seitenmenü, z.B. hier entlang).
3. Wählen Sie Hébergement (Bereich Web & Domaine).
4. Klicken Sie auf den Namen des betreffenden Objekts in der angezeigten Tabelle.
5. Wählen Sie im linken Seitenmenü Site Creator aus.
6. Klicken Sie auf Meine Website anpassen.

Sobald Sie sich in Site Creator befinden:

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

Sie können zwischen den verfügbaren Farbpaletten wählen oder Ihre eigene individuelle Farbkombination erstellen.

Unterhalb befinden sich spezifischere Einstellungen, wo Sie festlegen können, auf welche Elemente eine Farbe angewendet werden soll.

Verwaltung des Hintergrunds (Bild / Farbe) der Blöcke

Auf der Bearbeitungsseite Ihrer Website können Sie über einen Block fahren und auf das Zahnrad-Symbol klicken, um die Einstellungen aufzurufen:

Ein Website-Vorlagenmodell hochladen

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

1. Klicken Sie im linken Seitenmenü auf die Schaltfläche Design.
2. Klicken Sie auf Thema auswählen.

Hier können Sie zwischen den verfügbaren Website-Themen wählen.

Nachdem Sie Ihr neues Thema gefunden haben, klicken Sie auf Installieren und wählen Sie die Teile des neuen Modells aus, die Sie importieren möchten (standardmäßig nur Farben, Schriftarten oder Menüstile), um zu vermeiden, dass der Inhalt Ihrer Website überschrieben wird.

Wenn Ihre Website neu ist, können Sie während des Imports mehr Optionen auswählen.

Ändern der Schriftarten der Website

Um dies zu tun:

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

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

Unterhalb befinden sich spezifischere Einstellungen, wo Sie festlegen können, auf welche Elemente eine Schriftart angewendet werden soll.

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

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

Beheben eines Problems mit fehlendem / unsichtbarem Text

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

wählen Sie den gesamten Inhalt der Website aus (Strg + A oder Cmd + A auf dem Mac); wenn Sie sehen, dass der Inhalt vorhanden ist, bedeutet dies wahrscheinlich, dass die Blockeinstellungen für einen dunklen Hintergrund konfiguriert 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 lösen:


 

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

Besucher sehen nur die Infomaniak-Wartungsseite. Sie können die Website weiterhin mit dem Site Creator anzeigen und bearbeiten.

Site Creator in den Wartungsmodus versetzen

Um Site Creator vorübergehend zu deaktivieren:

1. Melden Sie sich im Infomaniak Manager (manager.infomaniak.com) von einem Webbrowser wie Brave oder Edge aus an.
2. Klicken Sie auf das Symbol oben rechts in der Oberfläche (oder navigieren Sie z.B. über das linke Seitenmenü).
3. Wählen Sie Hosting (Web & Domain Universum).
4. Klicken Sie auf den Namen des relevanten Objekts in der angezeigten Tabelle.
5. Klicken Sie im linken Seitenmenü auf Site Creator.
6. Klicken Sie im Abschnitt Schnellverwaltung auf das Aktionenmenü ⋮.
7. Klicken Sie auf Wartungsmodus aktivieren.
8. Wiederholen Sie den Vorgang, um ihn zu deaktivieren.