Schulung · Workshop · Coaching · Beratung

Webflow Schulung: Digitale Geschäftsmodelle mit Website & CMS

Digitale Geschäftsmodelle mit Webflow – Website, CMS und Shop in der Praxis

Dauer: ab 1 Tag | Preis: ab 900 EUR (Netto) | Termin: Ganztägig + halbtägig

Eine eigene Webflow-Website für Ihr Geschäftsmodell aufbauen – mit sauberem Klassensystem, CMS-Collections für wiederkehrende Inhalte, Formularen für Anfragen, Shop, eigener Domain und einer SEO-Grundausstattung, die Ihr Team selbst pflegen kann.

Wie wird aus einer Webflow-Vorlage eine Website, die Anfragen bringt und gepflegt bleibt?

Webflow ist ein visueller Website-Baukasten, der näher am Web arbeitet als Wix oder Squarespace: Was Sie auf der Leinwand gestalten, wird zu HTML und CSS mit Klassen, Flexbox und Grid, Inhalte wie Kurse, Referenzen oder Blogartikel liegen in CMS-Collections, und Hosting, SSL und Veröffentlichen sind eingebaut. Für digitale Geschäftsmodelle heißt das: Gründer:innen, Marketingteams und Agenturen bauen eine individuelle Website mit Anfrageformular, Shop und Suchmaschinenoptimierung, ohne für jede Änderung eine Entwicklerin zu beauftragen.

Ausgangspunkt ist eine Vorlage, die Sie Schritt für Schritt zur eigenen Website umbauen: Logo, Farben und Schriften als Variablen, Navigationsleiste mit Menü-Schaltfläche fürs Smartphone, Hero-Bereich, Inhaltsboxen mit Flexbox, Bildslider, dann Info- und Kontaktseite mit Formular und Hintergrundbild. Dabei lernen Sie das Style-Panel und die Vererbung über Klassen und Haltepunkte so kennen, dass Sie verstehen, warum eine Textänderung plötzlich auf drei Seiten wirkt. Danach geht es weiter in die Tiefe: CMS-Collections mit Referenzfeldern und Listen, CSV-Import, E-Commerce mit Stripe und PayPal, Seitentitel und Meta-Beschreibungen aus CMS-Feldern, 301-Weiterleitungen, eigene Domain und Datenschutz.

Webflow hat KI-Funktionen in den Designer eingebaut: Der AI Assistant schlägt Abschnitte (noch als Beta) und Texte vor, ein KI-Site-Builder erstellt aus einer Beschreibung einen ersten Entwurf, und über den Webflow-MCP-Server können KI-Assistenten CMS-Einträge lesen und ändern. Wir testen das an der Seminar-Website und legen fest, was nur als Entwurf entstehen darf und wer veröffentlicht.

Welche Plattform überhaupt zu Ihrem Vorhaben passt, vergleicht unsere No-Code-Werkzeuglandkarte als eigenes Seminar; hier arbeiten Sie durchgehend in Webflow. Wer schon eine Webflow-Site betreibt, bringt sie mit, und wir räumen gemeinsam Klassen, Collections und SEO-Felder auf.

Auch hco.de läuft auf Webflow, und die lehrreichsten Stunden damit hatten nichts mit Gestaltung zu tun. Ein Sammelimport per CSV hat einmal Dutzende Kursseiten still auf Entwurf gesetzt – beim nächsten Veröffentlichen waren sie offline, und niemand hatte einen Knopf falsch gedrückt. Seitdem gilt bei mir: Das CMS ist das eigentliche Produkt, die Gestaltung ist die Hülle. Wer Felder, Referenzen und Entwurfsstatus im Griff hat und Klassen nach System benennt, kann das Design jederzeit erneuern. Wer nur die Leinwand kennt, baut bei jeder Änderung von vorn.
Themen und Inhalte für Ihre Beratung, Coaching, Workshop, Training, Schulung und Weiterbildung:

Digitale Geschäftsmodelle mit Webflow – Website, CMS und Shop in der Praxis

Webflow einordnen
  • Eine Website ohne Code erstellen: Webflow erzeugt HTML, CSS und JavaScript aus der visuellen Leinwand
  • Was Sie für Webflow wissen sollten: Box-Modell, Klassen, Vererbung und Haltepunkte
  • Webflow neben Wix, Squarespace und WordPress – Werkzeugvergleich im Seminar „No-Code-Lösungen“
  • Workspace- und Site-Pläne: wann Starter reicht und ab wann Basic-, Premium- oder E-Commerce-Plan nötig sind
  • Rollen in Workspace und Site: Gestaltung, Inhaltsbearbeitung, Zugänge für Agenturkund:innen
Projekt anlegen und den Designer kennenlernen
  • Neue Site anlegen: leere Leinwand, Vorlage aus dem Marketplace oder Duplikat einer Site
  • Vorlage auswählen: Lizenz, CMS-Struktur und Ordnung des Klassensystems prüfen
  • Rundgang durch den Designer: Navigator, Elemente-Panel, Style-Panel, Einstellungen
  • Seiten-, Assets- und CMS-Panel sowie die Haltepunkte für Tablet und Smartphone
  • Rolle Content editor (früher Edit mode) für Redaktion: Texte, Bilder und CMS-Inhalte ändern, ohne das Layout anzufassen
Navigation, Farben und Schriften
  • Farbe von Logo und Navigationsleiste ändern – Farben als Variablen statt Einzelwerte
  • Links im Navbar-Element bearbeiten, aktuelle Seite hervorheben, Dropdown-Menüs anlegen
  • Schriftarten der Navigation: Webfonts hochladen statt sie von Google-Servern zu laden
  • Menü-Schaltfläche (Hamburger) für Tablet und Smartphone gestalten und testen
  • Navigation und Footer als Komponente anlegen und auf allen Seiten wiederverwenden
Startseite aufbauen und anordnen
  • Hero-Bereich (früher Jumbotron): Überschrift, Nutzenversprechen, Handlungsaufforderung
  • Vorlagenboxen an statische Inhalte anpassen und überflüssige Elemente entfernen
  • Inhalte in statische Boxen einfügen: Text, Icons und Bilder mit Alternativtext
  • Blöcke mit Flexbox anordnen: Richtung, Abstände, Umbruch und Ausrichtung
  • CSS Grid für Raster mit mehreren Bereichen, etwa Leistungskacheln oder Teamseite
  • Slider-Element konfigurieren: Folien, Navigation, Autoplay – und wann ein Slider eher schadet
  • Startseitentext einfügen und gliedern: genau eine H1, saubere Überschriftenhierarchie
  • Interaktionen und Animationen sparsam einsetzen und auf Smartphones prüfen
Klassen, Stile und responsives Verhalten
  • Klassen und Kombiklassen benennen, wiederverwenden und doppelte Stile vermeiden
  • Vererbung je Haltepunkt: Stile vom Desktop nach unten übernehmen und gezielt überschreiben
  • Variablen für Farben, Abstände und Schriftgrößen als kleines Designsystem
  • Komponenten mit Eigenschaften für wiederkehrende Bereiche wie Preisboxen oder Zitate
Unterseiten anlegen
  • Text zur Info-Seite hinzufügen und mit Absatz- und Überschriftenstilen gliedern
  • Bild auf der Info-Seite einfügen: Format, Größe und responsive Bildvarianten
  • Kontaktseite und Formular konfigurieren: Felder, Pflichtangaben, Bestätigung
  • Hintergrundbild der Kontaktseite: Ausschnitt, Überlagerung und Kontrast für Lesbarkeit
  • Fehlerbehebung bei Textänderungen: Stil auf Klasse oder Element, Vererbung im Style-Panel lesen
  • Frühere Stände über Sicherungen und Versionsverlauf wiederherstellen
  • Seitenordner, eigene 404-Seite und passwortgeschützte Seiten
