Einführung in WebSite X5 3

• WebSite X5: Anleitung für Anfänger
• Der Arbeitsbereich von WebSite X5
• Die Vorschau des Projekts in WebSite X5

Erste Schritte 4

• So erstellen Sie eine Webseite in 5 Schritten
• So erstellen Sie einen Onlineshop
• Wie erstelle ich einen Blog?
• So erstellen Sie eine One-Page Website

General 3

• So wählen Sie eine Farbe mit dem Farbe-Fenster oder dem Pipette-Werkzeug aus
• So binden Sie ein Favicon auf Ihre Website ein
• So können Sie eine Menüleiste beim Scrollen immer sichtbar machen

Template 9

• So stellen Sie ein vordefiniertes Template ein
• So passen Sie Header und Fußzeile an
• So stellen Sie für eine Seite einen unterschiedlichen Hintergrund ein
• So stellen Sie für eine Seite einen unterschiedlichen Hintergrund für den Seiteninhalt ein
• So erstellen Sie ein neues Template aus einem leeren Template

Alle 9 ansehen

Stil 3

• So definieren und richten Sie einen Stil für die Texte Ihrer Website ein
• So stellen Sie den Stil für die E-Mails ein, die aus der Website gesendet werden
• So stellen Sie den Stil für Ihre Pop-up-Fenster Showbox ein

Objektstil 6

• So erstellen Sie eine Hintergrundbox für ein Objekt
• So können Sie einen Text oder eine Beschreibung für die Hintergrundbox erstellen
• So wenden Sie die Bibliothek der Stile an
• So stellen Sie einen Einblendeffekt für die Inhalte Ihrer Seiten ein
• So verwalten Sie die Ränder und die Ausrichtung der Objekte

Alle 6 ansehen

Zeilenstil 5

• So arbeiten Sie an den Zeilen des Rasters des Seitenlayouts
• Horizontale Streifen mit einer Hintergrundfarbe oder einem Hintergrundbild im Zeilenstil erstellen
• So erstellen Sie einen Parallaxe-Effekt
• So erstellen Sie einen Streifen, der so breit wie das Browserfenster ist
• Die Funktion Full Height für die Erstellung eines vertikalen Bildlaufs anwenden

Sitemap 2

• So erstellen Sie eine Sitemap
• Nützliche Befehle und Tastaturkürzel für die Arbeit an der Sitemap

Sonderseiten 8

• So können Sie eine Seite erstellen, die im Menü nicht verlinkt ist
• So erstellen Sie eine Seite, die in einem Pop-up-Fenster geöffnet wird
• So verwalten Sie eine unvollständige Seite
• So erstellen Sie eine Seite 404
• So wird ein Link zu einer externen Webseite im Hauptmenü eingestellt

Alle 8 ansehen

Grid 2

• So stellen Sie das Raster des Seitenlayouts ein
• So fügen Sie Seiteninhalte ein

Link 9

• So erstellen Sie einen Link
• So stellen Sie die Farbe des Links ein
• So erstellen Sie einen Textlink zu einer anderen Seite der Webseite
• So definieren Sie einen Link auf eine Bildergalerie, die auf einem ShowBox Fenster angezeigt wird
• So stellen Sie einen Link zu einer Datei wie z. B. ein PDF oder ein PowerPoint ein

Alle 9 ansehen

Texte, Titel und Tabellen 7

• So arbeiten Sie an Texten
• So schreiben und bearbeiten Sie einen Text
• So erstellen Sie einen Text mit einer Bildlaufleiste
• So erstellen Sie einen scrollbaren Text
• So organisieren Sie Ihre Texte mit Registerkarten

Alle 7 ansehen

Menü 1

• So können Sie mit dem Menü-Objekt arbeiten

Bilder 9

• So arbeiten Sie mit dem Bildobjekt
• Wo finden Sie die Bilder für Ihre Projekte
• Premium-Bilder: Was sie sind und wie können Sie sie verwenden
• So bearbeiten Sie ein Bild
• So erstellen Sie eine Panoramaaufnahme

Alle 9 ansehen

Button 1

