ℹ️ Note: Dieser Artikel wurde automatisch mit AI übersetzt und kann Ungenauigkeiten enthalten. Wenn etwas falsch aussieht, kontaktieren Sie bitte unser Support-Team.

Die Hoppy Currency Converter ermöglicht es Kunden, die Preise in ihrer bevorzugten Währung zu sehen, während Sie in Ihrem Geschäft einkaufen.

Durch die Anzeige lokalisierter Preise hilft der Currency Converter, ein vertrauteres Einkaufserlebnis zu schaffen, Preisverwirrung zu reduzieren und das Vertrauen bei internationalen Besuchern zu verbessern.

Dieser Leitfaden führt durch den gesamten Einrichtungsprozess, vom Onboarding über die Konfiguration von Währungen bis hin zur Storefront-Platzierung.

⚠️ Bevor Sie beginnen

Bevor Sie den Currency Converter einrichten, stellen Sie sicher:

• Ihr Shopify Store ist aktiv
• Produkte mit Preisen sind im Storefront erhältlich
• Sie haben Zugriff auf Ihre Shopify Admin

💡 Der Currency Converter setzt auf ShopifyPreisformatierung und Theme-Integration, so dass ein kurzer Onboarding-Prozess erforderlich ist, bevor er mit der korrekten Konvertierung von Preisen beginnen kann.

✅ Schritt 1: Aktivieren Sie die App Embed

Damit der Currency Converter auf Ihrer Storefront erscheint, muss das App-Embed in Ihrem Shopify Thema.

Gehen Sie zu:

Shopify Admin → Sales Channels → Online Store → Themes → Edit Theme → App Embeds

Dann:

• Finde Währungsumrichter
• Umschalten IN
• Klicken Sparen

Einmal aktiviert, kann die App den Currency Converter auf Ihrer Storefront anzeigen.

✅ Schritt 2: Schließen Sie das Onboarding-Setup ab

Wenn Sie die App zum ersten Mal öffnen, werden Sie durch einen kurzen Onboarding-Prozess geführt.

Dieses Setup stellt sicher, dass Ihr Theme korrekt konfiguriert ist, bevor der Currency Converter live geht.

📝 Konfigurieren des Geldformats

Der Currency Converter identifiziert Preiselemente mithilfe ShopifyS Geld Formatierung Einstellungen.

Innerhalb des Onboarding:

• Kopieren Sie die von der App generierten Geldformate
• Offen:

Shopify Admin → Einstellungen → Allgemein → Speicherstandards → Währungsanzeige → Währungsformatierung ändern

Fügen Sie die erzeugten Werte ein in:

• HTML mit Währung
• HTML ohne Währung

Dann:

→ Klicken Sparen

💡 Die Verwendung der generierten Formate hilft dem Währungskonverter, Preise konsistent in Ihrer Storefront zu erkennen und zu konvertieren.

🔌 Theme Extension aktivieren

Der Onboarding-Prozess führt Sie auch durch die Aktivierung der Theme App Extension.

Einfach:

• Öffnen Sie den bereitgestellten Theme Editor Link
• Aktivieren Sie die Currency Converter App Embed
• Speichern Sie das Thema

Dies stellt sicher, dass der Currency Converter richtig auf der Storefront geladen werden kann.

👀 Überprüfen Sie das Setup

Nach Abschluss der vorherigen Schritte:

• Besuchen Sie Ihre Storefront
• Bestätigen Sie, dass der Währungskonverter sichtbar ist
• Zurück zur App
• Klicken Komplettes Onboarding

Nach Abschluss stehen alle App-Einstellungen zur Verfügung.

✅ Schritt 3: Unterstützte Währungen auswählen

Offen:

Einstellungen → Allgemein

Standort:

Währungen auswählen

Verwenden Sie den Dropdown, um die Währungen auszuwählen, die Ihre Kunden sehen möchten.

Verfügbare Aktionen

• Wählen Sie einzelne Währungen aus
• Alle auswählen
• Alle auswählen

💡 Es wird allgemein empfohlen, Währungen zu priorisieren, die von Ihren primären Kundenmärkten verwendet werden.

✅ Schritt 4: Konfigurieren Sie den Währungswechsel

Die Registerkarte Allgemein enthält Einstellungen, die steuern, wie Besucher Währungen wechseln.

🌍 Automatischer Währungsschalter

Erkennt automatisch den Standort eines Besuchers und wechselt zur wichtigsten Währung.

Wenn aktiviert

• Besucher sehen lokalisierte Währungen automatisch
• Keine manuelle Auswahl erforderlich

Beispiel

• Besucher aus Deutschland sehen EUR
• Besucher aus Japan sehen JPY

🔒 Beschränken Auto Currency Switch

Diese Option wird nur angezeigt, wenn Auto Currency Switch aktiviert ist.

Verwenden Sie es, um den automatischen Wechsel in ausgewählte Länder anstelle aller Besucher zu begrenzen.

Dies kann bei der Ausrichtung auf bestimmte internationale Märkte nützlich sein.

💱 Standard-Umrechnungswährung

