Onlineshops

WooCommerce-Onlineshops für kleine Unternehmen.

Ich entwickle WooCommerce-Shops, die zu deinen Produkten und deinen echten Abläufen passen. Sortiment, Bestellung, Zahlung, Versand und Pflege werden so aufgebaut, dass der Shop im Alltag verständlich und erweiterbar bleibt.

Kurz erklärt

Wann ist WooCommerce für ein kleines Unternehmen sinnvoll?

WooCommerce ist sinnvoll, wenn Produkte, Inhalte und Shop in WordPress gemeinsam gepflegt werden sollen und die Abläufe zu Zahlung, Versand, Bestellungen und Pflege klar definiert sind. Entscheidend ist nicht die Zahl der Funktionen, sondern ein Shop, der im Tagesgeschäft beherrschbar bleibt.

WooCommerceKlare Produkt- & BestellwegePerformance mitgedachtWeiterentwicklung möglich

Shoplogik

Der Shop muss zu deinem Geschäft passen – nicht dein Geschäft zum Shop.

Bevor das Design entsteht, klären wir Sortiment, Kategorien, Produktdaten, Zahlarten, Versand und die Abläufe dahinter. So bleibt WooCommerce nachvollziehbar und später erweiterbar.

01

Produkte

Klare Kategorien, Varianten, Attribute und Produktinformationen.

02

Bestellung

Ein nachvollziehbarer Weg vom Produkt bis zum Checkout.

03

Zahlung & Versand

Technische Anbindung geeigneter Zahlungs- und Versandlösungen nach Bedarf.

04

Betreuung

Updates, Backups, Sicherheit und technische Weiterentwicklung nach dem Start.

Technische Basis

Nur so viel Technik, wie dein Shop wirklich braucht.

Ein Shop wird schnell komplex, wenn für jede Kleinigkeit ein Plugin dazukommt. Ich prüfe deshalb zuerst, was WooCommerce bereits kann und welche Erweiterung wirklich gebraucht wird.

WordPressWooCommerceBackupsPerformanceSicherheitTeststrecke

Wichtig

Shoptechnik ersetzt keine Rechts- oder Steuerberatung.

Ich richte die technische Shopfunktion ein. Rechtstexte, steuerliche Vorgaben und individuelle rechtliche Bewertungen müssen von dafür qualifizierten Stellen kommen.

Die technische Einbindung externer Rechtstexte kann ich übernehmen.

Ablauf

Vom Sortiment bis zum Start: ein nachvollziehbarer Ablauf.

So lassen sich spätere Umbauten vermeiden und der Aufwand realistischer einschätzen.

01

Sortiment

Welche Produkte, Varianten und Kategorien gibt es?

02

Prozesse

Wie laufen Zahlung, Versand, E-Mails und Bestellungen?

03

Umsetzung

Shop, Inhalte und technische Integrationen werden eingerichtet.

04

Test & Start

Bestellstrecke, Mobilansicht und wichtige Sonderfälle werden geprüft.

Häufige Fragen

Was vor dem Start oft wichtig ist.

Kurze Antworten auf Fragen, die bei Websites, Shops, SEO und Betreuung immer wieder auftauchen.

Für welche Shops eignet sich WooCommerce?

WooCommerce passt gut, wenn Produkte, Inhalte und Verkauf eng mit einer WordPress-Website verbunden werden sollen. Vor dem Start prüfe ich Anforderungen, Prozesse und notwendige Schnittstellen.

Kann ein bestehender WooCommerce-Shop überarbeitet werden?

Ja. Struktur, Technik, Darstellung und Abläufe können geprüft und schrittweise verbessert werden. Ein kompletter Neubau ist nicht automatisch nötig.

Übernimmst du auch Wartung und Backups?

Ja. Gerade bei Shops sind Updates, Backups und technische Kontrolle wichtig und können in die laufende Betreuung aufgenommen werden.

Erstellst du auch Rechtstexte für den Shop?

Nein. Rechtliche Inhalte gehören zu spezialisierten Rechtsdienstleistern. Ich kann bereitgestellte Rechtstexte technisch in den Shop integrieren.

Shop-Projekt

Du planst einen neuen Shop oder willst WooCommerce neu ordnen?

Beschreibe Sortiment und aktuelle Situation. Dann lässt sich der Aufwand realistisch einordnen.

Shop anfragen

Bricks Designsystem · Section-Zuordnung

Welche Klassen und Variablen werden für diese Seite verwendet?

