HTML署名はあなたのメールを人目を引くようにすることができます。 署名はあなたのメールを魅力的に見せるだけのものではありません。 それはまたあなたがあなたの顧客についてもっと知るのを助けることができます。 あなたはあなたのクライアントを感動させることができるどんなコーディングの知識もなしでシンプルでエレガントなEメール署名をすることができます。
それでは、Gmail IDまたは他のEメールクライアント用のEメール署名を作成するための簡単な手順をいくつか説明します。
GmailでHTML署名を有効にする
電子メールの署名を始める前に。 Gmailの設定から署名を有効にすることが重要です。 これを行うには、Gmailアカウントにログインしていることを確認してください。 今、右上隅にある設定アイコンをクリックして設定を選択します。 下にスクロールして署名を見つけ、ラジオボタンをオンにしてそれを有効にします。
ここでHTMLコードをコピーして貼り付けて電子メールの署名を生成できます。 これでGmailで署名を有効にしたので、作成方法を見てみましょう。
電子メール用のHTML署名を作成する
署名はあなたのデジタル名刺になり、それが視聴者の目に魅力の本質を追加します。 手間をかけずにHTML署名を作成する方法はいくつかあります。 あなたがプログラミング言語を知っているならば、あなたはそれがあなたが望むように見えるようにするためにそれをコーディングすることができます。 目的の出力を得るために使用しなければならない構造、標準イメージサイズ、およびその他の要素の正確な概念を得るためのデモとして、HTML署名のコードを説明しています。 もう1つのヒントは、Signatureの内容を構造化するためにテーブルを使用することです。
HTML署名の基本構造を作成する
このチュートリアルは5つの部分に分かれており、表の作成と会社のロゴ、詳細、ソーシャルメディアのボタン、およびその中の免責事項のテキストの追加に続いています。 テーブルはdivブロックの中にある必要があります。タグの中に自分のものを入れることをお勧めします。 とタグが存在しなくてもコードは機能することに注意してください。
さらに、外部スタイルシートを追加するオプションがないので、スタイルをインラインで定義します。 ここでは、幅は480pxなので、あまりスペースを取らず、すべてのブラウザでデフォルトでサポートされているため、フォントはArialに設定されています。
HTML署名に会社のロゴを追加する
会社のロゴの代わりにヘッドショットの画像を追加できます。 それはあなたの要求次第です。 私たちは画像を追加する必要があるので、あなたはインターネット上のどこかにそれをホストしなければなりません。 あなたの画像が公開されていることを確認してください。 デモンストレーションの目的でimgurを使っています。 imgurに行き、左上隅のNew postをクリックしてください。 参照ボタンをクリックして画像をアップロードします。 また、Googleドライブ、Dropbox、その他の選択肢として適していると思われるプラットフォームを使用することもできます。
あなたはあなたの会社のウェブサイトにユーザを連れて行くために ' href 'リンクとあなたがウェブ上でホスティングした画像のソースリンクを追加するために ' src'リンクを編集することができます。
HTML署名に詳細を追加する
次の部分は、名前、電話番号、住所、Eメールなどの詳細を署名に追加することです。 あなたは単にコードのその部分を削除することによって物事のいずれかを追加または削除することを選択することができます、あるいはあなたはコードを再配置することによって詳細のシーケンスを変更することさえできます。 デモンストレーションの目的ですべての詳細を考慮に入れました。 ここで、メインテーブルの内側にある別のテーブルを作成し、次のようにすべての詳細をテーブル行に配置します。
カイヴァンドシ コンテンツクリエータ 電話番号:+1(929)999-9999 携帯電話番号:+1(929)999 - 9999 電子メール: 住所1 住所2 HTML署名のソーシャルメディアボタン
さらに、あなたはIconFinderからあなたが選んだカスタマイズされたソーシャルアイコンを使うことができます。 から選択する多くの無料のアイコンがあります。 あなたがそれらのうちのどれでも好きならば、あなたはプレミアムアイコンのどれでも購入することもできます。 適切な外観を得るために、図を検索して32 * 32のサイズを選択してください。 プレゼンテーションに合わせて任意のサイズに変更できます。 ここでは、すべてのソーシャルアイコンに20×20ピクセルのサイズを定義しました。 ここで変更する必要があるのはソーシャルメディアのプロフィールリンクだけです。hrefの「 # 」をあなたのプロフィールに置き換えてください。
HTML署名における免責事項
プロのビジネス大手は、常に署名の最後に免責事項を追加しています。 あなたのものに同じものを追加するには、以下のコードに従ってください。
ここにテキストの追加
上記のコードを自由に使用して、必要に応じて編集してください。 コードを一箇所に配置し終えると、HTML署名は次のようになります。
残念ながら、Gmailでは電子メール内のJavaScriptコンテンツがブロックされるため、JavaScript要素を使用してスタイルを設定することはできません。 アニメーションを行うより複雑なCSSプロパティは機能しない可能性があることに注意してください。
GmailのHTML署名
ここで注意が必要なのは、GmailがHTMLエディタを提供していないことです。WYSIWYG(あなたが見るものはあなたが得るものです)タイプのリッチテキストエディタを手に入れることができます。 この問題を解決するには、HTMLコードを任意のブラウザで実行するだけです。 すべて選択して、Gmailの[署名]領域にコピーして貼り付けます。 効果的に変更を反映させるには、スクロールダウンして[変更を保存]をクリックします。
HTML署名を作成するためのオンラインツール
自分の署名をコーディングする時間がない人のためにあなたのために構造を生成できるオンラインツールを使うことができます。 使いやすいツールには、メール署名、MySignature、署名があります。 上記のツールは非常に詳細にカスタマイズされており、署名は5分以内に作成できます。 あなたは別のソーシャルボタン、画像、認証と他の多くのものを追加することができます。 署名の最後に免責事項のテキストと引用符を追加するオプションがあります。 完全な署名を作成したら、それをコピーしてGmail設定の[署名]セクションの下にあるテキストエディタに貼り付けるだけです。 終了する前に必ず変更を保存してください。
デモンストレーションの目的で、Exclaimerの無料Eメール署名作成者を使用しました。 ここでは、あなたの興味に応じて署名をパーソナライズすることができます。 配色を変更することもできます。 [レイアウト]セクションで、自分に最適なテンプレートスタイルを選択できます。 [詳細]の下に、名前、会社名、Webサイト、電子メールアドレス、電話番号などの個人情報を追加する必要があります。
ウェブサイトへのリンク:HTML Signature Creator。
カスタマイズした免責事項のテキストを追加することもできます。また、会社のロゴをアップロードすることもできます。 署名ツールを使い終わったら、インストールセクションの下にある[ 署名のハイライト]を選択します。 最後に、Gmail設定の[署名]セクションにコピーして貼り付けます。
多くのプレミアムサービスは、顧客を追跡するためのより高度なデザインと分析をHTML署名に提供します。 人があなたのソーシャルボタンをクリックするか、ウェブサイトへのリンクをクリックするたびにクリックを登録し、何人の人が興味を持っていてあなたのサービスをチェックアウトしたかについての報告をあなたに与えます。 そのようなステートメントは、コンバージョンにおいて重要な役割を果たすことができます。
Gmail用のHTML署名を作成する
Eメールマーケティングは、毎年製品売上に対して約35%の信用を得ています。 より良い変換を得るためにメールを正しくドラフトすることは典型的です。 ほとんどの企業が見逃している部分の1つは、クリエイティブでシンプルなデザインです。 完璧にメールを終了するのは大変な仕事です。
HTMLシグネチャは送信者についてより多くの人に知らせるための方法であり、それはまたあなたがよりプロフェッショナルに見えるようにします。 署名を自分でコーディングするか、または上記のいずれかのツールを使用して署名を作成します。 シンプルでプロフェッショナルなデザインを選択し、短くて微妙にしてください。