Übersicht

Eine Werbekachel hebt die verfügbaren Finanzierungsangebote für Ihre Nutzer/innen hervor, um den Bekanntheitsgrad zu erhöhen. In diesem Leitfaden wird beschrieben, wie Sie eine Komponente Finanzierungswerbung für Capital als White-Label-Promotion in Ihre Website oder App einbetten.

Eine Werbekachel kann die Antragsquote für eine Finanzierung stärker erhöhen als ein reines E-Mail-Programm.

Wesentliche Vorteile

• Bewusstsein stärken: Weisen Sie auf verfügbare Finanzierungsoptionen an derselben Stelle hin, an der Nutzer/innen geschäftliche Entscheidungen treffen, damit diese Optionen in den Entscheidungsprozess einfließen.
• Lücken schließen: Überwinden Sie die Grenzen des reinen E-Mail-Marketings und von Komponenten, die auf sekundären Seiten verborgen sind, indem Sie stattdessen eine sichtbare, kontextbezogene Werbekachel bereitstellen.
• Komplikationen reduzieren: Ermöglichen Sie es Nutzerinnen und Nutzern, direkt auf den Anwendungsablauf zu klicken.
• Akzeptanz steigern: Präsentieren Sie zeitnahe Angebote mit klaren Bedingungen, die zum Handeln motivieren.
• Markenkonsistenz wahren: Sie können das Erscheinungsbild Ihrer Angebote an das Designsystem Ihrer Plattform anpassen.

Werbekachel in Furever, der Demo zu eingebetteten Komponenten von Stripe

Platzierung

Unsere Analyse erfolgreicher Implementierungen zeigt, dass die Platzierung der Werbekachel auf Ihrer Haupt-Startseite oder in der Seitenleiste dieser Seite die höchste Marketingwirkung erzielt.

Indem Sie die Kachel dort positionieren, wo sich Nutzer/innen häufig bewegen, können Sie die Sichtbarkeit und die Interaktion maximieren. Durch diese strategische Platzierung wird sichergestellt, dass die Nutzer/innen Finanzierungsangebote zum günstigsten Zeitpunkt sehen, was zu höheren Antragsquoten und einer höheren Akzeptanz führen kann.

Werten Sie außerdem aus, wie Ihre Kundinnen/Kunden mit Ihrer Plattform interagieren, um die Orte zu finden, die für Ihr spezifisches Anwendungsszenario am sinnvollsten sind.

Erste Schritte

Führen Sie die folgenden Schritte aus, um eine Werbekachel einzubetten, die Ihren Nutzern/Nutzerinnen Finanzierungsangebote von Capital präsentiert:

Connect.js einrichten

Wenn Sie noch keine in Stripe eingebetteten Komponenten in Ihrer Anwendung haben, führen Sie den Schritt „Connect.js initialisieren“ des Leitfadens Mit den in Connect eingebetteten Komponenten loslegen aus.

Dieser Leitfaden umfasst Folgendes:

1. Einrichten einer Backend-Route zur Verwendung der Create Account Session API
2. Connect.js einrichten
3. Connect.js laden und initialisieren

Nachdem Sie diesen Leitfaden durchgearbeitet haben, können Sie mit der Implementierung der Werbekachel fortfahren.

capital_financing_promotion in der Kontositzung-Route aktivieren

Aktivieren Sie beim Erstellen einer Kontositzung die Finanzierungswerbekomponente von Capital, indem Sie capital_financing_promotion im Parameter components angeben.

curl https://api.stripe.com/v1/account_sessions \
  -u "
sk_test_BQokikJOvBiI2HlWgH4olfQ2
:" \
  -H "Stripe-Version: 2025-04-30.basil; embedded_connect_beta=v2;" \
  -d account=
{{CONNECTED_ACCOUNT_ID}} \
  -d "components[capital_financing_promotion][enabled]"=true

Werbekachel rendern

Nachdem Sie die Kontositzung erstellt und ConnectJS initialisiert haben, können Sie die Komponente Finanzierungswerbung für Capital im Frontend anzeigen:

