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

Vorwort

• Standardmäßig sollten auf den Geräten Ihrer Besucher keine Cookies gespeichert werden, wenn Ihre Website neu ist. Es gibt keine Verfolgungsfunktion 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 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 Website-Besucher abstimmt (um sich daran zu erinnern, dass er bereits abgestimmt hat).

Benachrichtigung für den Besucher

Voraussetzungen

• Gelangen Sie zu Site Creator:
  1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
  2. Klicken Sie direkt auf den dem betreffenden Produkt zugeordneten Namen.
  3. Klicken Sie auf Meine Website anpassen:
     

Sie können eine Cookie-Zustimmungsnachricht aktivieren, die in einem kleinen Popup-Fenster unten auf dem Bildschirm 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. Stellen Sie den erweiterten oder nicht erweiterten Anzeigetyp ein (weiter unten lesen).
5. Speichern Sie die Änderungen unten auf der Seite:
   ‍

Zusätzliche Einstellungen

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

• standardmäßig:
  
• erweitert:
  

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

Vorwort

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

Site Creator in Wartung versetzen

Um Site Creator vorübergehend zu deaktivieren:

1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
2. Klicken Sie direkt auf den Name des betreffenden Produkts.
3. Klicken Sie auf Verwalten ‍ oben auf der Seite.
4. Klicken Sie auf Wartungsmodus aktivieren.
   • Führen Sie denselben Vorgang aus, um ihn zu deaktivieren:
     
   • Sie können den Wartungsmodus auch vom Vorschaufenster Ihrer Website deaktivieren:
     

Diese Anleitung beschreibt die Verwendung von Medien in Site Creator Infomaniak.

Zu beachten ist, dass es ebenfalls möglich ist, andere Elemente wie z. B. ein Anmeldeformular für den Infomaniak Newsletter einzufügen.

Voraussetzungen

• Gelangen Sie zu Site Creator:
  1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
  2. Klicken Sie direkt auf den Name des betreffenden Produkts.
  3. Klicken Sie auf Meine Website anpassen:
     

Bild hinzufügen

Die Medien werden in der Dateibibliothek verwaltet:

1. Fügen Sie einen neuen Inhalt-Block mit Bildern hinzu, die Sie später 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 Bildblock rechts.

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

Sie können Bilder auch 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 Foto-Rahmen 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 zu einem Bild hinzufügen indem Sie ein YouTube-Video als URL verwenden: Dies erstellt automatisch ein PLAY-Symbol, 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 Audio-Player, um ihn auf der Seite einzufügen.

Sie können es über die HTML-Bearbeitung fortgeschritten anpassen.

Eine Datei zum Download 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 Dateidownload, um es auf die Seite zu setzen.
5. Wählen Sie in der Bibliothek die Datei aus, die von Ihren Besuchern heruntergeladen werden kann.

Diese Anleitung beschreibt das Verhalten von Site Creator Infomaniak und der damit erstellten Website bei verschiedenen Bildschirmformaten und -auflösungen.

Voraussetzungen

• Gelangen Sie zu Site Creator:
  1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
  2. Klicken Sie direkt auf den Name des betreffenden Produkts.
  3. Klicken Sie auf Meine Website anpassen:
     

Den Site auf verschiedenen Geräten anzeigen

Die mit Site Creator erstellten Websites passen sich automatisch an die Browser an, unabhängig vom Gerät (Computer, mobiles Gerät, Tablet, großer und kleiner Bildschirm usw.). Sie können jedoch je nach bestimmten Parametern, die Sie einstellen können, unterschiedlich reagieren. Um die Version der Website je nach Lesegerät vorab zu betrachten, klicken Sie auf die blaue Schaltfläche … , die sich ganz unten im linken Seitenmenü befindet, um die Optionen für Veröffentlichung und Vorschau zu erweitern:

Klicken Sie auf Vorschau, dann oben auf der Seite auf das Aktionsmenü rechts neben Vorschau, um den Lesegerätetyp zu ändern.

Ihre Website in reduzierter Breite anzeigen

Sie können die Breite Ihrer Website reduzieren. Diese Anzeige innerhalb eines "Containers" oder "Kastens" ist jedoch nur auf großen Bildschirmen wie Desktop-Computern sichtbar:

