Skip to content

Yotpo

Yotpo は大手 e コマースマーケティングプラットフォームであり、何千もの先進的なブランドが消費者直販の成長を加速できるよう支援しています。Yotpoのシングルプラットフォームアプローチは、レビュー、ロイヤルティ、SMSマーケティングなどのデータ主導型ソリューションを統合し、ブランドがよりスマートでコンバージョンの高い顧客体験を創造できるようにする。

BrazeとYotpoの統合により、Braze内のEメールやその他のコミュニケーションチャンネルで、商品に関する星評価、トップレビュー、視覚的なユーザー生成コンテンツ(UGC)を動的に取得し、表示することができる。また、顧客レベルのロイヤルティデータをメールやその他のコミュニケーション手段に組み込むことで、よりパーソナライズされたインタラクションを実現し、売上とロイヤルティを高めることができます。

前提条件

続行する前に、YotpoのプロダクトIDが、Brazeから動的に引き出されるproduct_id と同じであることを確認する。これは統合が機能するために必須の作業です。

自分のYotpoプロダクトIDを見つけるには、以下のステップを実行する:

  1. ストア Web サイトに移動します。
  2. 製品ページを開く。
  3. 右クリックして [Inspect] を選択します。
  4. Control+Fキーを押し、コード内のyotpo-main を検索する。data-product ID 変数とその値が Yotpo div に表示されます。

調査して yotpo-main を探し、data-product ID 変数を確認する。

統合

YotpoとBrazeを統合するには、以下のステップを実行する:

  1. Brazeのダッシュボードに行く。
  2. キャンペーン]ページで[キャンペーンを作成]をクリックし、[Eメール]を選択する。
  3. 好みのテンプレートを選択する。
  4. [メール本文を編集] をクリックし、ユースケースに応じた コネクテッドコンテンツのスニペットを追加します。

商品の星評価とレビュー数を表示する

このスニペットを使って、メールに含まれる商品の公開平均スコアとレビュー総数を提供する:

1
2
3
4
5
6
7
8
9
10
{% connected_content https://api.yotpo.com/products/<YOTPO-API-KEY>/{{event_properties.${product_id}}}/bottomline :save result %}      

{% if {{result.response.bottomline.average_score}} != 0 %}

The average rating for this product is:

{{result.response.bottomline.average_score}}/5, based on {{result.response.bottomline.total_reviews}} reviews.

{% else %}                    
{% endif %}

<YOTPO-API-KEY> をあなたのYotpoレビューAPIキーに置き換える。product_id が Braze から動的に取得されます。統合が機能するためには、Braze のproduct_id が Yotpo の製品 ID (通常は e コマース親製品 ID) と一致している必要があります。

YOTPO-API-KEYをあなたのYotpo Reviews APIキーに置き換える。

製品の最近の5つ星レビューを表示する

このスニペットを使って、Eメールに含まれる特定の商品のトップ(公表済み)レビューを提供する:

1
2
3
4
5
6
7
8
9
10
{% connected_content https://api.yotpo.com/v1/widget/<YOTPO-API-KEY>/products/{{event_properties.${product_id}}}/reviews.json?per_page=50&star=5&sort=votes_up :save result %}

{% if {{result.response.reviews[0].score}} == 5 %}

Recent 5 Star Review for this product:

{{result.response.reviews[0].content}}

{% else %}              
{% endif %}

<YOTPO-API-KEY> をあなたのYotpoレビューAPIキーに置き換える。product_id が Braze から動的に取得されます。統合が機能するためには、Braze のproduct_id が Yotpo の製品 ID (通常は e コマース親製品 ID) と一致している必要があります。

メールエディターのスニペットはこんな感じになる:

最近の5つ星レビューのスニペットを表示するEメールエディターの例

製品別にビジュアルUGCを表示する

次のスニペットを使用して、タグ付けされ公開された Yotpo 画像を取得し、ストック画像の代わりに、または追加のギャラリーとしてメールに追加します。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{% connected_content https://api.yotpo.com/v1/widget/<YOTPO-API-KEY>/albums/product/{{event_properties.${product_id}}}?per_page=1 :save result %}

{% if {{result.response.images[0].tagged_products[0].image_url}} != null %}

The Visual content of the product: 

<img src="{{result.response.images[0].tagged_products[0].image_url}}" border="0" width="200" height="200" alt="" />

{% else %}

Image return NULL

{% endif %}

<YOTPO-API-KEY> をあなたのYotpoレビューAPIキーに置き換える。product_id が Braze から動的に取得されます。統合が機能するためには、Braze のproduct_id が Yotpo の製品 ID (通常は e コマース親製品 ID) と一致している必要があります。

スニペットは次のようになります。

Yotpoで公開された画像のスニペットを表示するEメールエディタの例

顧客のロイヤルティポイント残高をメールに表示する{#loyalty-balance}

次のスニペットを使用して、顧客のロイヤルティポイント残高を取得してメールメッセージに使用します。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{% connected_content 

https://loyalty.yotpo.com/api/v2/customers?customer_email=**{{${email_address}}}**
:method get
:headers {
    "x-guid": "<YOTPO-LOYALTY-GUID>",
    "x-api-key": "<YOTPO-LOYALTY-API-KEY>"
        }
:content_type application/json
:save publication
%}

You have {{publication.points_balance}} points

Only {{publication.vip_tier_upgrade_requirements.points_needed}} more points to become part of our VIP Tier!

<YOTPO-LOYALTY-GUID><YOTPO-LOYALTY-API-KEY> をあなたのYotpoロイヤリティ認証情報に置き換える。email_address が Braze から動的に取得されます。この統合が機能するためには、メールのアドレスが、このメールを受信する顧客のメールアドレスでなければなりません。

スニペットは次のようになります。

顧客ロイヤルティ残高のスニペットを表示するEメールエディターの例

よくある質問

5つ星レビューがない場合

5つ星のレビューがない場合(エンドポイントのレスポンスが5つ星のレビューに対してNULLを返した場合など)、コンテンツは表示されない。

商品の画像が公開されていない場合は?

商品の画像がない場合(エンドポイントのレスポンスが商品画像に対してNULLを返した場合など)、コンテンツは表示されない。

ルック&フィールをカスタマイズしたり、Yotpoから他のデータフィールドを引き出すことは可能か?

はい、できます。その他のデータポイントやカスタマイズオプションについては、「API 呼び出し」を参照してください。そのためには、フロントエンド開発者の支援が必要かもしれない。

「このページはどの程度役に立ちましたか?」
New Stuff!