• So erstellen Sie eine Schaltfläche

Galerie 2

• So stellen Sie eine Bildgalerie ein
• So erstellen Sie eine Bildergalerie in Full Width über die gesamte Breite des Browserfensters

Videos / Audiodateien 4

• So arbeiten Sie mit dem Video-/Audio-Objekt
• Wo finde ich die kostenlosen Videos für mein Projekt?
• So fügen Sie ein Video aus YouTube™ hinzu
• So erstellen Sie einen Poster für ein Video

Kontaktformular 9

• So arbeiten Sie mit dem Objekt Kontaktformular
• So stellen Sie ein Online-Kontaktform ein
• So organisieren Sie ein sehr langes Kontaktformular in verschiedenen Registerkarten
• So können Sie Tooltips für die Felder des Kontaktformulars zuweisen
• So werden Daten per E-mail gesendet

Alle 9 ansehen

Content Slider 1

• Was ist das Objekt Content Slider und wie wird es verwendet

Artikelliste 1

• So arbeiten Sie mit dem Objekt Artikelliste

Produktkatalog 1

• So arbeiten Sie mit dem Produktkatalog Objekt

Dynamischer Inhalt 4

• So arbeiten Sie mit dem Objekt Dynamischer Inhalt
• Benutzer für die Bearbeitung der Inhalte einer Website freischalten
• Den Standardinhalt für das Objekt Dynamischer Inhalt einstellen
• So arbeiten die freigeschaltete Benutzer mit dem Objekt Dynamischer Inhalt

Suchmaschine 3

• So richten Sie ein Suchfeld ein
• So funktioniert die interne Suchmaschine von WebSite X5
• So wird die Suchergebnisseite von WebSite X5 angezeigt

Portfolio 1

• Was ist und wie erstellt man ein Portfolio

Allgemeine Informationen 2

• Was sind Zusatzobjekte und wie werden sie verwendet
• Was bedeutet der Hinweis, dass ein Objekt „verworfen“ ist?

Audio and Video 2

• Objekt Audio Player. So erstellen Sie eine Playlist
• Objekt Spotify. So fügen Sie eine Spotify-Schaltfläche auf die Seiten Ihrer Website hinzu.

Button and Menu 5

• Objekt Animated Button. So erstellen Sie eine animierte Schaltfläche
• Objekt Download Button. So erstellen Sie eine Schaltfläche für den Download einer Datei
• Objekt Hover Button. So erstellen Sie eine animierte Schaltfläche
• Objekt Overlay Menu. So richten Sie ein Hamburger Menü, das beim Öffnen die ganze Seite überlagert
• Objekt Sticky Button. So richten Sie eine verankerte Schaltfläche am Rand der Seite ein

Cookies and Policies 4

• Objekt Cookie Script. Verwaltung und Einbindung eines Cookie-Banners auf Ihrer Website
• Objekt Cookiebot. Einrichtung und Einbindung eines Cookie-Banners auf Ihrer Website
• Objekt DP Check. So generieren Sie eine Datenschutzerklärung für Ihre Website
• Wie binde ich in WebSite X5 eine Datenschutzerklärung mit dem Objekt iubenda Privacy Policy ein?

Data Visualization 2

• Objekt PDF File. So importieren Sie eine PDF-Datei
• Objekt Skill Bar. So erstellen Sie einen Fortschrittsbalken

Form and Chat 3

• Objekt Image Form. So richten Sie ein Formular mit visuellen Antworten zur Erstellung eines Angebots ein
• So integrieren Sie LiveChat in WebSite X5
• Objekt OpenWidget. So verwandeln Sie Besucher Ihrer Website in zufriedene Kunden mithilfe eines Widgets

Fun 3

• Objekt Falling Down. So aktivieren Sie auf Ihren Seiten einen Schwall von Herzen, Konfetti, Blättern und viel mehr.
• Objekt Party Page. So animieren Sie eine Seite durch eine Explosion von Münzen, Sternen, Herz usw.
• Objekt SnowFall. Aktivieren Sie einen Schnee-Effekt auf Ihrer Seiten

Gallery and Slideshow 8