Inhalte im CMS verwalten
  • CMS-Collections planen: Felder, Pflichtfelder, Referenz- und Mehrfachreferenzfelder
  • Collection-Vorlagenseite gestalten und Felder an Text, Bilder und Links binden
  • Collection-Listen mit Filtern, Sortierung und Begrenzung auf beliebigen Seiten einbinden
  • Bedingte Sichtbarkeit: Elemente nur zeigen, wenn ein Feld gefüllt ist
  • CSV-Import und -Export von Einträgen – Bildspalten und Entwurfsstatus nach dem Import kontrollieren
  • Redaktionsablauf: Entwurf, geplante Veröffentlichung, einzelne Einträge veröffentlichen
Formulare und Anfragen
  • Formulareinsendungen in Webflow einsehen und Benachrichtigungen an mehrere Empfänger senden
  • Spam-Schutz für Formulare und Datenschutzhinweis direkt am Formular
  • Anfragen per Webhook, Zapier oder Make an CRM, Newsletter-Tool oder Tabelle weitergeben
E-Commerce und Mitgliederbereiche
  • E-Commerce-Plan aktivieren: Produkte, Varianten, Kategorien und digitale Produkte
  • Zahlungen über Stripe und PayPal, Steuer- und Versandregeln einrichten
  • Warenkorb, Checkout und Bestellbestätigungs-E-Mails an das Design anpassen
  • Grenzen des Webflow-Shops – wann Shopify oder ein eingebetteter Shop die bessere Wahl ist
  • Mitgliederbereiche: nach dem Ende der Webflow User Accounts mit Memberstack oder Outseta
  • Pflichtangaben im Shop: Impressum, AGB, Widerrufsbelehrung, Button „zahlungspflichtig bestellen“
Veröffentlichen, Hosting und SEO
  • Webflow-Site veröffentlichen: zuerst auf der webflow.io-Adresse, dann auf der eigenen Domain
  • Eigene Domain verbinden: DNS-Einträge, SSL-Zertifikat, Variante mit oder ohne www
  • SEO je Seite: Titel, Meta-Beschreibung und Open-Graph-Bild, bei CMS-Seiten aus Feldern
  • 301-Weiterleitungen beim Umzug, automatische Sitemap, robots.txt und kanonische Adressen
  • Ladezeit im Blick: Bildgrößen, Schriftdateien, eingebundene Skripte von Drittanbietern
  • Leistung überwachen: Google Search Console und Webanalyse mit Einwilligung einbinden
  • Datenschutz: Hosting außerhalb der EU, Auftragsverarbeitung, Cookie-Einwilligung für Tracking
  • Nächste Schritte: Webflow University, Lokalisierung und Apps aus dem Marketplace
KI-Funktionen in Webflow
  • AI Assistant im Designer: Abschnitte (Beta), Texte und Stile aus einer Beschreibung vorschlagen lassen
  • KI-Site-Builder: Startentwurf mit Seiten und Stilsystem erzeugen, danach Klassen aufräumen
  • Alternativtexte für Bilder per KI vorschlagen lassen und inhaltlich gegenlesen
  • Webflow-MCP-Server: KI-Assistenten ändern CMS-Einträge über die Data API, veröffentlicht wird von Hand
  • Grenzen: Markensprache, Faktenprüfung, keine Kundendaten in Eingaben an den Assistenten
Praxisprojekt: Website mit Kursterminen und Shop für eine Keramikwerkstatt
  • Variablen für Farben und Schriften der Werkstatt, Klassensystem für alle Seiten
  • CMS-Collection für Töpferkurse mit Referenz auf Kursleitungen, Terminliste auf der Startseite
  • Shop für Gutscheine und Einzelstücke mit Abholung in der Werkstatt statt Versand
  • Anmeldeformular mit Weiterleitung an die Kursliste und Datenschutzhinweis
  • SEO-Titel aus CMS-Feldern, Weiterleitungen der alten Adressen, Start auf der eigenen Domain
