---
url: "/ja/emailify/signatures/outlook-webmail.md"
description: "EmailifyにはHTML署名のエクスポートオプションがあり、コピー＆ペーストしてOutlook.com（Webメール）で使用できます。"
---

# Outlook.com（Webメール）用のHTMLメール署名のエクスポートとインストール

> EmailifyにはHTML署名のエクスポートオプションがあり、コピー＆ペーストしてOutlook.com（Webメール）で使用できます。

> **Warning:** **メール署名には、HTMLで10,000文字までというサイズの上限があります。** 署名をエクスポートしたあと、上限を超えている場合はプラグインで警告が表示されます。上限を超えないようにするには、Emailifyプラグインの**Footer**タブにある**Signature**スターターコンポーネントを活用してください。

> **Note:** 残念ながら、**「HTML Email Signature」のエクスポートでは、レスポンシブなモバイル用の上書き設定は*反映されません***。メールクライアントがCSSのstyleタグや@mediaクエリを取り除いてしまうためです（そのため、コードのエクスポートにも含まれません）。元のデザインの段階で、デスクトップとモバイルのどちらの幅でもきれいに見えるようバランスを取ることをおすすめします。

### 動画チュートリアル：FigmaからHTMLメール署名をデザインしてエクスポートする

この動画では、Emailifyプラグインを使い、
  本番用のレスポンシブなHTMLメールをFigmaから
  デザインしてエクスポートする方法を紹介します。
  [Embedded media](https://www.youtube-nocookie.com/embed/dmjDTWiphWk)

## EmailifyからHTML署名をエクスポートする {#export-your-html-signature-from-emailify}

[Video](/assets/videos/emailify/export/export-email-signature.mp4)

Emailifyプラグインで**Export HTML**ボタンをクリックしてエクスポートパネルを開き、ドロップダウンリストから**HTML Email Signature**を選択します。次に**Export to HTML Signature**ボタンをクリックすると、Figmaで選択したメールのHTMLエクスポートが始まります。

Emailifyでメールの処理が終わると、確認メッセージが表示されます。**Download your .zip file**ボタンをクリックして`.zip`ファイルをパソコンにダウンロードし、`.zip`を解凍すると、エクスポートしたファイルを確認できます。

## HTMLメール署名をクリップボードにコピーする {#copy-your-html-email-signature-to-the-clipboard}

[Video](/assets/videos/emailify/export/copy-html-signature.mp4)

EmailifyからHTMLメール署名をエクスポートして`.zip`ファイルを解凍したら、`preview-and-install.html`ファイルを[Google Chrome](https://www.google.com/chrome/)で開きます（Safariなどほかのブラウザでは問題が起きることがあります）。プレビューページで**Copy HTML Signature**ボタンをクリックすると、HTML署名の内容がクリップボードに自動でコピーされます。

> **Tip:** メールクライアントによっては、「生の」HTMLコードが必要な場合があります。その場合は、`preview-and-install.html`ファイルの**Copy HTML Signature (Raw Code)** ボタンをクリックすると、生のHTMLとしてクリップボードにコピーできます。

> **Note:** HTMLをクリップボードにコピーしたら、以下の手順（[SignatureHound](https://signaturehound.com/)の優れたガイドを元にしています）に沿って、メールクライアントに署名をインストールできます。

## Outlook.com（Webメール）にHTMLメール署名をインストールする方法 {#how-to-install-your-html-email-signature-in-outlook-com-web-mail}

![Outlook.com（Webメール）のアイコン](/assets/images/emailify/signatures/outlook-webmail.png)

1. Outlook.comのアカウントにログインしたら、右上の設定（歯車）アイコンをクリックします。

2. サイドバーの設定メニューが開いたら、右下の**View All Outlook Settings**をクリックします。

3. 設定モーダルで**Mail**タブを選択し、**Compose and Reply**タブを選択します。

4. 署名エディターに新しいメール署名をコピー＆ペーストします。

> **Note:** **Compose messages in HTML format**の設定が正しいこと、そしてこの署名を自動で使用するための該当するチェックボックスにチェックを入れていることを確認してください。

![Outlook.com（Webメール）の設定画面のスクリーンショット](/assets/images/emailify/signatures/outlook-webmail-1.jpg)

5. Saveをクリックし、設定モーダルを閉じます。

6. 新しいメールを作成すれば、新しい署名をお使いいただけます！

![Outlook.com（Webメール）にインストールされた署名のスクリーンショット](/assets/images/emailify/signatures/outlook-webmail-2.jpg)

## Emailifyの関連ガイド {#related-emailify-guides}

- 再利用できる署名のレイアウトを作る前に、[Emailifyのデザインの基本](/ja/emailify/design/fundamentals)を確認してください。
- 一連のワークフローについては、[HTMLメールのデザインとエクスポートのチュートリアル](/emailify/tutorials/design-and-export-emails-from-figma-to-html)をご覧ください。
- Figmaでデザインできるメール・署名用のHTMLについては、[EmailifyのFigmaプラグイン](https://www.hypermatic.com/emailify/)をご覧ください。