• Objekt 3D Rotation Gallery. So richten Sie ein Karussell ein
• Objekt Coverflow: So richten Sie ein Karussell mit 3D-Bildern ein
• Wie erstelle ich eine Bildergalerie mit dem Objekt Dropbox Gallery?
• Objekt Frame Gallery. So erstellen Sie eine Galerie, wo die Bilder im Hintergrund fließen, während ein Element im Vordergrund stehen bleibt
• Objekt Isometric Grid Gallery. So erstellen Sie eine Galerie, in der die Bilder in einem isometrischen Raster angeordnet sind

Alle 8 ansehen

Image and Icons 17

• Objekt Animated Box. So erstellen Sie eine animierte Box
• Objekt Animated Box 2. So erstellen Sie animierte Boxen mit anpassbaren Masken
• Objekt Animated Image. So erstellen Sie ein animiertes Bild
• Objekt Before/After Image. So verwandelt sich ein Bild
• Objekt Font Awesome Icons. So wenden Sie ein Icon Font an

Alle 17 ansehen

Language 1

• Objekt Language Choice. So erstellen Sie ein Menü für die Sprachauswahl

Map and Meteo 2

• Objekt Google Maps. So fügen Sie eine Karte hinzu
• Objekt Multiple Location Map. So wird eine Liste von Interessenpunkten auf einer Karte angezeigt

Promotion 3

• Objekt ADV Calendar. So richten Sie einen Online-Kalender für Ihre Rabatte und Geschenke ein
• Objekt Memory Game. Beleben Sie Ihr Business mit einem Memory-Spiel
• Objekt Scratch and reveal. Einrichtung und kommerzielle Nutzung des Spiels

Scroll Effect 5

• Objekt Fullscreen Scroll Slider. So erstellen Sie eine Galerie, in der ein Bild nach dem anderen in voller Breite angezeigt wird
• Fullscreen Scroll Text Objekt. So erstellen Sie einen Streifen mit einem animierten Text auf einem festen Hintergrund, der sich beim Scrollen der Seite animiert
• Objekt Scroll Gallery Hor. So richten Sie eine Galerie ein, wo ein Bild auf einmal angezeigt wird
• Objekt Scroll Gallery Ver. So richten Sie eine Galerie ein, wo die Bilder beim Scrollen sich vertikal überlappen
• Scroll Image Hor Objekt. So richten Sie ein Band mit Bilder ein, die beim Scrollen der Seite fließen

Shopping and Booking 9

• Objekt Cart Status. So wird der Warenkorb angezeigt
• Objekt Catalog Viewer. So erstellen Sie einen Online PDF-Katalog
• Objekt DonorBox: So fügen Sie ein Formular für eine Spendenkampagne oder einen Spenden-Button ein.
• Objekt Login & Logout. So richten Sie ein Login-Feld für Ihre Benutzer ein
• Objekt Price List. So richten Sie eine Speisekarte oder eine Preisliste ein

Alle 9 ansehen

Social 4

• Objekt AddToAny Sticky. So können Sie Ihre Website in Sozialen Netzwerken teilen lassen
• Objekt Mobile Contact. So sind Sie über Email, Telefon, WhatsApp und Soziale Netzwerke erreichbar
• Binden Sie mit dem SnapWidget-Objekt Ihre Fotos und Videos aus Ihren sozialen Netzwerken in Ihre Website ein
• Objekt Social Icons. So erstellen Sie einen Balken mit den Schaltflächen zu Ihrer Sozialen Netzwerke

Text 6

• Objekt Accordion Text & FAQ. So erstellen Sie einen auf- und zuklappenden Text
• Objekt Animated Headlines. So erstellen Sie einen animierten Titel
• Objekt Bounty. So erstellen Sie animierte Zahlen
• Objekt Flipbook. So richten Sie ein personalisiertes Flipbook aus einer PDF-Datei ein
• Objekt Shuffle Text. So richten Sie eine Textanimation ein, die auf dem Mischen von Buchstaben basiert

Alle 6 ansehen

Timeline 3