1. Klicken Sie auf die Schaltfläche Design im linken Seitenmenü.
2. Klicken Sie auf Mehr Parameter:
   ‍
3. Speichern Sie die Änderungen unten auf der Seite.

Einen Inhaltsblock je nach Gerätetyp ausblenden

In den Optionen eines Inhaltsblocks können Sie festlegen, dass dieser nur auf bestimmten Gerätetypen angezeigt wird (z.B. Mobilgeräte):

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

Voraussetzungen

• Gelangen Sie zu Site Creator:
  1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Manager Infomaniak zuzugreifen (Hilfe benötigen?).
  2. Klicken Sie direkt auf den Name des betreffenden Produkts.
  3. Klicken Sie auf Meine Website anpassen:
     

Benutzerdefinierten Code hinzufügen

Sobald Sie in Site Creator sind:

1. Klicken Sie auf Design im linken Seitenmenü.
2. Klicken Sie auf Mehr Einstellungen.
3. Klicken Sie unten auf Benutzerdefinierter Code:
   
4. Geben Sie HTML-Code, JavaScript (mit seinen Tags Skript oder CSS (mit seinen Tags Stil) - lesen Sie weiter unten für einige Beispiele.
5. Speichern Sie die Änderungen unten auf der Seite.

Metadaten im HEAD & BODY

Um JavaScript-Code oder jeden anderen Code im Abschnitt Kopf oder BODY des Quellcodes Ihrer Website:

1. Klicken Sie auf Einstellungen im linken Seitenmenü.
2. Klicken Sie auf SEO & Metadaten im Abschnitt Websites-Konfiguration.
3. Scrollen Sie nach unten zu Benutzerdefinierter Code.
4. Wählen Sie aus, ob Sie unter den Registerkarten Kopf oder unter BODY.
5. Speichern Sie die Änderungen unten auf 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 zugreifen können, was Sie zwingen wird, von vorne zu beginnen.

Den Hintergrund des Websites anpassen

Um Ihr gewünschtes Bild (das in der Dateibibliothek hochgeladen werden soll) als Hintergrundbild zu verwenden und dessen Anzeige anzupassen:

1. Gehen Sie zu Punkt 3, der auf dem ersten Bild oben in dieser Anleitung 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 Seitenkörper ä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.

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

Um die Buchstaben in den anklickbaren Wörtern (Links) weit auseinander zu setzen:

1. Gehen Sie zu Punkt 3, der auf dem ersten Bild oben in dieser Anleitung 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; indem der Wert verringert wird (z.B. 0.9em) und das Semikolon nicht vergessen wird, um den nächsten Befehl einzufügen oder zu beenden.
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-Code-Beispiele zu durchstöbern, die Sie auf Ihrer Website einfügen können.

Diese Anleitung erklärt, wie Sie eine mit Site Creator Infomaniak erstellte Website mit einer Domain in Ihrem Manager verbinden.

Site Creator mit einer Domain verbinden

Um Site Creator mit einer bestehenden Domain in Ihrem Infomaniak-Konto zu verbinden:

1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
2. Klicken Sie direkt auf den Name, der dem betreffenden Produkt zugewiesen ist.
3. Klicken Sie auf Meine Website mit einer Domain verbinden, um den Konfigurationsassistenten unten zu starten: 
   

Verwalten Sie die Domain(n) von Site Creator

Um die Domain(en) zu verwalten, die mit Site Creator verwendet werden:

1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
2. Klicken Sie direkt auf den Name, der dem betreffenden Produkt zugewiesen ist.

Am oberen Bildschirmrand werden eventuelle Meldungen zu Problemen mit Site Creator und den Domains angezeigt.

Unten können Sie Ihre Domains verwalten, falls vorhanden:

Vorläufige Adresse, Vorschau-URL

Mehrere Domains können mit Site Creator verbunden, gelöscht oder ausgetauscht und umgekehrt werden, wenn es erforderlich ist:

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

Diese Anleitung hilft Ihnen, das Erstellen und Bearbeiten von Seiten in Site Creator Infomaniak zu verstehen.

Voraussetzungen

• Gelangen Sie zu Site Creator:
  1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
  2. Klicken Sie direkt auf den Name des betreffenden Produkts.
  3. Klicken Sie auf Meine Website anpassen:
     

Einfache Seitenbearbeitung

Die Bearbeitung einer Seite erfolgt in Echtzeit und Ihre Änderungen werden fortlaufend gespeichert, während Sie den Inhalt Ihrer Blöcke bearbeiten. Sie können Ihre Änderungen bei Bedarf rückgängig machen.

Ein Link erstellen

Erstellen Sie einen Link aus einem Bild oder Text, indem Sie das Objekt direkt auswählen.

Klicken Sie anschließend auf die Kette um den Teil zu öffnen, der es Ihnen ermöglicht, den Linktyp und die zugehörigen Optionen zu spezifizieren:

Einen Link in einen Button umwandeln

In den Einstellungen Ihres Links können Sie den Stil (abgerundeter Button, voll, etc.), das zugehörige Symbol usw. auswählen:

 

Ein Link bearbeiten

Bearbeiten Sie einen Link, indem Sie darauf klicken:

Ein Link zu einer Datei erstellen

Um es Ihren Besuchern zu ermöglichen, eine Datei über einen Link auf einem Objekt herunterzuladen, wählen Sie den Typ "Datei" in den Einstellungen Ihres Links:

Einen Link zu einer E-Mail erstellen

Wählen Sie den Typ "E-Mail-Adresse" in den Einstellungen Ihres Links aus. Ein Klick auf den Link öffnet die Standard-E-Mail-Anwendung des Besuchers und beginnt mit der Erstellung einer E-Mail mit der vorgefertigten E-Mail-Adresse.

Um zu verhindern, dass die E-Mail-Adresse fest auf Ihrer Seite steht, fügen Sie ein Kontaktformular ein.

Ein Link zu einem bestimmten Abschnitt erstellen

Um den Besucher zu einem bestimmten Abschnitt Ihrer Website oder einer anderen zu leiten, verwenden Sie das System der Anker.

Ein Link von einem Bild erstellen

Wenn Sie auf ein Bild klicken, um es zu bearbeiten, aktivieren Sie einfach die Schaltfläche "Dies ist ein Link" unter dem Bild, um die URL anzugeben, die angezeigt werden soll, wenn ein Besucher darauf klickt:

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

Eine Liste erstellen, ein Emoji einfügen...

Die verschiedenen Formatierungsmöglichkeiten für Ihren Text befinden sich oberhalb der Textauswahl und zusätzliche Optionen (Aufzählungslisten, Ausrichtung, Emojis usw.) sind mit dem Pfeil zugänglich:

Diese Anleitung befasst sich mit der Einrichtung des Symbols, das in der Lesezeichenleiste eines Webbrowsers angezeigt wird, des Favicons, in Site Creator 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 in Site Creator einrichten

Voraussetzungen

• Gelangen Sie zu Site Creator:
  1. Klicken Sie hier, um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Hilfe benötigen?).
  2. Klicken Sie direkt auf den Name des betreffenden Produkts.
  3. Klicken Sie auf Meine Website anpassen:
     