// Include this element in your HTML
const capitalFinancingPromotion = stripeConnectInstance.create('capital-financing-promotion');
capitalFinancingPromotion.setLayout('banner');
container.appendChild(capitalFinancingPromotion);

Erscheinungsbild der Komponente anpassen

Sie können das Erscheinungsbild eingebetteter Komponenten anpassen. Die Komponente Finanzierungswerbung für Capital unterstützt eine Reihe von Designoptionen, die zu Ihrem Designsystem passen. Dadurch wird sichergestellt, dass die Werbekachel wie ein nativer Teil Ihrer Plattform und nicht wie ein Element eines Drittanbieters wirkt.

Sie können Farben, Typografie, Rahmenradius und andere visuelle Elemente über die Connect.js-Konfiguration anpassen. Sie können auch vor der Implementierung verschiedene Optionen ausprobieren, indem Sie das Vorschau-Tool für die Darstellung eingebetteter Komponenten verwenden.

Für eine detailliertere Steuerung können Sie mehrere Connect.js-Instanzen initialisieren, wenn für Ihre Werbekachel ein anderes Design als für andere eingebettete Komponenten erforderlich ist. Dieser Ansatz ermöglicht es Ihnen, unterschiedliche Darstellungskonfigurationen für verschiedene Komponenten auf Ihrer Plattform beizubehalten.

Grundlegendes zu Anzeigestatus

Die Komponente passt ihre Anzeige ausgehend vom Finanzierungsstatus des verbundenen Kontos an:

• Mit aktivem Angebot: Zeigt vollständige Angebotsdetails mit der Schaltfläche Antrag ausfüllen an
• Aktive laufende Finanzierung: Die Komponente wird nicht gerendert (gibt null zurück)
• Keine aktive Finanzierung: Zeigt allgemeine Informationen zum Kreditprogramm an

Wie oben beschrieben, sollten Sie die Implementierung der Werbekachel auf Ihrer Haupthomepage oder anderen Seiten mit hoher Sichtbarkeit in Betracht ziehen, auf denen Nutzer/innen Geschäftsentscheidungen treffen.

Optional: Kachel ausblenden, wenn kein Angebot vorhanden ist

Generell wird die Karte komplett ausgeblendet, es sei denn, es gibt ein berechtigtes Angebot. Um dies zu erreichen, können Sie den verfügbaren onEligibleFinancingOfferLoaded-Callback verwenden:

// Include this element in your HTML
const capitalFinancingPromotion = stripeConnectInstance.create('capital-financing-promotion');
capitalFinancingPromotion.setLayout('banner');
container.appendChild(capitalFinancingPromotion);
capitalFinancingPromotion.setOnEligibleFinancingOfferLoaded(({productType}) => {
  switch (productType) {
    case 'none':
      capitalFinancingPromotion.parentElement.style.display = 'none';
      break;
    case 'standard':
    case 'refill':
      capitalFinancingPromotion.parentElement.style.display = 'block';
      break;
  }
});

Dokumentation zu zusätzlichen Komponenten suchen

Die Werbekachel ist eine von mehreren eingebetteten Komponenten, die für Capital verfügbar sind.

Weitere Informationen zu zusätzlichen Konfigurationsmöglichkeiten für diese Komponente finden Sie in der Dokumentation zur Komponente Finanzierungswerbung für Capital.

Weitere Informationen zu eingebetteten Komponenten finden Sie außerdem Leitfaden zu eingebetteten Komponenten von Capital for Platforms.

Schritte nach der Implementierung

Nach der Implementierung der Werbekachel:

• Ziehen Sie A/B-Tests in Betracht: Teilen Sie die Nutzer/innen auf, um die Auswirkungen der Werbekachel auf die Antragsquoten zu messen.
• Erweitern Sie Ihre Integration: Erweitern Sie Ihre Integration um weitere eingebettete Komponenten, z. B. das Capital-Antragsverfahren

Benötigen Sie Unterstützung bei der Implementierung? Kontaktieren Sie unser Capital for Platforms-Partnerschaftsteam, um persönliche Beratung zu erhalten. for personalized guidance.