• Objekt Slider Timeline. So richten Sie eine Zeitleiste mit einer Slideshow ein
• Objekt Vertical Timeline. So erstellen Sie eine Zeitleiste.
• Objekt ZigZag Timeline. So erstellen Sie eine Zeitleiste

Utility 4

• Objekt Calendbook. So richten Sie einen Kalender für die Verwaltung von Terminen ein
• Objekt Flip Clock. So richten Sie einen Timer, einen Zähler oder einen Countdown ein
• Objekt Google Full Calendar. So fügen Sie einen Google Calendar auf Ihrer ein
• Objekt Poll. So richten Sie eine Online-Umfrage ein

General 3

• So erstellen Sie einen Menüeintrag für das Blog
• So verlinken Sie das ganze Blog oder nur einen bestimmten Blogbeitrag
• So erstellen Sie ein passwortgeschütztes Blog

Layout 5

• So bearbeiten oder wechseln Sie die Vorlage für das Blog
• Was sind Artikelboxen und wie passen Sie sie an
• So definieren Sie das Layout der Hauptseite des Blogs
• So definieren Sie das Layout der Artikelseiten des Blogs
• So fügen Sie Seitenblöcke mit den aktuellsten Blogbeiträgen, Kategorien und Tags hinzu

Artikel 6

• So erstellen, bearbeiten und entfernen Sie einen Artikel
• So fügen Sie ein Video in einen Blogbeitrag ein
• So fügen Sie ein Bild oder ein Slideshow in einen Blogbeitrag ein
• So können Sie die Quellen Ihres Artikels erwähnen
• So definieren und organisieren Sie den Zeitplan für die Veröffentlichung des Blogbeiträge

Alle 6 ansehen

Kommentare 5

• So aktiviere/deaktivieren Sie die Kommentare für Ihre Blogbeiträge
• So stellen Sie das interne System von WebSite X5 für die Verwaltung der Kommentare ein
• So verwalten Sie die Kommentare durch das Online Control Panel
• So verwalten Sie die Kommentare mit Disqus
• So verwalten Sie die Kommentare durch das Facebook-Plugin

Teilen 1

• So integrieren Sie eine Leiste mit Schaltflächen zum Teilen Ihrer Beiträge auf Sozialen Netzwerken

SEO 1

• So optimieren Sie Ihr Blog für Suchmaschinen

RSS-Feed 3

• Was ist ein RSS-Feed
• So erstellen Sie ein RSS-Feed
• So erstellen Sie ein RSS-Feed mit den Blogbeträgen

Onlineshop 6

• So stellen Sie einen Produktkatalog ein
• So fügen Sie mehrere Produktvarianten hinzu
• So importieren/exportieren Sie die Produkte
• So verkaufen Sie E-Books und andere Digitalprodukte in Ihrem Onlineshop
• So präsentieren Sie die Produkte Ihres Katalogs

Alle 6 ansehen

Versand 6

• So werden die Versandarten eines Onlineshops definiert
• So werden die Versandkosten für Gesamtgewicht definiert
• So werden die Versandkosten für Bestellwert definiert
• So definieren Sie verschiedene Versandkosten gemäß dem Land des Kunden
• So richten Sie die Sendungsverfolgung ein

Alle 6 ansehen

Zahlungen 9

• So definieren Sie Zahlungsarten
• Die verfügbaren Zahlungsarten
• So aktivieren und verwenden Sie die Zahlungsart PayPal Commerce Platform
• So verwalten Sie die Zahlungen mit Kreditkarte durch PayPal Commerce Platform
• So aktivieren Sie Apple Pay auf ein Konto von PayPal Commerce Platform

Alle 9 ansehen

Rabatte und Coupons 4

• So aktivieren Sie Rabatte und Coupons im Onlineshop
• So konfigurieren Sie einen Rabatt auf ein einzelnes Produkt
• So konfigurieren Sie einen Rabatt auf den gesamten Bestellwert
• So gewähren Sie einen Rabatt auf die Versandkosten

Bestellverwaltung und Verfügbarkeit der Produkte 5