Die Reihenfolge entspricht der sichtbaren Seite von oben nach unten. Grundregel: Section-Farbklasse + optionaler Größenmodifikator → Container-Klasse → Layout-/Komponentenklasse. Einzelwerte nur dort, wo das Layout wirklich seitenbezogen ist.

01Onlineshops.page-hero
Section-Klasse(n)section-standard section-gross
Containercontainer-standard
Innenaufbauhero-layout → hero-inhalt + hero-grafik; Buttons: button-gruppe
Design-Tokens--section-innen-vertikal-gross; --container-breite; --container-innen-horizontal; --abstand-spalten

Verbindliche Hero-Komponente: `hero-layout` auf dem inneren Layout-Wrapper, `hero-inhalt` auf der linken Inhaltsspalte und `hero-grafik` auf der rechten Grafikspalte. Eyebrow: `text-eyebrow`; Lead/Subheadline: `text-subheadline`; Buttons: `button-gruppe`. Tablet Hochformat (≤991 px) bleibt zweispaltig; erst Mobile Landscape (≤767 px) wird einspaltig gestapelt; bei Mobile Portrait (≤478 px) stehen die Buttons untereinander. Vorhandene individuelle Breakpoint-Werte für Spaltenbreite oder Textausrichtung in Bricks entfernen.

02Kurz erklärt.answer-band
Section-Klasse(n)section-standard section-kompakt
Containercontainer-standard
Innenaufbaueigene Answer-Grid-Klasse (asymmetrisch)
Design-Tokens--section-innen-vertikal-kompakt; --container-breite; --container-innen-horizontal; --abstand-spalten; --farbe-rahmen

Kompakter Antwortblock. Für die asymmetrische 0,72/1,28-Aufteilung das bestehende Answer-Grid als eigene Komponentenklasse beibehalten. Eyebrow: Klasse `text-eyebrow`.

03Leistungsnavigation.service-context
Section-Klasse(n)section-standard
Containercontainer-standard
Innenaufbaugruppe-inhalt
Design-Tokens--farbe-weiss; --farbe-rahmen; --container-breite; --container-innen-horizontal; --abstand-elemente; --abstand-inhaltsgruppe

Kompakte Leistungsnavigation. Standard-Section-Padding nicht verwenden; eigenes Komponentenlayout auf Basis der Design-Tokens.

04Vertrauensleiste.trust-strip
Section-Klasse(n)section-dezent
Containercontainer-standard
Innenaufbaugruppe-inhalt
Design-Tokens--farbe-grau-hell; --farbe-rahmen; --container-breite; --container-innen-horizontal; --abstand-elemente; --abstand-inhaltsgruppe

Kompakte Komponentenleiste. Standard-Section-Padding nicht verwenden; die Leiste erhält ihr eigenes kompaktes Innenlayout.

05Shoplogik.section
Section-Klasse(n)section-standard
Containercontainer-standard
Innenaufbauspalten-4 (mobil 1 Spalte)
Design-Tokens--section-innen-vertikal; --farbe-weiss; --farbe-text; --container-breite; --container-innen-horizontal; --abstand-spalten

Normale Inhaltssektion auf weißer Fläche. Eyebrow: Klasse `text-eyebrow`.

06Technische Basis.section.section-dark
Section-Klasse(n)section-dunkel
Containercontainer-standard
Innenaufbauspalten-2
Design-Tokens--section-innen-vertikal; --farbe-dunkel; --farbe-text-invers; --container-breite; --container-innen-horizontal; --abstand-spalten

Dunkle Section. Überschriften und Links erben die inverse Textlogik aus dem Designsystem. Eyebrow: Klasse `text-eyebrow`.

07Wichtig.section.section-warm
Section-Klasse(n)section-warm
Containercontainer-standard
Innenaufbauspalten-2
Design-Tokens--section-innen-vertikal; --farbe-warnung-hell; --farbe-text; --container-breite; --container-innen-horizontal; --abstand-spalten

Warme Hinweisfläche; kein Warnstatus, sondern ruhige Akzentfläche. Eyebrow: Klasse `text-eyebrow`.

08Ablauf.section
Section-Klasse(n)section-standard
Containercontainer-standard
InnenaufbauEditorial-List als eigene wiederverwendbare Komponentenklasse
Design-Tokens--section-innen-vertikal; --farbe-weiss; --farbe-text; --container-breite; --container-innen-horizontal; --abstand-inhaltsgruppe

Normale Inhaltssektion auf weißer Fläche. Eyebrow: Klasse `text-eyebrow`.

