# Währungsauswahlelement

Ermöglichen Sie es Ihren Kundinnen und Kunden mit Adaptive Pricing in ihrer Landeswährung zu zahlen.

Das Währungsauswahlelement ist eine einbettbare Nutzeroberfläche, die automatisch Preise in der lokalen Währung Ihrer Kundinnen/Kunden je nach deren Standort anzeigt. Einzelheiten zur Aktivierung des Währungsauswahlelements finden Sie in der [Integrationsanleitung](https://docs.stripe.com/payments/currencies/localize-prices/adaptive-pricing.md?payment-ui=embedded-components#render-currency-selector-element).

> [Adaptive Pricing](https://docs.stripe.com/payments/currencies/localize-prices/adaptive-pricing.md) und das Currency Selector Element sind nur bei Verwendung von Elements mit der [Checkout Sessions API](https://docs.stripe.com/payments/quickstart-checkout-sessions.md) verfügbar.

Wenn Sie die Demo nicht sehen, versuchen Sie, diese Seite in einem unterstützten Browser anzuzeigen.

> Sie sind für die Einhaltung der Gesetze verantwortlich, die für die Preislokalisierung in Ihrer Region oder in den Regionen Ihrer Kundinnen/Kunden gelten. Sie müssen das Element zur Währungsauswahl (Currency Selector Element) bei der Verwendung von Adaptive Pricing mit Elements rendern. Stripe empfiehlt Ihnen, sich an Ihren Rechtsbeistand zu wenden, um sich speziell zu Ihrem Unternehmen beraten zu lassen.

## Erscheinungsbild

Verwenden Sie die [Appearance API](https://docs.stripe.com/elements/appearance-api.md), um das Design aller Elemente zu steuern. Wählen Sie einen Stil oder aktualisieren Sie bestimmte Details.
![Nutzeroberfläche für die Währungsauswahl, die drei Varianten der Schaltflächen für die EU (625,51 €) und die USA (665,00 USD) mit beschrifteten Designelementen anzeigt.](https://b.stripecdn.com/docs-statics-srv/assets/cse-appearance.14faf007e156254a646fcabbecbbffd1.png)

Wählen Sie beispielsweise das „flache“ Design und überschreiben Sie die [.ToggleItem](https://docs.stripe.com/elements/appearance-api.md#toggle)-Stile.

```javascript
const stripe = Stripe('<<YOUR_PUBLISHABLE_KEY>>');

const appearance = {
  theme: 'flat',
  rules: {
    '.ToggleItem': {
      backgroundColor: "#000000",
      color: "#ffffff",
    }
  }
};
const elementsOptions = { appearance };
const checkout = stripe.initCheckoutElementsSdk({
  clientSecret,
  elementsOptions
});
const currencySelectorElement = checkout.createCurrencySelectorElement()
currencySelectorElement.mount('#currency-selector-element');
```

## Best Practices für das Design

Wir bieten ein konfigurierbares Währungsauswahlelement für Ihre Bezahlseite an. Befolgen Sie diese Best Practices, wenn Sie auswählen, wo die Auswahl platziert werden soll:

- Fügen Sie die Währungsauswahl in der Nähe der Eingabe der Zahlungsdetails hinzu, idealerweise direkt über dem Payment Element, da sich die ausgewählte Währung auf die verfügbaren Zahlungsmethoden auswirken kann. Wenn Sie nur Karten akzeptieren, können Sie die Währungsauswahl auch direkt unter dem Payment Element platzieren.
- Wenn das Payment Element anfangs nicht sichtbar ist (aufgrund von mehrstufigen Abläufen oder weil es sich weiter unten auf der Seite befindet), positionieren Sie die Währungsauswahl in der Nähe der Gesamtpreisanzeige.
- Wenn Sie das [Express Checkout Element](https://docs.stripe.com/elements/express-checkout-element.md) verwenden, empfehlen wir, das Currency Selector Element üer dem Express Checkout Element anzuordnen, um sicherzustellen, dass Ihre Kundinnen und Kunden wissen, in welcher Währung sie belastet werden.
- Wenden Sie diese Best Practices auf Ihre Seitenlayouts für alle Bildschirmgrößen an.

Weitere Informationen zur Verwendung des Währungsauswahlelements finden Sie im [Integrationsleitfaden](https://docs.stripe.com/payments/currencies/localize-prices/adaptive-pricing.md?payment-ui=embedded-components#render-currency-selector-element).