Anzeige von Kundengruppenpreisen mit Clerk.io

Die Einrichtung von Kundengruppenpreisen besteht aus 4 Schritten:

1. Die verschiedenen Preise in den Feed einfügen

2. Holen Sie die aktuelle Kundengruppen-ID.

3. Erstellen einer Funktion zum Abrufen des entsprechenden Preises

4. Zeige den Preis im Design an

1. Preise in den Feed einfügen

Fügen Sie zunächst allen Produkten ein Attribut hinzu, das alle verschiedenen Preisoptionen enthält, und stellen Sie sicher, dass Sie jeden Preis einer bestimmten Kundengruppe zuordnen.

Dies kann als string-encoded JSON dict gesendet werden.

Zum Beispiel:

Preise

customer_group_prices = '{"GROUP1":179, "GROUP2": 140, "GROUP3": 100, "GROUP4":70}'

2. Abrufen der Kundengruppen-ID

Implementieren Sie irgendwo auf der Seite ein kleines Skript, das die Kundengruppen-ID des aktuellen Kunden in einer JS-Variablen abruft.

Die Kundengruppen-ID sollte dem Listenindex entsprechen, in dem der entsprechende Preis enthalten ist. Befindet sich der Preis beispielsweise in Kundengruppe-Preise[2], sollte die ID auch 2 sein. Zum Beispiel:

Kundengruppen-ID

<script type="text/javascript">
    const customer_group = GROUP2;
</script>

3. Eine Funktion zum Abrufen des Preises erstellen

Nachdem Sie den Preis in den Feed aufgenommen und die Variable Kundengruppe abgerufen haben, können Sie einen TemplateFormatter erstellen, der die Liste Kundengruppe als Argument nimmt und den entsprechenden Preis zurückgibt.

Wie oben beschrieben, können Sie nun den Preis der spezifischen Kundengruppe als Schlüssel im Preis-Diktat auf der Grundlage der Kundengruppen-ID abrufen.

Die Funktion sollte direkt in das Skript zur Besucherverfolgung eingefügt werden und heißt in diesem Beispiel final_price:

Formulare

    <!-- Start of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
  <script type="text/javascript">
    (function(w,d){
      var e=d.createElement('script');e.type='text/javascript';e.async=true;
      e.src=(d.location.protocol=='https:'?'https':'http')+'://cdn.clerk.io/clerk.js';
      var s=d.getElementsByTagName('script')[0];s.parentNode.insertBefore(e,s);
      w.__clerk_q=w.__clerk_q||[];w.Clerk=w.Clerk||function(){w.__clerk_q.push(arguments)};
    })(window,document);

    Clerk('config', {
      key: 'O7UITkJIXqXibeQF9ONobiGGKYYKtbvh',
      formatters: {
          final_price: function (customer_group_prices) {
              price_groups_obj = JSON.parse(customer_group_prices)
              var return_price = price_groups_obj[customer_group_key];
              return return_price;
          }
      });
    };
  </script>

    <!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->

4. Den Preis in der Vorlage anzeigen

Wenn der Formatierer final_price erstellt wurde, können Sie ihn direkt in Ihrem Design benennen, zusammen mit der Liste customer_group_prices, die Sie in Schritt 1 erstellt haben:

Aufruf der Vorlagenfunktion

5. Erstellen von Kundengruppenpreisen durch Erweitern von Clerk.js

Wenn Sie einige der Schritte in den obigen Lösungen zusammenfassen, haben Sie die Möglichkeit, Kundengruppenpreise zu erstellen, auf die Sie in Ihren Entwürfen verweisen können, indem Sie sie in Ihre Erweiterungsdatei Clerk.js aufnehmen.

Sie können Globals für Ihre Kundengruppen erstellen und Formate, um diese Gruppen in Ihren Clerk.io Designs zu referenzieren, indem Sie Code wie das folgende Beispiel verwenden. Stellen Sie sicher, dass Sie INSERT_GROUP_ID_HERE durch Ihre Gruppen-IDs ersetzen.

globals: {
customer_group_id: INSERT_GROUP_ID_HERE
},

formatters:{
final_price: function(standard_price,group_price1, group_price2){

var customer_group = INSERT_GROUP_ID_HERE;

if (customer_group = 1){
return group_price1;
}
else if (customer_group = 1){
return group_price2;
}
else (){

return standard_price;

}
}
}

Ist damit Ihre Frage beantwortet?