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

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

> EmailifyにはHTML署名のエクスポートオプションがあり、コピー＆ペーストしてGmail（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/)の優れたガイドを元にしています）に沿って、メールクライアントに署名をインストールできます。

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

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

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

2. ドロップダウンから**Settings**を選択します。

3. **Signature**セクションまでスクロールし、**Create new**をクリックします。

4. モーダルに新しい署名の名前を入力し、**Create**をクリックします。

5. 署名エディターに署名をコピー＆ペーストします。

> **Warning:** 現在、Chromeのコピー＆ペーストの処理方法に不具合があり、署名のリンクに下線が表示されてしまいます。この問題を解決するには、[Mozilla Firefox](https://www.mozilla.org/en-US/firefox/new/)などの別のブラウザで署名のインストール手順を完了してください。別のブラウザでメール署名を設定したあとは、Chromeを使い続けてかまいません。

6. **For New Emails Use**ドロップダウンで新しい署名を選択します。

7. 必ずページの一番下までスクロールし、**Save Changes**をクリックします。

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

> **Tip:** この署名をGmailのiOSアプリからも送信したい場合は、[GmailのiOSアプリの手順をご覧ください](/ja/emailify/signatures/gmail-ios)。

![Gmailにインストールされた署名のスクリーンショット](/assets/images/emailify/signatures/gmail-webmail-2.jpg)