FAQ

Gestione dei prezzi dei gruppi di clienti #

L’impostazione dei prezzi dei gruppi di clienti consiste in 2 fasi:

1. Eseguire una sincronizzazione completa tra Clerk.io e BigCommerce.

2. Fornire un contesto di prezzo quando si mostra il contenuto della pagina.

1. Eseguire una sincronizzazione completa #

Quando si esegue una sincronizzazione completa tra Clerk.io e BigCommerce, Clerk.io memorizza i prezzi dei diversi gruppi di clienti e le regole di prezzo attive per il negozio.

Queste regole saranno memorizzate separatamente per ogni prodotto e verranno utilizzate quando il prodotto verrà mostrato sul sito web. Queste regole verranno inoltre aggiornate solo quando viene eseguita una sincronizzazione completa.

2. Fornire un contesto di prezzo #

Quando si mostra il prodotto sul sito web, è necessario fornire un contesto di prezzo a Clerk.io. Questo può essere fatto fornendo l’ID del gruppo di clienti del cliente corrente o fornendo il suo indirizzo e-mail o il suo id cliente.

Il contesto del prezzo può essere fornito negli attributi html dell’anchortag del contenuto stesso, oppure può essere fornito come parte della chiamata a Clerk(‘config’, …).

Ecco alcuni esempi di come apparirebbe questo codice se fosse fornito nel tag di ancoraggio stesso.

<span
  class="clerk"
  data-template="@content-1"
  data-price_context='{"customer":{"email": "support@clerk.io"}}'
></span>

<span
  class="clerk"
  data-template="@content-2"
  data-price_context='{"customer":{"id": 12345}}'
></span>

<span
  class="clerk"
  data-template="@content-3"
  data-price_context='{"qualifiers":{"customer_group_id": 0}}'
></span>

Ecco un esempio di come apparirebbe se fosse fornito come parte della chiamata a Clerk(‘config’, …).

Clerk('config', {
  price_context: {
    customer: {
      email: "support@clerk.io"
    }
  }
})

L’approccio sopra descritto può essere combinato con altri valori predefiniti impostati al caricamento della pagina.

Clerk('config', {
  key: 'YOUR_PUBLIC_KEY',
  language: 'english',
  price_context: {
    customer: {
      email: "support@clerk.io"
    }
  }
})

Per iniettare dinamicamente questo contenuto, si dovrebbero utilizzare le variabili rese disponibili nel tema stencil, anziché codificare in modo rigido l’input a un determinato indirizzo e-mail o id utente.

Di seguito si può vedere come stampare le diverse variabili del cliente nel tema: Oggetto cliente BigCommerce

Ecco un esempio di come si potrebbe utilizzare l’oggetto cliente nel tema per impostare dinamicamente il contesto del prezzo.

<span
  class="clerk"
  data-template="@content-1"
  data-price_context='{"customer":{"email": "{{ customer.email }}"} }'
></span>

L’uso dei formattatori nei progetti #

Commesso.js consente di scrivere funzioni javascript personalizzate, che aggiungono nuove funzionalità a Progetti.

I formattatori possono essere aggiunti in due modi:

• Attraverso my.clerk.io > Impostazioni > Formattatori, dove ogni formattatore può essere creato come voce separata.
• Come PLACEHOLDER_8 per Clerk.js, nel file tracciamento-script che viene inserito in tutte le pagine, dove si possono aggiungere più formattatori contemporaneamente.

Un esempio può essere visto qui sotto. Si tenga presente che questo è Commesso V2 (ultima versione):

    Clerk('config', {
      key: 'O7UITkJIXqXibeQF9ONobiGGKYYKtbvh',
      formatters: {
             log_price: function(price) {
             console.log(price);
          }
      });

È possibile scrivere un numero qualsiasi di formattatori, separati da una virgola, come questo:

formatters: {
   log_price: function(price) {
      console.log(price);
   },
   calculate_discount: function(price,special_price) {
      return price-special_price;
   },
   substring: function(text) {
      var short_string = text.substring(0,20);
      return short_string;
   }
}

Dopo aver creato i formattatori, è possibile utilizzarli in Designs utilizzando questa sintassi:

In questo modo è possibile creare nei propri progetti qualsiasi funzionalità che si desidera utilizzare con Clerk.io nel proprio webshop.