Um ein neues Favicon festzulegen:

1. Klicken Sie auf die Schaltfläche Einstellungen im linken Seitenmenü.
2. Klicken Sie auf Allgemeine Einstellungen.
3. Scrollen Sie nach unten bis zum Abschnitt Favicon:
   
4. Wählen Sie die favicon auf Ihrer Festplatte aus.
5. Speichern Sie die Änderungen unten auf der Seite.
6. Vorschau des Ergebnisses im Browser (falls notwendig in einem neuen Fenster im Inkognito-Modus z.B.):
   

Dieser Leitfaden beschreibt die Grenzen von Site Creator Infomaniak.

Grenzen von Site Creator

Inhalt

• Es gibt keine Begrenzung für die Anzahl der Seiten oder Shop-Artikel, die mit Site Creator hinzugefügt werden können.
• Das gesamte Volumen, das Ihnen zur Verfügung steht, hängt von der Größe der Hosting, auf dem sich die mit Site Creator erstellte Website befindet; ein übliches Webhosting verfügt über 250 GB Speicherplatz.
• Nehmen Sie auch diesen anderen Leitfaden zur Kenntnis.

FTP-Verwaltung

• Sie können nicht auf die Dateien Ihrer Website auf Serverseite zugreifen, weder per FTP noch auf einem anderen Weg als über den Verwalter, der über den Infomaniak Manager angeboten wird.

