Pleasepoint SDK HTML: Personalitza one-to-one i en temps real la interacció a l'eCommerce (Part 2).

En aquest article t'ensenyarem a utilitzar les etiquetes HTML del SDK de recomanació one-to-one de Pleasepoint.

Aquests són els continguts de l'article:

1. SDK HTML: Millora l'experiència dels teus clients.
2. Afegir el SDK de Pleasepoint als scripts JS que carrega la pàgina.
3. Recomanació one-to-one de productes.
4. Recomanació de productes basada en un altre producte (item-item).
5. Recomanació basada en ranking de productes (ranking one-to-one).
6. Recomanació basada en bestsellers.
7. Registrar esdeveniments d'interacció.
8. Per què has de personalitzar one-to-one el teu eCommerce amb el SDK HTML?

Aquest article és el segon d'una sèrie de quatre articles sobre com fer servir el SDK de Pleasepoint. Aquí tractarem l'ús del SDK en HTML. Et compartim els enllaços als altres tres articles:

• El SDK de Pleasepoint: Personalitza one-to-one i en temps real la interacció a l'eCommerce.
• SDK JS: Implementa la recomanació one-to-one fent servir javascript.
• API: Implementa la recomanació one-to-one accedint directament per API.

SDK HTML: Millora l'experiència dels teus clients.

Gràcies al SDK HTML de Pleasepoint, pots portar la personalització al nivell següent mostrant recomanacions de productes altament personalitzades i fent el seguiment dels esdeveniments d'interacció dels teus clients. En aquest apartat aprendràs com utilitzar aquesta potent eina i per què és essencial per a l'èxit del teu negoci en línia.

Un dels principals avantatges del SDK HTML de Pleasepoint és la seva capacitat de mostrar recomanacions de productes altament personalitzades al teu lloc web. Aquestes recomanacions es basen en el comportament i les preferències individuals de cada client.

Recomanem utilitzar la versió HTML quan al backend disposem de tota la informació necessària per a la recomanació i/o el registre d'esdeveniments. Recorda que pots combinar l'ús d'HTML i JS sense haver d'afegir cap fitxer JS addicional.

Si no coneixes el SDK de Pleasepoint et recomanem llegir aquest primer article introductori.

Per facilitar-te l'ús del SDK en HTML, a la mateixa plataforma pots configurar el teu widget de recomanació a la secció Constructor de mòduls, dins del mòdul One-to-one.

Obtens directament el codi que has d'enganxar allà on vulguis mostrar la recomanació. Recorda que només hauràs de canviar els identificadors d'usuari, sessió i producte si cal.

Per què és important? Quan els clients veuen productes que s'adapten als seus gustos i necessitats, és més probable que facin una compra. A continuació veurem els passos per utilitzar el SDK HTML de Pleasepoint al teu eCommerce.

1. Afegir el SDK de Pleasepoint als scripts JS que carrega la pàgina.

Aquest és el script que has d'afegir abans del tancament del body al teu eCommerce. Cal que aquest script s'incrusti a totes les pàgines.

<script type="module" src="https://platform.pleasepoint.com/pleasepoint-widgets/index.js"></script>

2. Mostrar la recomanació one-to-one.

Et compartim els enllaços sobre com utilitzar la recomanació one-to-one:

1. Ús dels paràmetres per defecte del widget de recomanació one-to-one de productes.
2. Ús dels paràmetres específics del widget de recomanació one-to-one de productes.

Aquest és el codi HTML que has d'incrustar a l'espai on vulguis mostrar la recomanació one-to-one.

<pleasepoint-recommendation
  account-id="my_account_id"
  num-recommendations="4"
  cols="2"
  show-slider <!-- optional, default false -->
  engine="" <!-- remove to use best-sellers engine only -->
  best-sellers-engine=""
  business-rule=""
  business-rule-params='{"param1": ["value1", "value2"]}' <!-- optional -->
  user-reference-id="" <!-- OR --> email=""
  session-id=""
  event-source-page=""
  event-source-block="" <!-- optional -->
></pleasepoint-recommendation>

Recorda que has de modificar els paràmetres segons el teu compte de Pleasepoint, la configuració que vulguis del widget, la identificació de l'usuari i la sessió.

3. Mostrar la recomanació de productes basada en un altre producte (item-item).

Et compartim els enllaços sobre com utilitzar la recomanació de productes item-item:

1. Ús dels paràmetres per defecte del widget de recomanació item-item de productes.
2. Ús dels paràmetres específics del widget de recomanació item-item de productes.

Aquest és el codi HTML que has d'incrustar a l'espai on vulguis mostrar la recomanació item-item.

