Später Bezahlen-Banner (Paypal) Integrieren (Impact Theme)
Hey @haks
Du meinst wie in diesem Shop auf der PDP hier?
Das Hinzufügen von PayPal Pay Later-Nachrichten zu deiner Produktseite im Shopify Dawn Theme erfordert einige Schritte und ist nicht so einfach. Hier ist eine kurze Anleitung, basierend auf den Informationen, die ich gefunden habe:
-
PayPal Client ID: Zunächst benötigst du deine PayPal Client ID. Diese findest du in deinem PayPal-Konto unter "Entwickler" und dann "API-Zugangsdaten".
-
Einbinden des Codes: Du musst zwei Arten von Code in dein Shopify-Theme einfügen:
- Ein JavaScript-Code, der im
<head>-Bereich deiner HTML-Seite eingefügt wird. Dieser Code lädt die PayPal SDK. - Ein HTML-Code, der an der Stelle eingefügt wird, an der die Pay Later-Nachrichten angezeigt werden sollen, in deinem Fall oberhalb des "In den Warenkorb legen"-Buttons auf der Produktseite.
- Ein JavaScript-Code, der im
-
Anpassung des Codes: Der HTML-Code enthält ein Element mit
data-pp-message, das für die Anzeige der Pay Later-Nachrichten zuständig ist. Du musst dendata-pp-amount-Wert in diesem Code entsprechend dem Preis des Produkts anpassen. -
Platzierung auf der Produktseite: Im Shopify Dawn Theme kannst du einen benutzerdefinierten Liquid-Block verwenden, um den HTML-Code auf der Produktseite einzufügen. Gehe dazu in deinem Shopify-Adminbereich zu "Themes", wähle "Anpassen" und füge einen "Custom Liquid"-Block in der gewünschten Position auf der Produktseite hinzu.
Es gibt einige Herausforderungen, die von anderen Shopify-Nutzern gemeldet wurden, wie das korrekte Rendern des Preises oder die Integration des Codes. Es könnte hilfreich sein, sich an einen erfahrenen Shopify-Entwickler oder direkt an den Shopify-Support zu wenden, falls du auf Schwierigkeiten stößt.
Das muss man testen aber im Grunde, um den Preis automatisch für das PayPal Pay Later-Banner auf jeder Produktseite in deinem Shopify Dawn Theme zu übernehmen, kannst du eine Liquid-Variable verwenden. Der Preis des aktuell ausgewählten Produkts oder einer Variante kann dynamisch in das PayPal-Banner eingebunden werden, indem du den Preis mit einer Liquid-Variable wie product.selected_variant.price abrufst. Diese Variable musst du im PayPal-Banner-Code einsetzen, damit der korrekte Preis automatisch angezeigt wird.
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
Hey @haks
Du meinst wie in diesem Shop auf der PDP hier?
Das Hinzufügen von PayPal Pay Later-Nachrichten zu deiner Produktseite im Shopify Dawn Theme erfordert einige Schritte und ist nicht so einfach. Hier ist eine kurze Anleitung, basierend auf den Informationen, die ich gefunden habe:
-
PayPal Client ID: Zunächst benötigst du deine PayPal Client ID. Diese findest du in deinem PayPal-Konto unter "Entwickler" und dann "API-Zugangsdaten".
-
Einbinden des Codes: Du musst zwei Arten von Code in dein Shopify-Theme einfügen:
- Ein JavaScript-Code, der im
<head>-Bereich deiner HTML-Seite eingefügt wird. Dieser Code lädt die PayPal SDK. - Ein HTML-Code, der an der Stelle eingefügt wird, an der die Pay Later-Nachrichten angezeigt werden sollen, in deinem Fall oberhalb des "In den Warenkorb legen"-Buttons auf der Produktseite.
- Ein JavaScript-Code, der im
-
Anpassung des Codes: Der HTML-Code enthält ein Element mit
data-pp-message, das für die Anzeige der Pay Later-Nachrichten zuständig ist. Du musst dendata-pp-amount-Wert in diesem Code entsprechend dem Preis des Produkts anpassen. -
Platzierung auf der Produktseite: Im Shopify Dawn Theme kannst du einen benutzerdefinierten Liquid-Block verwenden, um den HTML-Code auf der Produktseite einzufügen. Gehe dazu in deinem Shopify-Adminbereich zu "Themes", wähle "Anpassen" und füge einen "Custom Liquid"-Block in der gewünschten Position auf der Produktseite hinzu.
Es gibt einige Herausforderungen, die von anderen Shopify-Nutzern gemeldet wurden, wie das korrekte Rendern des Preises oder die Integration des Codes. Es könnte hilfreich sein, sich an einen erfahrenen Shopify-Entwickler oder direkt an den Shopify-Support zu wenden, falls du auf Schwierigkeiten stößt.
Das muss man testen aber im Grunde, um den Preis automatisch für das PayPal Pay Later-Banner auf jeder Produktseite in deinem Shopify Dawn Theme zu übernehmen, kannst du eine Liquid-Variable verwenden. Der Preis des aktuell ausgewählten Produkts oder einer Variante kann dynamisch in das PayPal-Banner eingebunden werden, indem du den Preis mit einer Liquid-Variable wie product.selected_variant.price abrufst. Diese Variable musst du im PayPal-Banner-Code einsetzen, damit der korrekte Preis automatisch angezeigt wird.
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
Community Blog Artikel
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024
Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024
Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024