• So können Sie den Versand der Bestellungen an eine Datenbank einrichten
• So definieren Sie die Produktverfügbarkeit Ihres Onlineshops
• So erstellen Sie die Inhalte von E-Mail-Benachrichtigungen
• So verwalten Sie Bestellungen und Produkte mit dem Online Control Panel
• So aktualisieren Sie das Projekt, nach der Bearbeitung der Bestellungen

Store 12

• So erstellen Sie eine Schaltfläche „Jetzt kaufen“
• So aktivieren Sie die Kundenregistrierung für Ihren Onlineshop
• Was sind Produktboxen und wie passen Sie sie an
• So können Sie die Suchseite für die Produkte Ihres Onlineshops anwenden
• So richten Sie personalisierte Filter für die Suchseite der Produkte ein

Alle 12 ansehen

Social Commerce 1

• So verkaufen Sie Ihre Produkte auf Facebook Shop und mit den Shoppable Post von Instagram

MagicText 3

• Was ist MagicText und wie wird es zur Erstellung von Textinhalten verwendet
• So schreiben Sie einen Prompt für MagicText
• MagicText: Fragen und Antworten

Privatsphäre und Sicherheit 1

• Wie wählt man das zu verwendende CAPTCHA für die Website aus?

Mehrsprachige Websites 5

• So erstellen Sie eine mehrsprachige Website
• So richten Sie die Auswahl der Sprache mit der Introseite ein
• So richten Sie die Auswhal der Sprache mit den Schaltflächen im Header des Templates ein
• So können Sie die Weiterleitungsfunktion auf der Basis der jeweiligen Browser-Sprache verwenden
• So veröffentlichen Sie die Projekte für eine mehrsprachige Website

Zugangsverwaltung 9

• Zugangsverwaltung und Erstellen eines geschützten Bereichs
• Erstellen von Benutzern und Benutzergruppen mit Zugriff auf passwortgeschützte Seiten
• Aktivierung der automatischen Benutzerregistrierung
• Konfiguration der Zugangsparameter für den Administrator
• Konfiguration von geschützten Seiten

Alle 9 ansehen

Werbung 4

• So können Sie ein Werbebanner einrichten
• So können Sie ein Banner als Hintergrund des Browserfensters anwenden
• So erstellen Sie ein Popup-Banner
• So können Sie Google AdSense für Ihre Werbebotschaft anwenden

Social 2

• So stellen Sie das Bild ein, das beim Teilen Ihrer Website auf Sozialen Netzwerken angezeigt wird
• So können Sie Ihre Kontakte benachrichtigen, dass Ihre Website online ist

Google-Einbindung 1

• So überprüft man eine Website, um Google Search Console™ zu nutzen

Statistiken 2

• So aktivieren Sie Google Analytics™
• So aktivieren Sie WebSite X5 Analytics

SEO für Ihre Website 5

• So wird die Datei robots.txt eingestellt und angewendet
• So arbeiten Sie mit der Datei sitemap.xml der Website
• So verwalten Sie die Überschriften-Tags
• So geben Sie die Title- und Description-Tags einer Seite manuell ein
• So prüfen Sie die SEO-Optimierung vor dem Export der Website

Strukturierte Daten 11

• Strukturierte Daten: Worum es geht und warum sind sie wichtig
• So werden die strukturierten Daten „Article“ angewendet
• So werden die strukturierten Daten „Breadcrumb“ angewendet
• So werden die strukturierten Daten „Carousel“ angewendet
• So werden die strukturierten Daten „FAQ“ angewendet

Alle 11 ansehen

Responsives Web Design 7

• So erstellen Sie eine responsive Website
• So definieren Sie die Umbruchpunkte einer responsiven Website
• So stellen Sie eine responsive Vorlage ein
• So verwalten Sie die Inhalte einer responsiven Website
• So überprüfen Sie mit der lokalen Vorschau Ihre responsive Website

Alle 7 ansehen

Websites für Desktop und für mobile Endgeräte (verschiedene URLs) 3

• So erstellen Sie eine Website für Desktop und eine für mobile Endgeräte
• So richten Sie diee Umleitung gemäß der Auflösung des Browsers ein.
• So können Sie die Notationen der Seitencodes für die URL der Desktop- und Mobile-Version einfügen