09Häufige Fragen.section.faq-section
Section-Klasse(n)section-standard
Containercontainer-standard
InnenaufbauBricks Accordion/FAQ + Theme Style
Design-Tokens--section-innen-vertikal; --farbe-weiss; --farbe-text; --container-breite; --container-innen-horizontal; --abstand-inhaltsgruppe

Normale Inhaltssektion auf weißer Fläche. Eyebrow: Klasse `text-eyebrow`.

10Shop-Projekt.section.section-soft
Section-Klasse(n)section-dezent
Containercontainer-standard
Innenaufbaugruppe-horizontal; CTA-Fläche aus Design-Tokens
Design-Tokens--section-innen-vertikal; --farbe-grau-hell; --farbe-text; --container-breite; --container-innen-horizontal; --abstand-elemente; --radius-gross

Dezente Flächenabwechslung für ruhige Inhalts- oder CTA-Bereiche. Eyebrow: Klasse `text-eyebrow`.

Nur für die Umsetzung

SEOPress, SEO & KI-Suche

Diese Angaben gehören in SEOPress bzw. in die redaktionelle/technische Umsetzung. Den gesamten grünen Arbeitsbereich auf der Live-Website nicht als sichtbaren Inhalt übernehmen.

SEO-Titel
WooCommerce-Onlineshops für kleine Unternehmen | Roland Thunig
Meta-Beschreibung
WooCommerce-Onlineshops für kleine Unternehmen – verständlich geplant, sauber aufgebaut, zugänglich gestaltet und auf Wunsch dauerhaft betreut.
Canonical URL
https://www.roland-thunig.de/onlineshops/
Fokus-Keyphrase
WooCommerce Onlineshop kleine Unternehmen
Robots
index, follow
Suchintention
Einen WooCommerce-Onlineshop passend zu Sortiment, Bestellprozess und betrieblichen Abläufen aufbauen lassen.
Kernfrage für KI-/Suchantworten
Wann ist WooCommerce für ein kleines Unternehmen sinnvoll?
Zitierfähige Kernaussage
WooCommerce ist sinnvoll, wenn Produkte, Inhalte und Shop in WordPress gemeinsam gepflegt werden sollen und die Abläufe zu Zahlung, Versand, Bestellungen und Pflege klar definiert sind. Entscheidend ist nicht die Zahl der Funktionen, sondern ein Shop, der im Tagesgeschäft beherrschbar bleibt.
Wichtige Entitäten
Roland Thunig; WooCommerce; WordPress; Onlineshop; E-Commerce; Barrierefreiheit
Schema / SEOPress
Service; bei echtem Shop zusätzlich WooCommerce Product-Schema durch SEOPress/WooCommerce prüfen – keine doppelten Product-Schemas
Social-Bild
Onlineshops: 1200×630-Motiv mit Produkt, Warenkorb, Zahlung und Versand
XML-Sitemap
aufnehmen
Breadcrumbs
sichtbar in Bricks; BreadcrumbList über SEOPress PRO, falls eingesetzt

Global: SEOPress Knowledge Graph auf „Person“ mit echten, konsistenten Kontaktdaten und nur tatsächlich vorhandenen Profilen (sameAs) pflegen. XML-Sitemap und Open Graph aktivieren. FAQ-Inhalte sichtbar lassen, aber FAQ-Schema nicht als Rich-Result-Strategie einplanen.

KI-Suche & Crawling

  • Wichtige Aussagen als sichtbaren HTML-Text ausgeben; nicht nur in SVG, Canvas, Tabs oder Bildern verstecken.
  • OAI-SearchBot in robots.txt zulassen. Googlebot und Bingbot weder in robots.txt noch durch Firewall/Bot-Schutz unbeabsichtigt blockieren.
  • GPTBot ist in dieser Vorlage für potenzielles Training gesperrt; diese Entscheidung beeinflusst OAI-SearchBot für ChatGPT Search nicht.
  • Keine künstlichen GEO-/AEO-Seiten und kein llms.txt als Rankingmaßnahme. Stattdessen klare Nutzerfragen, eigene Fachperspektive, Referenzen und belastbare Inhalte.
  • Nach Livegang messen: Google Search Console (Generative AI), Bing Webmaster Tools und ChatGPT-Verweise mit utm_source=chatgpt.com.

Bricks-Umsetzung

Die Seite nativ in Bricks aufbauen. Zusätzlich zu Layout und Breakpoints gelten verbindlich die Kapitel Barrierefreiheit, Datenschutz und KI-Suche. Öffentliche Texte nennen weiterhin nur WordPress und WooCommerce, nicht den Pagebuilder.

Bricks-Anweisung für diese Seite öffnen →
Vorlagenmodus · Text anklicken = kopieren