Shopify Tip / Trinkgeld / Checkout Spende im Frontend anzeigen

[kaka-commerce]

Hi,

gibt es die Möglichkeit die Summe der Checkout Trinkgelder / Tips / Spenden im Shop anzuzeigen?

Liebe Grüße

[Kai]

Hi @kaka-commerce,

vielen Dank für deinen Post.

Um die Summer der gezahlten Trinkgelder in deinem Shopify Shop anzeigen zu lassen gehst du im Admin auf:

1. Statistiken > Berichte.
2. Klickst im Abschnitt Finanzen auf Alle anzeigen.
3. Dann auf Trinkgeld.
4. Wählst in der Dropdown-Liste Onlineshop aus, um die Beträge auf deinen Online-Verkauf zu begrenzen.

Funktioniert das für dich?

Welche Art von Shopify Shop betreibst du und ist es dort üblich, dass Kunden Trinkgeld bezahlen?

[kaka-commerce]

Hi @Kai , danke für deine Unterstützung. Ich habe mich glaube ich nicht präzise genug ausgerückt. Ich möchte die Summe unseres Tips in unserem Shop für unsere Kunden sichtbar machen. Wir nutzen das Trinkgeld als Spendenoption im Checkout. Mein Ziel ist es auf einer Seite die Summe der bisher getätigten Spenden für unsere Kunden anzuzeigen.

[Gabe · Accepted solution]

Hey @kaka-commerce 

Ich sehe was du machen möchtest und das ist eine super Sache, so in etwa wie eine Gofundme Seite:

So einfach wird das nicht sein, denn du müsstet diese Kennzahlen über dem Shopify Admin API ziehen und dadurch im Frontend anzeigen (siehe den Order TotalValueofTips Objekt hier) ggf. mit einem Metafeld (mehr dazu weiter unten).

Wenn du es selber programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!

Die Schritte

Zuerst müsstet du die gesammelten Trinkgelder/Tips/Spenden vom Shopify Admin API extrahieren und dann per einem Metafeld oder JS Coding im Frontend Theme ausweisen. 

Um die Summe aller Trinkgelder (Tips) über die Shopify Admin API mit dem totalTip Money-Objekt zu erhalten, musst du im Wesentlichen die Bestellungen aus deinem Shop abrufen und die totalTip-Werte dieser Bestellungen zusammenfassen. 

Hier sind ein paar Beispiele wie du das erreichen kann zusammen mit einem unserer Shopify Experten. Gerne kann ich welche empfehlen hier.

Schritt 1: API-Zugriff einrichten

• Erstelle einen privaten App-Zugriff in deinem Shopify Admin-Bereich unter Apps > Private Apps verwalten.
• Notiere dir den API-Schlüssel und das Passwort, die du benötigst, um Anfragen an die API zu senden.

Schritt 2: Bestellungen abrufen

Verwende die Shopify Admin API, um alle Bestellungen abzurufen, wie folgt dass du unseren Developer Documentation entnehmen kannst:

curl -X GET "https://DEIN_SHOP_NAME.myshopify.com/admin/api/2022-07/orders.json" \
     -H "X-Shopify-Access-Token: DEIN_API_PASSWORT"

Achte darauf, den Endpoint DEIN_SHOP_NAME.myshopify.com und DEIN_API_PASSWORT durch deine tatsächlichen Werte zu ersetzen.

Schritt 3: Trinkgelder zusammenfassen

Extrahiere den totalTip Wert aus jeder Bestellung und summiere diese Werte, um die Gesamtsumme der Trinkgelder zu erhalten. Dies kann in einer Programmiersprache deiner Wahl durchgeführt werden.

Beispiel:

import requests

# API-Details
shop_url = "https://DEIN_SHOP_NAME.myshopify.com/admin/api/2022-07/orders.json"
headers = {
    "X-Shopify-Access-Token": "DEIN_API_PASSWORT"
}

# Bestellungen abrufen
response = requests.get(shop_url, headers=headers)
orders = response.json().get('orders', [])

# Trinkgelder (Tips) zusammenfassen
total_tips = sum(order.get('total_tip', 0) for order in orders)