Diese Option wird angezeigt, wenn Auto Currency Switch deaktiviert ist.

Wählen Sie die Währung, die standardmäßig angezeigt werden soll, bis Kunden manuell zu einer anderen Option wechseln.

✅ Schritt 5: Wählen Sie den Währungsanzeigemodus

Standort:

Ausgewählter Währungsmodus

Diese Einstellung steuert, wie Währungen im Selektor erscheinen.

Verfügbare Optionen

Länderauswahl

Displays:

• Länderflaggen
• Ländernamen
• Währungsbezeichnung

Beispiel

🇺🇸 Vereinigte Staaten Dollar

Währungsauswahl

Displays:

• Währungscodes
• Währungsbezeichnung

Beispiel

🇺🇸 USD

Wählen Sie den Stil, der am besten zu Ihrem Storefront-Design und Ihren Kundenpräferenzen passt.

✅ Schritt 6: Konfiguration der Anzeigeposition

Offen:

Einstellungen → Display

Dieser Abschnitt steuert, wo der Währungskonverter auf Desktop- und Mobilgeräten erscheint.

💻 Desktop-Position

Wählen Sie, wo der Currency Converter auf Desktop-Geräten erscheinen soll.

Positionsstil

Schwimmen

Zeigt den Währungskonverter an einer festen Position an, während Kunden surfen.

Sie können auch auswählen, wo Sie den Floating Currency Selector platzieren möchten. Die verfügbaren Optionen sind:

• Oben rechts
• Oben links
• Rechts unten rechts
• Unten links

Kopfzeile

Platziert den Currency Converter innerhalb des Storefront-Headers.

Zollstelle

Platziert den Währungskonverter innerhalb eines bestimmten Elements Ihrer Shopify Thema.

Zusätzliche Einstellungen werden verfügbar:

• Custom Element
• Custom Placement

💡 Benutzerdefinierte Position ist nützlich, wenn Sie den Währungskonverter in einen bestimmten Teil Ihres Themas integrieren möchten.

📱 bewegliche Position

Die mobile Positionierung funktioniert unabhängig von der Desktop-Positionierung.

Verfügbare Optionen

• Schwimmen
• Kopfzeile
• Zollstelle

Auf diese Weise können Sie separate Erlebnisse für Desktop- und mobile Besucher erstellen.

📍 Anzeigeposition

Abhängig vom gewählten Stil können Sie möglicherweise Positionen auswählen, wie:

• Oben links
• Oben rechts
• Unten links
• Rechts unten rechts

Diese Positionen steuern, wo der Währungskonverter auf dem Bildschirm erscheint.

📐 Offseteinstellungen

Offset-Einstellungen ermöglichen es Ihnen, den Abstand von den Bildschirmkanten zu verfeinern.

Beispiele hierfür sind:

• Top-Offset
• Bottom Offset
• Linksversatz
• Rechtsversatz

Diese Einstellungen helfen, Überlappungen mit anderen Storefront-Elementen zu verhindern.

✅ Schritt 7: Speichern Sie Ihre Konfiguration

Sobald Sie konfiguriert haben:

• Unterstützte Währungen
• Währungswechselverhalten
• Währungsanzeigemodus
• Desktop-Einstellung
• Mobile Platzierung

Klick:

→ Sparen

Ihre Currency Converter-Konfiguration ist jetzt aktiv.

⚠️ Wichtige Hinweise

Preise werden für Display konvertiert

Der Currency Converter aktualisiert die Storefront-Preise für den Kundenkomfort.

Die endgültige Checkout-Währung hängt von Ihrer Shopify Konfiguration und Unterstützung Shopify Markteinstellungen.

Widget erscheint nicht?

Wenn der Währungskonverter nicht sichtbar ist:

• Überprüfen Sie, ob das App Embed aktiviert ist
• Verify Onboarding wurde abgeschlossen
• Überprüfen Sie, ob die Geldformate korrekt konfiguriert wurden
• Erfrischen Sie die Storefront

Anpassen des Aussehens

Der Design-Bereich ermöglicht es Ihnen, anzupassen:

• Farben
• Typografie
• Grenzen
• Flaggen
• Layout Styling

Dies hilft dem Currency Converter, Ihr Storefront-Branding anzupassen.

Warenkorbmitteilung verfügbar

Die Cart Notification-Funktion kann separat aktiviert werden, um Kunden vor dem Checkout an das Währungsverhalten zu erinnern.

🎉 Endergebnis

Einmal erfolgreich konfiguriert:

✅ Kunden können Preise in ihrer bevorzugten Währung einsehen

✅ Internationale Besucher erhalten ein lokalisierteres Erlebnis

✅ Währungsumtausch funktioniert automatisch oder manuell

✅ Desktop- und mobile Platzierungen sind vollständig anpassbar

✅ Der Currency Converter integriert sich nahtlos in Ihre Storefront

Mit dem Currency Converter können Sie Ihren Shop für globale Kunden leichter zugänglich machen und gleichzeitig ein reibungsloseres und vertrauenswürdigeres Einkaufserlebnis schaffen. 🌍

Aktualisiert am: 10/09/2026