Export der Webseite

• Es ist nicht möglich, die Webseite zu importieren oder zu exportieren (z.B. zu einem anderen Hosting-Provider oder einem anderen Hosting).
• Die Themen oder Module sind nicht exportierbar.

In diesem Leitfaden wird erläutert, wie man importierte Video-/Audiodateien auf Webseiten einbetten kann. VOD / AOD-Service Infomaniak.

Präambel

• Dieser VOD / AOD-Integrationscode ist einzigartig und entspricht den Einstellungen, die Sie auf der Seite angeben.
• Es ermöglicht Ihnen, ein und dasselbe Video mit unterschiedlichen Display-Konfigurationen nach Ihren Bedürfnissen zu integrieren.
• Anschließend können Sie die Einstellungen für diese Integration ändern, indem Sie sie von der Integrations-History-Seite auf dem Infomaniak Manager anpassen.

Integrationscode erzeugen und kopieren

Der Integrationscode befindet sich auf Ihrer VOD-Schnittstelle; hier ist ein Beispiel mit einem Player Standard:

1. Klicken Sie hier um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Brauchst du Hilfe?).
2. Direkt klicken auf den Namender betroffenen Ware zugeordnet werden.
3. Klicken Sie auf Medien im linken Seitenmenü.
4. Klicken Sie auf Medienmanagement im linken Seitenmenü.
5. Klicken Sie auf das betreffende Medium in der Tabelle, die angezeigt wird.
6. Klicken Sie auf den blauen Knopf Teilen.
7. Klicken Sie auf Eine Integration schaffen.
8. Passen Sie die Integration des Mediums an.
9. Klicken Sie auf die Schaltfläche Generieren Sie den Integrationscode.
10. Kopieren Sie den Code, um ihn an den gewünschten Ort zu integrieren:

Das Medium wird in diesem Fall mit dem Standard-Player eingefügt werden, aber Sie haben die Möglichkeit zu wählen unter Ihren erstellten Playern die bei der Integration vorzuschlagen ist.

Vorherige Integration bearbeiten

Um die bereits durchgeführte Integration Ihres Mediums erneut zu personalisieren und um den entsprechenden Code zu behalten, ohne ihn erneut einzufügen zu müssen:

1. Klicken Sie hier um auf die Verwaltung Ihres Produkts im Infomaniak Manager zuzugreifen (Brauchst du Hilfe?).
2. Direkt klicken auf den Namender betroffenen Ware zugeordnet werden.
3. Klicken Sie auf Medien im linken Seitenmenü.
4. Klicken Sie auf Medienmanagement im linken Seitenmenü.
5. Klicken Sie auf das betreffende Medium in der Tabelle, die angezeigt wird.
6. Klicken Sie auf den blauen Knopf Teilen.
7. Klicken Sie auf Integration bearbeiten:
   
8. Klicken Sie auf das Aktionsmenü ⋮ rechts des betreffenden Objekts in der Tabelle, die angezeigt wird.
9. Klicken Sie auf das gewünschte Element, um die Integrations- / Sharing-Codes zu erhalten / zu ändern:
   

Integrationscode einfügen...

Auf der Webseite Ihrer Wahl, fügen Sie den Code an die gewünschte Stelle ein.

... auf Website Creator Infomaniak

Für Creator-Website, muss ein Integrationscode erzeugt werden (und nicht "reaktives" oder "reaktives" oder "reaktives" oder "reaktives" oder "reaktives" oder "reaktives" oder "reaktives" (reaktives" oder "reaktives" oder "reaktives")):

Fügen Sie diesen Code dann in einen benutzerdefinierten HTML-Code-Block auf Site Creator ein.

Hier ist ein Beispiel für das Kopieren und Einfügen von der Integrationsseite eines Mediums: