> ## Documentation Index
> Fetch the complete documentation index at: https://moengage.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Stripo

> Stripo を MoEngage と統合し、カスタマイズしたドラッグ＆ドロップのメールテンプレートを MoEngage に直接エクスポートしてメールキャンペーンに活用する方法を説明します。

# はじめに

[Stripo](https://stripo.email/) は、インタラクティブな要素を含むレスポンシブなメールの作成とデザインを支援する、ドラッグ＆ドロップ式のメールテンプレートビルダーです。Stripo のユーザーは、Stripo エディターで HTML を編集したり、さまざまなデバイスでどの要素を表示または非表示にするかを決定したりすることもできます。

# MoEngage × Stripo

MoEngage と Stripo の統合により、カスタマイズした *Stripo メール* をエクスポートし、メールテンプレートとして MoEngage に送信できます。

# 統合

<Info>
  **前提条件**

  Stripo アカウントを持っていることを確認してください。
</Info>

## ステップ 1: Stripo メールを作成する

Stripo ダッシュボードで任意のメールテンプレートを作成します。次に、上部の *Export* をクリックします。

<img src="https://mintcdn.com/moengage/V7W8fvZbxtTmKTAn/images/partner_11531901735188.png?fit=max&auto=format&n=V7W8fvZbxtTmKTAn&q=85&s=4c199b7ce8499def14ed4cd2c3d2ff22" alt="Screenshot_2022-12-12_at_12.19.42_PM.png" width="2634" height="202" data-path="images/partner_11531901735188.png" />

## ステップ 2: テンプレートを MoEngage にエクスポートする

1. ポップアップで、*Export to ESV* セクションに移動します。
2. *MoEngage* を検索します。
   <img src="https://mintcdn.com/moengage/V7W8fvZbxtTmKTAn/images/partner_11531938039956.png?fit=max&auto=format&n=V7W8fvZbxtTmKTAn&q=85&s=c34529d62d818e2920c9780565d21c9d" alt="Screenshot_2022-12-12_at_12.21.29_PM.png" width="1916" height="1376" data-path="images/partner_11531938039956.png" />
3. *MoEngage* カードをクリックします。ポップアップが表示されます。
   <img src="https://mintcdn.com/moengage/V7W8fvZbxtTmKTAn/images/partner_11531939376148.png?fit=max&auto=format&n=V7W8fvZbxtTmKTAn&q=85&s=245221f253189cebb1f6e9e5a8ab38e9" alt="Screenshot_2022-12-12_at_12.23.16_PM.png" width="1914" height="1054" data-path="images/partner_11531939376148.png" />
4. MoEngage アカウントの詳細を追加し、*Export* をクリックします。

| **フィールド** | **説明** |
| - | - |
| Connector name | コネクターの名前です。識別しやすいように MoEngage アプリの名前を入力できます。 |
| Select your instance | MoEngage データクラスターのリージョンです。詳細はこちら |
| API key | API key は Workspace ID です。MoEngage アカウントの Workspace ID は、**Settings -> Account -> APIs -> Workspace ID** で確認できます。MoEngage アカウントの Data API ID と Workspace ID は同じです。 |
| API Secret key | API Secret key は Data API Key です。MoEngage アカウントの Data API key は、**Settings -> Account -> APIs -> API keys -> Data** API settings で確認できます。 |

注: これは 1 回限りのセットアップです。今後のエクスポートでは、同じ認証情報が自動的に使用されます。 <img src="https://mintcdn.com/moengage/V7W8fvZbxtTmKTAn/images/partner_11531983065236.png?fit=max&auto=format&n=V7W8fvZbxtTmKTAn&q=85&s=b97da593cb3c3746780a9ec585cb2184" alt="Screenshot_2022-12-12_at_12.30.35_PM.png" width="1942" height="760" data-path="images/partner_11531983065236.png" />

## ステップ 3 - MoEngage キャンペーンでの利用

### メールテンプレート-

テンプレートが作成されると、メールキャンペーンのステップ 2 でアクセスできるようになります。新しく作成されたテンプレートは *My saved templates* セクションに表示されます。

![Screenshot\_2022-09-20\_at\_7.46.36\_PM.png](https://developers.moengage.com/hc/article_attachments/9471445838868/Screenshot_2022-09-20_at_7.46.36_PM.png)

メールキャンペーンでのテンプレートの使用について詳しくは、[こちらをクリックしてください](https://www.moengage.com/docs/user-guide/campaigns-and-channels/email/create/create-an-email-campaign)。
