--- url: "/ja/emailify/integrations/marketo.md" description: "EmailifyにはMarketo（Adobe Marketo Engage）との連携機能が組み込まれており、FigmaプラグインからHTMLメールをMarketoのテンプレートに直接アップロードできます。" --- # Marketoにメールをアップロードする > EmailifyにはMarketo（Adobe Marketo Engage）との連携機能が組み込まれており、FigmaプラグインからHTMLメールをMarketoのテンプレートに直接アップロードできます。 ### 動画チュートリアル：Marketoにメールをアップロードする この動画では、FigmaのEmailifyプラグインからMarketoにHTMLメールをアップロードする方法を紹介しています。 [Embedded media](https://www.youtube-nocookie.com/embed/GBU_cdxPBfA) ## API連携を使ってFigmaからMarketoにテンプレートをアップロードする {#uploading-your-marketo-templates-from-figma-via-the-api-integration} EmailifyからMarketoアカウントにHTMLテンプレートをアップロードするには、以下の手順に従って、Marketoアカウントの**Client ID**、**Client Secret**、**REST API Endpoint URL**を貼り付ける必要があります。 ### ステップ1：MarketoのREST API Endpoint URLを取得する {#step-1-get-your-marketo-rest-api-endpoint-url} 最初のステップでは、Marketoで**REST API Endpoint URL**を取得する方法を説明します。 1. Marketoにログインし、「Admin」ページに移動します ![MarketoのAdminページ](/assets/images/emailify/marketo/01-marketo-api-admin.jpg) 2. **Web Services**のナビゲーション項目をクリックし、REST APIの**Endpoint** URLをクリップボードにコピーします。このURLは後でステップ3（下記）で使います ![MarketoのREST APIエンドポイント](/assets/images/emailify/marketo/04-marketo-api-endpoints.jpg) ### ステップ2：MarketoのClient IDとClient Secretを取得する {#step-2-get-your-marketo-client-id-and-client-secret-details} 2番目のステップでは、Marketoで**Client ID**と**Client Secret**を取得する方法を説明します。 > **Tip:** *Read/Write Assets*権限を持つMarketoのロールをすでに作成している場合、新しく作成する必要はありません。（下記の*ステップ6*のように）**View Details**リンクをクリックして、既存のClient IDとClient Secretを取得してください 1. Marketoにログインし、**Admin**ページに移動します ![MarketoのAdminページ](/assets/images/emailify/marketo/01-marketo-api-admin.jpg) 2. **Users & Roles**のナビゲーション項目に移動し、上部の**Roles**タブをクリックしてから、**New Role**をクリックします ![MarketoのAPIロールの作成](/assets/images/emailify/marketo/02-marketo-api-roles.jpg) 3. （**Access API**のドロップダウン項目で）**Read/Write Assets**権限を有効にした新しいロールを追加し、**Create**をクリックします ![MarketoのRead/Write Assetsロールの権限](/assets/images/emailify/marketo/03-marketo-api-new-role.jpg) 4. **LaunchPoint**のナビゲーション項目に移動し、**Installed Services**で**New**にカーソルを合わせてから、**New Service**をクリックします ![MarketoのLaunchPointサービスの作成](/assets/images/emailify/marketo/05-marketo-api-services.jpg) 5. 説明を入力し、**Service**のドロップダウンリストから**Custom**を選択します。次に、テンプレートをアップロードするAPI権限をすでに持っている**API Only User**を選択し、**Create**をクリックします。 ![MarketoのカスタムAPIサービスの設定](/assets/images/emailify/marketo/06-marketo-api-new-service.jpg) 6. **Installed Services**で、作成したサービスの**View Details**リンクをクリックします ![MarketoサービスのView Detailsリンク](/assets/images/emailify/marketo/07-marketo-api-details.jpg) 7. **Client Id**と**Client Secret**をクリップボードにコピーします。これらは後でステップ3（下記）で使います ![MarketoのClient IDとClient Secret](/assets/images/emailify/marketo/08-marketo-api-credentials.jpg) ### ステップ3：EmailifyプラグインからMarketoにテンプレートをアップロードする {#step-3-uploading-your-template-to-marketo-from-the-emailify-plugin} 3番目（最後）のステップでは、最初の2つのステップでMarketoからコピーした**REST API Endpoint URL**、**Client ID**、**Client Secret**をEmailify Figmaプラグインに貼り付けて、HTMLメールをMarketoのメールテンプレートに自動でアップロードする方法を説明します。 1. FigmaでEmailifyプラグインを実行し、**Export HTML**ボタンをクリックします ![EmailifyのExport HTMLボタン](/assets/images/emailify/marketo/09-marketo-api-emailify.jpg) 2. エクスポート先のプラットフォームのリストから**Marketo (API)** オプションを選択します ![EmailifyのMarketo APIエクスポートオプション](/assets/images/emailify/marketo/10-marketo-api-platform.jpg) 3. ステップ1とステップ2（上記）でコピーしたMarketoの**REST API Endpoint URL**、**Client ID**、**Client Secret**を貼り付けて、プラグインをMarketoで認証します ![Emailifyに入力したMarketoのAPI認証情報](/assets/images/emailify/marketo/11-marketo-api-credentials.jpg) 4. **Upload To Marketo**ボタンをクリックして、テンプレートをアップロードします ![EmailifyのUpload To Marketoボタン](/assets/images/emailify/marketo/12-marketo-api-upload.jpg) > **Tip:** Emailifyのエクスポートオプションで**Add Marketo Editable Content Tags**トグルを有効にすると、[編集可能なMarketoタグ](https://experienceleague.adobe.com/en/docs/marketo/using/product-docs/email-marketing/general/email-editor-2/email-template-syntax)がコードに自動で追加され、Marketoでテンプレートを作成した後もメールテンプレートのコンテンツを編集できます（任意）。 5. Emailifyの確認画面に表示されるテンプレートフォルダのリンクをクリックして、Marketoで新しいテンプレートを確認します ![Emailifyに表示されるMarketoのテンプレートフォルダのリンク](/assets/images/emailify/marketo/13-marketo-api-folder.jpg) 6. Marketoの**Design Studio**で新しいメールテンプレートを確認し、自由に活用してください ![Marketo Design Studioにアップロードされたメールテンプレート](/assets/images/emailify/marketo/14-marketo-api-templates.jpg) ## HTMLをコピー＆ペーストしてFigmaからMarketoにテンプレートをアップロードする {#uploading-your-marketo-templates-from-figma-by-copy-pasting-the-html} 上記の組み込みのAPI連携を使いたくない場合は、EmailifyからエクスポートしたHTMLコードをコピー＆ペーストして、Marketoアカウントで新しいメールテンプレートを手作業でアップロード・作成することもできます。 それには、Emailifyプラグインのヘッダーにある**Export HTML**ボタンをクリックし、エクスポート先のプラットフォームのリストから**Marketo (Zip)** オプションを選択して、**Export For Marketo**ボタンをクリックします。 エクスポートが終わったら、**Download your .zip file**ボタンをクリックしてパソコンに保存し、解凍します。中にあるメールのフォルダに、エクスポートしたメールテンプレートのHTMLコードを含む`index.html`ファイルが入っています。 Marketoアカウントにログインし、**Design Studio**メニュー項目をクリックすると、任意のフォルダに新しいメールテンプレートを作成できます。`index.html`ファイルからエクスポートしたHTMLコードをMarketoのコードエディターにコピー＆ペーストすれば、新しいMarketoメールテンプレートの作成は完了です。 > **Tip:** Emailifyのエクスポートオプションで**Add Marketo Editable Content Tags**トグルを有効にすると、[編集可能なMarketoタグ](https://experienceleague.adobe.com/en/docs/marketo/using/product-docs/email-marketing/general/email-editor-2/email-template-syntax)がコードに自動で追加され、Marketoでテンプレートを作成した後もメールテンプレートのコンテンツを編集できます（任意）。