Lernziele
  • Sie bauen aus einer Vorlage eine eigene Webflow-Website mit Variablen, Klassen und Komponenten
  • Sie gestalten Seiten responsiv mit Flexbox, Grid und Haltepunkten und finden Stilfehler über die Vererbung
  • Sie modellieren wiederkehrende Inhalte als CMS-Collections und binden sie in Vorlagen- und Listenseiten ein
  • Sie richten Formulare, einen Shop mit Stripe oder PayPal und die Weitergabe von Anfragen ein
  • Sie veröffentlichen auf der eigenen Domain und pflegen Seitentitel, Meta-Beschreibungen und Weiterleitungen
Zielgruppe
  • Gründer:innen, die ihre Geschäftswebsite selbst bauen und pflegen wollen
  • Marketingteams, die Landingpages, Blog und Referenzen ohne Entwicklungsauftrag ändern
  • Agenturen und Freiberufler:innen, die Kundenwebsites in Webflow umsetzen und übergeben

*) Die Inhalte werden individuell abgestimmt und mit Praxisbeispielen abgerundet.

Ein Symbol für einen Kalender.

Offene Termine

Kostenlose Reservierung
Ein Symbol für Angebot erhalten.

Unser Angebot

Sind Sie auf der Suche nach einer Veranstaltung, die genau Ihrem Bedarf entspricht? Einer Veranstaltung, welche nur Inhalte vermittelt, die Sie selbst gewählt haben und speziell auf Ihr Unternehmen zugeschnitten ist? Dann sind Sie bei uns richtig!

Dauer

Ein Symbol für Dauer.
ab 1 Tag (8 UE)

Die Dauer richtet sich nach Ihren Vorstellungen und inhaltlichen Wünschen. Sie bekommen genau das, was Sie brauchen.

Preis

Ein Symbol für Preis.
ab 900 EUR (Nettopreis)
ab 1.071 EUR (Bruttopreis)

Die Preise verstehen sich bei Unternehmern gemäß § 14 BGB zzgl. MwSt. Der dargestellte Ab-Preis gilt für firmeninterne Veranstaltungen und entspricht dem niedrigsten Gesamtpreis für Veranstaltungen mit bis zu drei (3) Teilnehmenden.

Termin

Ein Symbol für einen Kalender.
Ganztägig + halbtägig
nach Vereinbarung

Ihr Wunschtermin wird bei der Planung berücksichtigt. Die Veranstaltung findet ganztägig + halbtägig zu flexiblen Zeiten statt.

Ihre Vorteile

Ein Symbol für ein Vorgespräch durchführen.
Persönliches Vorgespräch
Ein Symbol für die individuelle Vorbereitung.
Individuelle Vorbereitung
Ein Symbol für Experten aus der Praxis.
Experten aus der Praxis
Ein Symbol für ein Zertifikat.
Inklusive Zertifikat

Unsere Garantien

1. Relevanz-Garantie

Wir passen den Inhalt spezifisch an die Bedürfnisse jedes Teilnehmers an. Irrelevante Themen werden ausgespart, um den größtmöglichen Nutzen zu garantieren.

2. Qualitäts-Garantie

Durch regelmäßiges Feedback optimieren wir unsere Schulungen kontinuierlich und garantieren Ihnen ein Lernerlebnis der Extraklasse.

3. Zufriedenheits-Garantie

Unsere Zufriedenheitsgarantie spricht für sich – bei Unzufriedenheit entstehen Ihnen keine Kosten.

Wir helfen gerne weiter!

Rufen Sie uns an, schreiben eine E-Mail oder nutzen das Kontaktformular.

Jetzt anfragen
Einige Unternehmen, für die wir tätig waren

TÜV Rheinland Immobilien GmbH

Evonik Industries AG

INFORM GmbH

Teilnehmer

Feedback

Herr Hecker ist sehr gut auf individuelle Wünsche, Fragen und Anregungen eingegangen. Eine sehr informative, interessante und gelungene Veranstaltung.
Teilnehmer

Feedback

Herr Hecker hat das Thema sehr anschaulich dargestellt und ist auf alle Fragen eingegangen. Ich fühle mich jetzt gut vorbereitet, um durchzustarten.
Teilnehmer

Feedback

Die gelassene, professionelle Art hat mir gut gefallen. Kompetent, engagiert, professionell. Gute Beispiele, sympathisches Auftreten. Eigene Themenideen wurden aufgegriffen.
Unser Angebot für Ihre firmeninterne Beratung, Coaching, Workshop, Training und Weiterbildung

Lösungen für Ihren Bedarf an Coaching, Workshop, Training, Schulung und Weiterbildung

Profitieren Sie von unserer langjährigen Expertise in der beruflichen Weiterbildung, modernen Lernmethoden und einem Portfolio von über 600 IT-, Online- und Digital-Beratungsleistungen.
Selbstverständlich lassen sich die einzelnen Themen kombinieren. So erhalten Sie genau die Weiterbildung, die Sie wünschen und brauchen - als Coaching, Workshop, Training, Schulung und Weiterbildung!

✓
Ein Symbol für eine einzelne Person.

Für eine Person

Training & Coaching für Einzelpersonen

  • Passgenaue Inhalte auf den einzelnen Teilnehmer zugeschnitten
  • Ein sehr effektives Format, das schnell Ergebnisse bringt
  • Individuelles Training und Coaching motivieren und wirken
Jetzt anfragen
✓
Ein Symbol für eine Gruppe von Personen.

Für eine Gruppe

Training & Workshops für Teams und Abteilungen

  • Bedarfsgerechte Inhalte auf die Herausforderung der Praxis zugeschnitten
  • Konsequente Praxisorientierung, modernste Techniken und Tools
  • Neue Fähigkeiten und Kenntnisse nachhaltig in den Arbeitsalltag integrieren
Jetzt anfragen
✓
Ein Symbol für ein Unternehmen.

Für eine Firma

Training-Komplett-Lösungen für Ihr Unternehmen‍

  • Ganzheitliche Konzepte für Ihre Mitarbeiterentwicklung
  • Individueller Skill-Katalog zur Erweiterung Ihres internen Weiterbildungsangebots
  • Nachhaltige Personalentwicklung realisieren
Jetzt anfragen

Anfrage für eine unverbindliche + kostenlose Erstberatung zum Thema

Digitale Geschäftsmodelle mit Webflow - Beratung, Coaching, Workshop, Training, Schulung und Weiterbildung

Wir freuen uns über Ihre Anfrage und antworten so schnell es geht!

Ich interessiere mich für den Termin:

Termin anfragen

Das Angebot von "HECKER CONSULTING" richtet sich ausschließlich an Unternehmen und Behörden (iSv § 14 BGB). Verbraucher (§ 13 BGB) sind vom Vertragsschluss ausgeschlossen. Mit Absendung der Anfrage bestätigt der Anfragende, dass er nicht als Verbraucher, sondern in gewerblicher Tätigkeit handelt. § 312i Abs. 1 S. 1 Nr. 1-3 und S. 2 BGB (Pflichten im elektronischen Geschäftsverkehr) finden keine Anwendung.

Vielen Dank, Ihre Nachricht wurde empfangen!
Beim Absenden des Formulars ist etwas schiefgelaufen.
Beratung, Coaching, Workshop, Training, Schulung

Ähnliche Leistungen, die Sie interessieren könnten.

Wir erweitern ständig unser Beratungsportfolio. Über 600 IT-, Online-, Digital-Beratungsleistungen haben wir für Sie im Programm. Selbstverständlich lassen sich die einzelnen Themen kombinieren. So erhalten Sie genau die Beratung, die Sie wünschen und brauchen - als Coaching, Workshop, Training, Schulung und Weiterbildung!

Mehr IT-, Online-, Digital-Beratungsleistungen anzeigen >>
Nach oben