print(f"Gesamtsumme der Trinkgelder: {total_tips}")

Schritt 4: Ergebnis auf deiner Shopify-Seite anzeigen

Jetzt, wo du die Gesamtsumme der Trinkgelder hast, kannst du sie in deinem Shopify-Store anzeigen. Dies kann entweder durch eine benutzerdefinierte App oder durch das Einfügen von benutzerdefiniertem Liquid-Code in dein Theme erfolgen, abhängig von deinem spezifischen Anwendungsfall und deinen technischen Fähigkeiten.

Bitte beachte, dass das Abrufen aller Bestellungen, insbesondere wenn du viele Bestellungen in deinem Shop hast, einige Zeit in Anspruch nehmen kann. Es könnte sinnvoll sein, diesen Vorgang zu optimieren oder nur in regelmäßigen Abständen auszuführen, um die API-Rate-Limits von Shopify nicht zu überschreiten.

Es über ein Metafeld im Theme anzeigen

Metafelder in Shopify ermöglichen es dir, zusätzliche benutzerdefinierte Daten zu verschiedenen Ressourcen wie Produkten, Bestellungen, Kunden usw. hinzuzufügen. Wenn du die gesammelte Summe der Trinkgelder in einem Metafeld speichern möchtest, kannst du die Shopify Admin API verwenden, um ein solches Metafeld zu erstellen und dann zu aktualisieren. Hier ist, wie du das machen kannst:

Schritt 1: Metafeld definieren

Zuerst musst du ein Metafeld definieren. Dies kann über die Shopify-Admin-Oberfläche oder über die API erfolgen.

Um ein Metafeld über die API für einen Shop zu definieren, kannst du den folgenden Endpunkt verwenden:

POST /admin/api/2022-07/metafields.json

Mit einem JSON-Body, der in etwa so aussieht:

{
  "metafield": {
    "namespace": "custom_data",
    "key": "total_tips",
    "value": "0",
    "value_type": "integer",
    "description": "Gesamtbetrag der Trinkgelder"
  }
}

Schritt 2: Metafeld aktualisieren

Nachdem du die Trinkgeldsumme berechnet hast (wie im vorherigen Antwort beschrieben), kannst du das Metafeld aktualisieren, um den neuesten Wert zu speichern.

PUT /admin/api/2022-07/metafields/{metafield_id}.json

Mit einem JSON-Body:

{
  "metafield": {
    "id": {metafield_id},
    "value": "{neuer_wert}"
  }
}

Ersetze {metafield_id} durch die ID des Metafelds und {neuer_wert} durch die berechnete Summe der Trinkgelder.

Schritt 3: Wert im Shopify Store anzeigen

Nachdem das Metafeld aktualisiert wurde, kannst du seinen Wert in deinem Shopify-Store anzeigen. Verwende dazu die Liquid-Syntax in deinem Theme:

{% assign total_tips = shop.metafields.custom_data.total_tips %}
{{ total_tips }}

Stelle sicher, dass du den richtigen Namespace und Schlüssel aus dem von dir definierten Metafeld verwendest.

Automatisierung

Um den Prozess zu automatisieren, könntest du eine benutzerdefinierte App oder ein Skript erstellen, das regelmäßig die Trinkgeldsumme berechnet und das Metafeld aktualisiert. Beachte jedoch die API-Rate-Limits von Shopify und optimiere gegebenenfalls deinen Code, um diese Limits nicht zu überschreiten.

Hoffe das hilft dir weiter! 😉

[kaka-commerce]

Hey, that was so helpful! Thank you. We did that with shopify flow.

[Greekero]

Hallo @kaka-commerce!

Ich bin auch auf der Suche nach einer Lösung, um die Summe der Tips/Trinkgelder anzeigen zu lassen.

Könntest Du mir sagen, wie ihr das genau mit Shopify Flow umgesetzt habt?

Dank und Gruß 👍

[Greekero]

Nochmal nachgehakt, ich habe leider bis heute keine Lösung für mich umsetzen können... @kaka-commerce