PWA – Progressive Web App 0

Grundlagen und Werkzeuge 4

• Web-Barrierefreiheit: Prinzipien, Vorteile und Herausforderungen
• WCAG 2.2: Was sind die Richtlinien zur Barrierefreiheit im Internet
• Barrierefreiheitskriterien in WebSite X5
• So überprüfen Sie das Zugänglichkeitsniveau Ihrer Website

Techniken und Best Practices 6

• So schreiben Sie einen Alternativtext für nicht-textuelle Inhalte auf Ihren Webseiten
• So überprüfen Sie den Farbkontrast, um die Web-Barrierefreiheit zu gewährleisten
• So gewährleisten Sie barrierefreie Tastaturnavigation
• So verwenden Sie Überschriften, um die Web-Barrierefreiheit zu gewährleisten
• So verwalten Sie Untertitel, Transkriptionen und Audiobeschreibungen für barrierefreie Videos und Audiodateien

Alle 6 ansehen

Projekt 9

• Was sind die Projekte und wie können Sie sie verwalten
• So verwalten Sie das Verzeichnis der Projekte
• So optimieren Sie das Projekt
• So übertragen Sie ein Projekt aus einem Rechner auf den anderen
• So erstellen Sie eine Kopie Ihres Projekts

Alle 9 ansehen

Sicherungskopien 4

• So verwalten Sie die Sicherungskopien Ihrer Projekte
• So erstellen Sie eine Sicherungskopie automatisch und manuell
• So widerherstellen Sie eine Sicherungskopie
• So können Sie die alten Backup-Kopien automatisch entfernen

Web Fonts 4

• Standardschriften und Web-Font
• So können Sie Offline Web-Font einbinden
• So binden Sie eine Schriftart aus Google Font ein
• So downloaden Sie eine Schrift aus Fontsquirrel

Sprachen 1

• Sprachverwaltung für automatisch eingefügten Text

Konversion 6

• Konvertieren von Projekten. So aktualisieren Sie sie ohne Probleme
• Version 2024.2: Neuheiten und Hinweise für die Konversion
• Version 2021.3: Hinweise für die Konversion
• Version 2021.2: Hinweise für die Konversion
• Version 2021.1: Neuheiten und Hinweise für die Konversion

Alle 6 ansehen

Control Panel 4

• Das Online Control Panel von WebSite X5
• So passen Sie den Stil für das Online Control Panel an
• So aktivieren Sie die Zusendung von Push-Benachrichtigungen
• So installieren Sie das Control Panel als App

App WebSite X5 Manager 0

WebSite X5 Hosting 10

• Was ist und wie aktiviert man das neue inklusive WebSite X5 Hosting
• Das Control Panel für die Verwaltung der Hosting-Services
• Webhosting - So können Sie Ihre Website mit dem inklusiven Service WebSite X5 Hosting exportieren
• Webhosting - So übetragen Sie Ihre Website auf das WebSite X5 Hosting
• Webspace - Die Prozedur für das Backup und die Wiederherstellung der Datenbank)

Alle 10 ansehen

Serveranforderungen 4

• Inklusives Hosting oder externes Hosting: Welche Option eignet sich zur Veröffentlichung Ihrer WebSite X5-Website
• So können Sie Ihre Website mit einem anderen Hosting-Service als WebSite X5 Hosting exportieren
• Welche sind die Mindestanforderungen für den Server?
• So überprüfen Sie in Ihrer Datenbank, wenn Strict Mode aktiv ist

Pläne 4

• Die Editionen von WebSite X5: Die kostenlose Testversion
• Die Editionen von WebSite X5: Die Premium-Versionen
• So wechseln Sie Ihre Edition von WebSite X5
• Dürfen die mit WebSite X5 erstellten Websites verkauft werden?

Installation 2

• So aktivieren Sie WebSite X5 erfolgreich
• Technische Daten für WebSite X5

Credits 1

• So aktivieren Sie Credits in WebSite X5

Preview & Beta Programmen 1

• So können Sie Ihre Projekte mit der Preview Version verwalten