WooCommerce Subscriptions: Wiederkehrende Umsätze aufbauen

WooCommerce Subscriptions: Wiederkehrende Umsätze aufbauen

    <div class="mb-8">
        <p class="text-lg text-gray-700 leading-relaxed">
            Stellen Sie sich vor, Sie müssten nicht jeden Monat aufs Neue um Kunden kämpfen, sondern könnten auf stabile, <strong>wiederkehrende Umsätze</strong> setzen. Mit <strong>WooCommerce Subscriptions</strong> verwandeln Sie Ihren Online-Shop in eine profitable Umsatzmaschine, die auch im Schlaf Geld verdient. In diesem umfassenden Leitfaden erfahren Sie, wie Sie Subscription Commerce erfolgreich implementieren und nachhaltig wachsen.
        </p>
    </div>

    <h2 class="text-3xl font-semibold mb-4 text-left">Was ist Subscription Commerce?</h2>
    <p class="mb-6 text-gray-700">
        Subscription Commerce revolutioniert die Art, wie Unternehmen Umsätze generieren. Anstatt auf einmalige Käufe zu setzen, bieten Sie Ihren Kunden Produkte oder Dienstleistungen im Abonnement an. Das bedeutet: vorhersagbare Einnahmen, höhere Kundenbindung und exponentielles Wachstumspotential.
    </p>

    <div class="highlight-box mb-6">
        <h3 class="text-xl font-semibold mb-3 text-left">Warum WooCommerce Subscriptions der Gamechanger für Ihr Business ist</h3>
        <p class="text-gray-700">
            <strong>WooCommerce Subscriptions</strong> ermöglicht es Ihnen, aus jedem WordPress-Shop ein leistungsstarkes Abonnement-System zu machen. Von monatlichen Produktlieferungen bis hin zu digitalen Mitgliedschaften - die Möglichkeiten sind grenzenlos.
        </p>
    </div>

    <h2 class="text-3xl font-semibold mb-4 text-left">Die Vorteile von wiederkehrenden Umsätzen</h2>
    <div class="grid md:grid-cols-2 gap-6 mb-8">
        <div class="bg-blue-50 p-6 rounded-lg">
            <h3 class="text-xl font-semibold mb-3 text-left flex items-center">
                <i class="fas fa-chart-line text-blue-600 mr-2"></i>
                Planbare Umsätze
            </h3>
            <p class="text-gray-700">
                Mit Abonnements wissen Sie genau, welche Einnahmen Sie nächsten Monat haben werden. Diese Planungssicherheit ist Gold wert für strategische Entscheidungen.
            </p>
        </div>
        <div class="bg-green-50 p-6 rounded-lg">
            <h3 class="text-xl font-semibold mb-3 text-left flex items-center">
                <i class="fas fa-users text-green-600 mr-2"></i>
                Höhere Kundenbindung
            </h3>
            <p class="text-gray-700">
                Abonnement-Kunden bleiben durchschnittlich 3x länger bei Ihnen als Einmalkäufer. Das bedeutet höhere Lifetime Values und stärkere Kundenbeziehungen.
            </p>
        </div>
    </div>

    <h2 class="text-3xl font-semibold mb-4 text-left">WooCommerce Subscriptions: Setup und Konfiguration</h2>
    <p class="mb-4 text-gray-700">
        Die Implementierung von <strong>WooCommerce Subscriptions</strong> ist einfacher, als Sie denken. Das Plugin bietet eine intuitive Benutzeroberfläche und umfassende Anpassungsmöglichkeiten.
    </p>

    <h3 class="text-2xl font-semibold mb-3 text-left">Schritt-für-Schritt Anleitung</h3>
    <ol class="list-decimal list-inside mb-6 space-y-2 text-gray-700">
        <li>Installation des <a href="https://woocommerce.com/products/woocommerce-subscriptions/" target="_blank" rel="noopener" class="text-blue-600 hover:underline">WooCommerce Subscriptions Plugins</a></li>
        <li>Konfiguration der Zahlungsanbieter (PayPal, Stripe, etc.)</li>
        <li>Erstellung Ihrer ersten Abonnement-Produkte</li>
        <li>Einrichtung der E-Mail-Benachrichtigungen</li>
        <li>Test der gesamten Customer Journey</li>
    </ol>

    <div class="code-block mb-6">
        <p>// Beispiel: Abonnement-Produkt erstellen</p>
        <p>$product = new WC_Product_Subscription();</p>
        <p>$product->set_name('Premium Mitgliedschaft');</p>
        <p>$product->set_subscription_price(29.99);</p>
        <p>$product->set_subscription_period('month');</p>
        <p>$product->set_subscription_period_interval(1);</p>
        <p>$product->save();</p>
    </div>

    <h2 class="text-3xl font-semibold mb-4 text-left">Retention-Strategien: Kunden langfristig binden</h2>
    <p class="mb-4 text-gray-700">
        Der Schlüssel zum Erfolg liegt nicht nur in der Kundenakquise, sondern vor allem in der Kundenbindung. <strong>Retention-Strategien</strong> entscheiden über den langfristigen Erfolg Ihres Abonnement-Geschäfts.
    </p>

    <h3 class="text-2xl font-semibold mb-3 text-left">Bewährte Retention-Techniken</h3>
    <ul class="list-disc list-inside mb-6 space-y-2 text-gray-700">
        <li><strong>Onboarding-Prozess optimieren:</strong> Erste 30 Tage sind entscheidend für langfristige Bindung</li>
        <li><strong>Personalisierung:</strong> Maßgeschneiderte Inhalte und Empfehlungen</li>
        <li><strong>Loyalitätsprogramme:</strong> Belohnungen für treue Abonnenten</li>
        <li><strong>Proaktive Kommunikation:</strong> Regelmäßige Updates und Mehrwert-Content</li>
        <li><strong>Pause-Funktionen:</strong> Flexible Optionen statt Kündigung</li>
    </ul>

    <div class="highlight-box mb-6">
        <h3 class="text-xl font-semibold mb-3 text-left">Praxistipp: Die 90-Tage-Regel</h3>
        <p class="text-gray-700">
            Kunden, die die ersten 90 Tage überstehen, haben eine 80% höhere Chance, langfristige Abonnenten zu werden. Investieren Sie besonders in diese kritische Phase.
        </p>
    </div>

    <h2 class="text-3xl font-semibold mb-4 text-left">Churn-Reduktion: Kündigungen vermeiden</h2>
    <p class="mb-4 text-gray-700">
        <strong>Churn-Reduktion</strong> ist eine der wichtigsten Disziplinen im Subscription Commerce. Jeder verhinderte Churn ist wertvoller als eine Neukundenakquise.
    </p>

    <h3 class="text-2xl font-semibold mb-3 text-left">Churn-Warnsignale erkennen</h3>
    <div class="bg-red-50 p-6 rounded-lg mb-6">
        <ul class="list-disc list-inside space-y-2 text-gray-700">
            <li>Reduzierte Nutzungshäufigkeit</li>
            <li>Keine Interaktion mit Support-Angeboten</li>
            <li>Fehlgeschlagene Zahlungen</li>
            <li>Negative Bewertungen oder Feedback</li>
            <li>Kontaktaufnahme zum Kündigungsprozess</li>
        </ul>
    </div>

    <h3 class="text-2xl font-semibold mb-3 text-left">Proaktive Churn-Prävention</h3>
    <p class="mb-4 text-gray-700">
        Mit <a href="https://recurly.com/blog/2025-state-of-subscriptions-sneak-peek/" target="_blank" rel="noopener" class="text-blue-600 hover:underline">aktuellen Studien</a> zeigen, dass Pause-Funktionen zu 51,7% der gefährdeten Kunden halten können. Diese Flexibilität ist der Schlüssel zur Churn-Reduktion.
    </p>

    <h2 class="text-3xl font-semibold mb-4 text-left">Pricing-Modelle für maximalen Erfolg</h2>
    <p class="mb-4 text-gray-700">
        Die richtige Preisstrategie entscheidet über Erfolg oder Misserfolg Ihres Abonnement-Geschäfts. <strong>Pricing-Modelle</strong> müssen sorgfältig an Ihre Zielgruppe und Ihr Wertversprechen angepasst werden.
    </p>

    <h3 class="text-2xl font-semibold mb-3 text-left">Die 5 wichtigsten Pricing-Strategien</h3>
    <div class="grid md:grid-cols-2 gap-6 mb-8">
        <div class="bg-yellow-50 p-6 rounded-lg">
            <h4 class="text-lg font-semibold mb-2 text-left">Tiered Pricing</h4>
            <p class="text-gray-700">Basic, Premium, Enterprise - verschiedene Leistungspakete für unterschiedliche Bedürfnisse.</p>
        </div>
        <div class="bg-purple-50 p-6 rounded-lg">
            <h4 class="text-lg font-semibold mb-2 text-left">Usage-Based Pricing</h4>
            <p class="text-gray-700">Bezahlung nach Verbrauch - fair und skalierbar für wachsende Kunden.</p>
        </div>
        <div class="bg-indigo-50 p-6 rounded-lg">
            <h4 class="text-lg font-semibold mb-2 text-left">Freemium-Modell</h4>
            <p class="text-gray-700">Kostenlose Basisversion mit Premium-Upgrades für erweiterte Funktionen.</p>
        </div>
        <div class="bg-pink-50 p-6 rounded-lg">
            <h4 class="text-lg font-semibold mb-2 text-left">Value-Based Pricing</h4>
            <p class="text-gray-700">Preisgestaltung basierend auf dem Wert, den Kunden aus Ihrem Service ziehen.</p>
        </div>
    </div>

    <h2 class="text-3xl font-semibold mb-4 text-left">Technische Implementierung und Best Practices</h2>
    <p class="mb-4 text-gray-700">
        Die technische Umsetzung von <strong>WooCommerce Subscriptions</strong> erfordert Aufmerksamkeit für Details. Von der Zahlungsabwicklung bis zur Kundenbenachrichtigung muss alles reibungslos funktionieren.
    </p>

    <h3 class="text-2xl font-semibold mb-3 text-left">Zahlungsanbieter-Integration</h3>
    <p class="mb-4 text-gray-700">
        Wählen Sie Zahlungsanbieter, die wiederkehrende Zahlungen zuverlässig verarbeiten können. <a href="https://stripe.com/resources/more/subscription-pricing-models-a-guide-for-businesses" target="_blank" rel="noopener" class="text-blue-600 hover:underline">Stripe</a> und PayPal sind bewährte Optionen für Subscription Commerce.
    </p>

    <h3 class="text-2xl font-semibold mb-3 text-left">Automatisierte Kommunikation</h3>
    <p class="mb-6 text-gray-700">
        Richten Sie automatisierte E-Mail-Sequenzen ein für Willkommensnachrichten, Zahlungserinnerungen und Reaktivierungskampagnen. Diese Automatisierung spart Zeit und verbessert die Kundenerfahrung.
    </p>

    <div class="highlight-box mb-6">
        <h3 class="text-xl font-semibold mb-3 text-left">Erfolgsbeispiel: 98% weniger Aufwand</h3>
        <p class="text-gray-700">
            Ähnlich wie bei der <a href="https://www.2fox4.de/e-mail-automatisierung-mit-zapier-pdf-co-98-weniger-aufwand/" class="text-blue-600 hover:underline">E-Mail-Automatisierung mit Zapier</a> können Sie auch bei Subscriptions massive Effizienzgewinne erzielen. Von manueller Rechnungsstellung zu vollautomatischen Abonnements.
        </p>
    </div>

    <h2 class="text-3xl font-semibold mb-4 text-left">Conversion-Optimierung für Abonnements</h2>
    <p class="mb-4 text-gray-700">
        Die Conversion-Rate von Besuchern zu Abonnenten ist entscheidend für Ihren Erfolg. Jede Optimierung kann signifikante Umsatzsteigerungen bewirken.
    </p>

    <h3 class="text-2xl font-semibold mb-3 text-left">Conversion-Hebel nutzen</h3>
    <ul class="list-disc list-inside mb-6 space-y-2 text-gray-700">
        <li><strong>Social Proof:</strong> Testimonials und Kundenbewertungen</li>
        <li><strong>Kostenlose Testphasen:</strong> Risikofrei ausprobieren</li>
        <li><strong>Transparente Preisgestaltung:</strong> Keine versteckten Kosten</li>
        <li><strong>Mobile Optimierung:</strong> Reibungslose mobile Erfahrung</li>
        <li><strong>Ein-Klick-Checkout:</strong> Minimale Reibung beim Abschluss</li>
    </ul>

    <h2 class="text-3xl font-semibold mb-4 text-left">Analyse und Optimierung</h2>
    <p class="mb-4 text-gray-700">
        Ohne kontinuierliche Analyse und Optimierung stagniert Ihr Abonnement-Geschäft. Nutzen Sie die richtigen Metriken, um datengetriebene Entscheidungen zu treffen.
    </p>

    <h3 class="text-2xl font-semibold mb-3 text-left">Wichtige KPIs für Subscription Commerce</h3>
    <div class="grid md:grid-cols-3 gap-4 mb-6">
        <div class="text-center p-4 bg-blue-50 rounded-lg">
            <i class="fas fa-chart-pie text-3xl text-blue-600 mb-2"></i>
            <h4 class="font-semibold">Churn Rate</h4>
            <p class="text-sm text-gray-600">Kündigungsrate pro Monat</p>
        </div>
        <div class="text-center p-4 bg-green-50 rounded-lg">
            <i class="fas fa-euro-sign text-3xl text-green-600 mb-2"></i>
            <h4 class="font-semibold">LTV</h4>
            <p class="text-sm text-gray-600">Lifetime Value pro Kunde</p>
        </div>
        <div class="text-center p-4 bg-purple-50 rounded-lg">
            <i class="fas fa-users text-3xl text-purple-600 mb-2"></i>
            <h4 class="font-semibold">MRR</h4>
            <p class="text-sm text-gray-600">Monthly Recurring Revenue</p>
        </div>
    </div>

    <h2 class="text-3xl font-semibold mb-4 text-left">Rechtliche Aspekte und Compliance</h2>
    <p class="mb-4 text-gray-700">
        Beim Betrieb von Abonnement-Services müssen Sie verschiedene rechtliche Anforderungen beachten. Von der DSGVO bis zu Widerrufsrechten - Compliance ist essentiell.
    </p>

    <h3 class="text-2xl font-semibold mb-3 text-left">Wichtige Compliance-Punkte</h3>
    <ul class="list-disc list-inside mb-6 space-y-2 text-gray-700">
        <li>Klare AGB für Abonnements</li>
        <li>Transparent kommunizierte Kündigungsfristen</li>
        <li>DSGVO-konforme Datenverarbeitung</li>
        <li>Proper Impressum und Datenschutzerklärung</li>
        <li>Widerrufsrecht bei digitalen Inhalten</li>
    </ul>

    <p class="mb-6 text-gray-700">
        Ähnlich wie bei der <a href="https://www.2fox4.de/barrierefreie-websites-2025-wcag-konforme-webseiten/" class="text-blue-600 hover:underline">Barrierefreiheit von Websites</a> müssen auch Abonnement-Services bestimmte Standards erfüllen, um rechtlich abgesichert zu sein.
    </p>

    <h2 class="text-3xl font-semibold mb-4 text-left">Zukunft des Subscription Commerce</h2>
    <p class="mb-4 text-gray-700">
        Der Subscription Commerce entwickelt sich rasant weiter. Aktuelle Trends zeigen, dass <strong>Personalisierung</strong> und <strong>Flexibilität</strong> die Erfolgsfaktoren der Zukunft sind.
    </p>

    <div class="highlight-box mb-6">
        <h3 class="text-xl font-semibold mb-3 text-left">Trendprognose 2025</h3>
        <p class="text-gray-700">
            Laut aktuellen <a href="https://churnkey.co/reports/state-of-retention-2025" target="_blank" rel="noopener" class="text-blue-600 hover:underline">Retention-Studien</a> setzen erfolgreiche Subscription-Businesses verstärkt auf KI-gestützte Personalisierung und proaktive Churn-Prävention.
        </p>
    </div>

    <h2 class="text-3xl font-semibold mb-4 text-left">Ihr Weg zum Subscription-Erfolg</h2>
    <p class="mb-4 text-gray-700">
        Die Implementierung von <strong>WooCommerce Subscriptions</strong> ist mehr als nur ein technisches Projekt - es ist eine strategische Transformation Ihres Geschäftsmodells. Mit den richtigen Retention-Strategien und einer durchdachten Pricing-Strategie schaffen Sie eine solide Basis für nachhaltiges Wachstum.
    </p>

    <p class="mb-8 text-gray-700">
        Starten Sie noch heute mit der Planung Ihres Abonnement-Geschäfts. Die Kombination aus bewährten Strategien und innovativen Technologien wie <a href="https://www.2fox4.de/die-top-10-ki-tools-fuer-unternehmen-2025/" class="text-blue-600 hover:underline">KI-Tools für Unternehmen</a> wird Ihnen den entscheidenden Wettbewerbsvorteil verschaffen.
    </p>

    <div class="bg-blue-600 text-white p-6 rounded-lg mb-8">
        <h3 class="text-2xl font-semibold mb-4 text-left">Bereit für wiederkehrende Umsätze?</h3>
        <p class="mb-4">
            Lassen Sie uns gemeinsam Ihr Subscription Commerce System aufbauen. Von der technischen Implementierung bis zur Optimierung der Conversion-Rates - wir begleiten Sie auf dem Weg zum nachhaltigen Erfolg.
        </p>
        <a href="https://www.2fox4.de/#kontakt" class="inline-block bg-white text-blue-600 px-6 py-3 rounded-lg font-semibold hover:bg-gray-100 transition-colors">
            Jetzt kostenloses Beratungsgespräch vereinbaren
        </a>
    </div>

    <h2 class="text-3xl font-semibold mb-4 text-left">Häufig gestellte Fragen (FAQ)</h2>
    
    <div class="space-y-4 mb-8">
        <div class="border border-gray-200 rounded-lg">
            <button class="accordion-button w-full p-4 text-left font-semibold flex justify-between items-center" onclick="toggleAccordion(this)">
                <span>Was kostet WooCommerce Subscriptions?</span>
                <i class="fas fa-chevron-down transform transition-transform"></i>
            </button>
            <div class="accordion-content p-4 border-t border-gray-200">
                <p class="text-gray-700">
                    WooCommerce Subscriptions kostet $199 pro Jahr für eine einzelne Website. Für Agenturen gibt es Pakete ab $799 für 25 Websites. Die Investition amortisiert sich schnell durch die generierten wiederkehrenden Umsätze.
                </p>
            </div>
        </div>

        <div class="border border-gray-200 rounded-lg">
            <button class="accordion-button w-full p-4 text-left font-semibold flex justify-between items-center" onclick="toggleAccordion(this)">
                <span>Welche Zahlungsanbieter unterstützen wiederkehrende Zahlungen?</span>
                <i class="fas fa-chevron-down transform transition-transform"></i>
            </button>
            <div class="accordion-content p-4 border-t border-gray-200">
                <p class="text-gray-700">
                    Stripe, PayPal, Square und Amazon Pay unterstützen alle wiederkehrende Zahlungen mit WooCommerce Subscriptions. Stripe bietet dabei die beste Integration und niedrigste Ausfallquote.
                </p>
            </div>
        </div>

        <div class="border border-gray-200 rounded-lg">
            <button class="accordion-button w-full p-4 text-left font-semibold flex justify-between items-center" onclick="toggleAccordion(this)">
                <span>Wie hoch ist die durchschnittliche Churn-Rate?</span>
                <i class="fas fa-chevron-down transform transition-transform"></i>
            </button>
            <div class="accordion-content p-4 border-t border-gray-200">
                <p class="text-gray-700">
                    Die durchschnittliche monatliche Churn-Rate liegt bei 5-10% für B2C und 2-5% für B2B Subscriptions. Mit optimierten Retention-Strategien können Sie diese Werte deutlich reduzieren.
                </p>
            </div>
        </div>

        <div class="border border-gray-200 rounded-lg">
            <button class="accordion-button w-full p-4 text-left font-semibold flex justify-between items-center" onclick="toggleAccordion(this)">
                <span>Kann ich verschiedene Abonnement-Intervalle anbieten?</span>
                <i class="fas fa-chevron-down transform transition-transform"></i>
            </button>
            <div class="accordion-content p-4 border-t border-gray-200">
                <p class="text-gray-700">
                    Ja, WooCommerce Subscriptions unterstützt täglich, wöchentlich, monatlich, alle 2 Monate, quartalsweise, halbjährlich und jährlich. Sie können auch individuelle Intervalle definieren.
                </p>
            </div>
        </div>

        <div class="border border-gray-200 rounded-lg">
            <button class="accordion-button w-full p-4 text-left font-semibold flex justify-between items-center" onclick="toggleAccordion(this)">
                <span>Wie implementiere ich eine kostenlose Testphase?</span>
                <i class="fas fa-chevron-down transform transition-transform"></i>
            </button>
            <div class="accordion-content p-4 border-t border-gray-200">
                <p class="text-gray-700">
                    In WooCommerce Subscriptions können Sie eine kostenlose Testphase von 1-365 Tagen einrichten. Geben Sie einfach "0" als Preis für die Testphase ein und definieren Sie die Dauer.
                </p>
            </div>
        </div>

        <div class="border border-gray-200 rounded-lg">
            <button class="accordion-button w-full p-4 text-left font-semibold flex justify-between items-center" onclick="toggleAccordion(this)">
                <span>Kann ich Abonnements pausieren lassen?</span>
                <i class="fas fa-chevron-down transform transition-transform"></i>
            </button>
            <div class="accordion-content p-4 border-t border-gray-200">
                <p class="text-gray-700">
                    Ja, die Pause-Funktion ist ein wichtiges Feature zur Churn-Reduktion. Kunden können ihr Abonnement für einen bestimmten Zeitraum pausieren, anstatt es zu kündigen.
                </p>
            </div>
        </div>

        <div class="border border-gray-200 rounded-lg">
            <button class="accordion-button w-full p-4 text-left font-semibold flex justify-between items-center" onclick="toggleAccordion(this)">
                <span>Welche Berichte und Analysen bietet das Plugin?</span>
                <i class="fas fa-chevron-down transform transition-transform"></i>
            </button>
            <div class="accordion-content p-4 border-t border-gray-200">
                <p class="text-gray-700">
                    WooCommerce Subscriptions bietet umfassende Berichte zu MRR, Churn-Rate, Lifetime Value, Abonnement-Status und Zahlungsausfällen. Diese Daten sind essentiell für die Optimierung.
                </p>
            </div>
        </div>

        <div class="border border-gray-200 rounded-lg">
            <button class="accordion-button w-full p-4 text-left font-semibold flex justify-between items-center" onclick="toggleAccordion(this)">
                <span>Wie behandle ich fehlgeschlagene Zahlungen?</span>
                <i class="fas fa-chevron-down transform transition-transform"></i>
            </button>
            <div class="accordion-content p-4 border-t border-gray-200">
                <p class="text-gray-700">
                    Das Plugin bietet automatische Retry-Logik und Dunning-Management. Sie können konfigurieren, wie oft und in welchen Intervallen Zahlungen wiederholt werden sollen.
                </p>
            </div>
        </div>

        <div class="border border-gray-200 rounded-lg">
            <button class="accordion-button w-full p-4 text-left font-semibold flex justify-between items-center" onclick="toggleAccordion(this)">
                <span>Ist WooCommerce Subscriptions DSGVO-konform?</span>
                <i class="fas fa-chevron-down transform transition-transform"></i>
            </button>
            <div class="accordion-content p-4 border-t border-gray-200">
                <p class="text-gray-700">
                    Ja, das Plugin ist DSGVO-konform und bietet Features für Datenexport, Datenlöschung und Anonymisierung. Sie müssen jedoch auch Ihre Datenschutzerklärung entsprechend anpassen.
                </p>
            </div>
        </div>

        <div class="border border-gray-200 rounded-lg">
            <button class="accordion-button w-full p-4 text-left font-semibold flex justify-between items-center" onclick="toggleAccordion(this)">
                <span>Kann ich Abonnements mit anderen WooCommerce-Plugins kombinieren?</span>
                <i class="fas fa-chevron-down transform transition-transform"></i>
            </button>
            <div class="accordion-content p-4 border-t border-gray-200">
                <p class="text-gray-700">
                    Ja, WooCommerce Subscriptions ist kompatibel mit den meisten WooCommerce-Plugins wie WooCommerce Memberships, Bookings, und verschiedenen Marketing-Tools.
                </p>
            </div>
        </div>
    </div>

    <div class="text-center mt-8">
        <p class="text-gray-600">
            Haben Sie weitere Fragen zu WooCommerce Subscriptions? 
            <a href="https://www.2fox4.de/#kontakt" class="text-blue-600 hover:underline">
                Kontaktieren Sie uns für eine individuelle Beratung
            </a>
        </p>
    </div>
</article>

<script>
    function toggleAccordion(button) {
        const content = button.nextElementSibling;
        const icon = button.querySelector('i');
        
        if (content.classList.contains('active')) {
            content.classList.remove('active');
            icon.style.transform = 'rotate(0deg)';
        } else {
            // Close all other accordions
            document.querySelectorAll('.accordion-content').forEach(c => {
                c.classList.remove('active');
            });
            document.querySelectorAll('.accordion-button i').forEach(i => {
                i.style.transform = 'rotate(0deg)';
            });
            
            // Open this accordion
            content.classList.add('active');
            icon.style.transform = 'rotate(180deg)';
        }
    }
</script>

Passende Leistung von 2fox4: WordPress-Webdesign – schnelle, SEO-fertige WordPress-Websites ohne Pagebuilder-Ballast.