<pleasepoint-recommendation
  account-id="my_account_id"
  num-recommendations="4"
  cols="2"
  show-slider <!-- optional, default false -->
  item-item-engine=""
  business-rule=""
  business-rule-params='{"param1": ["value1", "value2"]}' <!-- optional -->
  product-reference-id=""
  user-reference-id="" <!-- OR --> email="" <!-- both optional -->
  session-id="" <!-- optional -->
  event-source-page=""
  event-source-block="" <!-- optional -->
></pleasepoint-recommendation>

Recorda que has de modificar els paràmetres segons el teu compte de Pleasepoint, la configuració que vulguis del widget, la identificació del producte, de l'usuari i de la sessió.

4. Mostrar la recomanació basada en ranking one-to-one.

Et compartim els enllaços sobre com utilitzar la recomanació basada en el ranking one-to-one de productes:

1. Ús dels paràmetres per defecte del widget de recomanació basada en ranking one-to-one de productes.
2. Ús dels paràmetres específics del widget de recomanació basada en ranking one-to-one de productes.

Aquest és el codi HTML que has d'incrustar a l'espai on vulguis mostrar la recomanació basada en ranking one-to-one.

<pleasepoint-recommendation
  account-id="my_account_id"
  num-recommendations="4"
  cols="2"
  show-slider <!-- optional, default false -->
  ranking-engine="product_id_1, product_id_2, product_id_3, ..."
  business-rule=""
  business-rule-params='{"param1": ["value1", "value2"]}' <!-- optional -->
  user-reference-id="" <!-- OR --> email=""
  session-id=""
  product-list=""
  event-source-page=""
  event-source-block="" <!-- optional -->
></pleasepoint-recommendation>

Recorda que has de modificar els paràmetres segons el teu compte de Pleasepoint, la configuració que vulguis del widget, la identificació de l'usuari i la sessió.

5. Mostrar la recomanació de bestsellers.

Et compartim els enllaços sobre com utilitzar la recomanació basada en productes bestsellers:

1. Ús dels paràmetres per defecte del widget de recomanació basada en productes bestsellers.
2. Ús dels paràmetres específics del widget de recomanació basada en productes bestsellers.

Aquest és el codi HTML que has d'incrustar a l'espai on vulguis mostrar la recomanació one-to-one.

<pleasepoint-recommendation
  account-id="my_account_id"
  num-recommendations="4"
  cols="2"
  show-slider <!-- optional, default false -->
  best-sellers-engine=""
  business-rule=""
  business-rule-params='{"param1": ["value1", "value2"]}' <!-- optional -->
  user-reference-id="" <!-- OR --> email=""
  session-id=""
  event-source-page=""
  event-source-block="" <!-- optional -->
></pleasepoint-recommendation>

Recorda que has de modificar els paràmetres segons el teu compte de Pleasepoint, la configuració que vulguis del widget, la identificació de l'usuari i la sessió.

6. Registrar esdeveniments d'interacció.

Aquest és l'enllaç per veure la descripció dels paràmetres per al registre d'esdeveniments d'interacció.

Aquest és el codi HTML que has d'incrustar per registrar els esdeveniments d'interacció.

<pleasepoint-event
  account-id="my_account_id"
  api-id="my_tracking_id"
  product-reference-id="['product_reference_id1', 'product_reference_id2', ...]"
  user-reference-id="" <!-- OR --> email=""
  session-id=""
  event-type="impression | click | add_to_cart | purchase"
  source=""
  recommendation-id="recommendation_id" <!-- optional -->
></pleasepoint-event>

Recorda que has de modificar els paràmetres segons el teu compte de Pleasepoint, la identificació de l'usuari, la sessió, els productes amb què està interaccionant i el tipus d'esdeveniment.

Per què has de personalitzar one-to-one el teu eCommerce amb el SDK HTML?

Descobreix com la personalització one-to-one millorarà la taxa de conversió del teu eCommerce utilitzant el SDK de Pleasepoint.

El SDK en HTML de Pleasepoint és molt pràctic sempre que tinguis tota la informació disponible en el moment de generar l'HTML. La informació principal a la qual has de tenir accés és:

• Id d'usuari o email i id de la sessió.
• Ids dels productes que visualitza o amb què interacciona l'usuari.

Descarrega el nostre eBook Introducció al marketing one-to-one i aprèn a executar una estratègia hiperpersonalitzada basada en el cicle de vida i les preferències de cadascun dels teus clients. Mai no havia estat tan fàcil començar a hiperpersonalitzar i incrementar el rendiment de les teves accions de marketing.