/ / HTMLメールの作成方法:ステップバイステップの説明

HTMLメールを作成する方法:ステップバイステップの説明

メーリングリストは重要な部分ですマーケティングキャンペーン。彼らのためにメールを書くことは、単純なウェブページをデザインすることによく似ています。同時に、考慮すべきいくつかの重要な違いがあります。特に、HTMLメールの送信は、技術的に正しく、内容とスタイルが目標と一致している場合にのみ効果的です。同時に、素人はこの仕事に対処できないという意見があります。この記事では、HTMLメールの作成方法と送信方法に関する詳細な手順を説明します。

HTML文字

作成の特徴

現代人は平均して毎日受け取ります5〜6、場合によっては最大10通のメール。これは、受信者が次の通信を読む前に、受信者の注意を引くのに1秒もかからないことを意味します。そうしないと、HTMLメーリングが完全に無効になり、単に時間を無駄にすることになります。

チャンスを増やすニュアンスの1つ潜在的な顧客または他のターゲットオーディエンスの注意を引くのは、モバイルデバイスに適合した通信の作成です。結局のところ、メールを表示するようにアドレス指定されている人のほとんどは、おそらくデスクトップコンピュータやラップトップよりもはるかに頻繁にそれらを使用します。

この目的のために、たとえば、画面のサイズに簡単に適応する「レスポンシブデザイン」を適用できます。

メールテンプレートはどうあるべきか

コレスポンデントに送信することを目的としたドキュメントを植字するときは、次の要件を順守する必要があります。

  • 十分に狭くする必要があります。つまり、サイズが500〜600ピクセルの範囲を超えないようにする必要があります。これにより、あらゆるタイプのデバイスでテキストやその他のコンテンツが正しく表示されます。
  • iOSデバイスの場合と同様に、すべてのテキスト情報に十分な大きさのフォントを使用する必要があります。フォントサイズが13ピクセル未満の場合、HTML文字は読みにくくなります。
  • クリックできる要素は十分に大きく、最も近いリンクから分離されている必要があります。この場合、受信者は最初の試行でそれらを簡単にアクティブ化できます。

HTMLメールの送信

準備

HTMLメールを作成する前に、次のことを行う必要がありますドライブの1つに新しいフォルダを作成し、「Mailings」などの名前を付けます。また、DreamweaverCS3をダウンロードしてインストールする必要があります。アドビのこの製品は、よりシンプルなWebサイトデザインツールの1つであり、HTMLメーリングリストの開発に最適です。

ドキュメントを作成して保存する

手紙のテキスト部分を書く前に、あなたはする必要があります:

  • 人気のDreamweaverCS3(DW)HTMLメーカーを開きます。
  • タイプとして「TransitionalHTML4.01」を選択してドキュメントを作成します。
  • 拡張子が「.html」のファイルを保存します。
  • トップメニューで編集コマンドを見つけます。
  • [HTMLタグの代わりにCSSを使用する]チェックボックスをオフにします。

ステップバイステップの指示

それでは、HTMLメールを作成する方法を見てみましょう。このため:

  • メニューのタブを順番に開く「挿入」と「テーブル」を入力し、テーブルに必要なパラメータを設定します。たとえば、行-2、列-1、幅-700、見出し-上。境界線を設定することも、0を指定して境界線なしで設定することもできます。
  • 手紙のヘッダーを形成します。 HTMLメッセージはより多くの受信者を対象としているため、[first_name]演算子を使用して、目的の受信者名に置き換えてください。
  • 下のウィンドウの[プロパティ]で、タイトルテキストのフォント、サイズ、色、および背景色に必要なパラメータを設定します。
  • タイトルエリアから「終了」します。画面下部で、カーソル「中央」と「中央」のパラメータを設定します。
  • レターの既製のテキストを挿入するか、DWプログラムに直接「書き込み」、フォントの目的のタイプとサイズ、およびページ上のテキストの場所を選択します。

ハイパーテキストリンクの作成

HTMLメールをもっと作ってみましょうプロフェッショナルで高度な。この目的のために、コンテンツ内のハイパーテキストリンクを非表示にします。これを行うには、ハイパーテキストリンクとして選択したテキスト内の場所を選択する必要があります。画面上部の左隅で、対応するアイコンを「開き」、ポップアップウィンドウにリンクを挿入する必要があります。この場合、リンクが新しいウィンドウで開き、受信者がそれを表示した後、メインレターにアクセスできなくなることがないように、[_ blank]チェックボックスにチェックマークを付けることを忘れないでください。

HTMLメールの送信方法

写真の挿入方法

通常、HTMLメールはで終わります連絡先情報、できれば著者の写真または適切な主題の写真を添えて。この画像のURLが必要になるため、インターネットからダウンロードするか、インターネットに事前にアップロードすることでダウンロードできます。これを行う最良の方法は、無料サービスの1つを使用することです。

そのような素敵な結末をアレンジするために:

  • レターの下部、メインテーブル内に、3列で0ピクセルの境界線のパラメーターを持つ別のテーブルを挿入します。
  • 写真を見たいテーブルの場所にカーソルを置きます。
  • 各セクションの下部ウィンドウに「中央」と「上端に沿って」のマークを付けます。
  • トップメニューの[挿入]タブを選択します。
  • 「画像」の碑文をクリックし、ドロップダウンメニューにコピーしたアドレスを貼り付けます。
  • 「OK」を2回押します。

HTMLメールの送信

見る

HTMLメールの作成方法がわかったので、宛先が正しい形式で表示されていることを確認する必要があります。これを行うには、提出する前に、DreamweaverCS3でアートワークをプレビューする必要があります。これを行うには、中央上部のメニューにある地球のアイコンをクリックする必要があります。文字の代わりにジブリッシュが画面に表示される場合は、ブラウザの設定で自動エンコードを設定する必要があります。

エンコーディング

「プロジェクト」セクションから、コード部分-「コード」に移動します。開いたウィンドウで、<body>タグと</ body>タグの間のすべてを選択してコピーします。ファイルを保存します。次に、HTMLコードを貼り付けます。

電子メールにHTMLを挿入する方法

HTMLメールの送信

ニュースレターを開くために「Smartresponder」(SR)を開きます。次に:

  • 「名前」と「送信者の住所」の行に入力して、新しい文字を選択または作成します。
  • 「手紙の件名」の行に記入してください。
  • 左上のメニューでHTMLコードをマークします。
  • DWコードプログラムでコピーしたコードを大きな「ソース」フィールドに貼り付けます。
  • 「プレビュー」ツールを使用して、表示の正確さを確認します。
  • 手紙のテキスト版を削除します。
  • [送信]ボタンの横にある同じ名前のボタンを使用して、スパムをテストします。

いくつかの人気のあるテンプレート

フレームワークを使用すると大いに役立ちますレターの作成プロセスをスピードアップし、Webドキュメントの作成の基本をまだ学んでいる開発者がレターにアクセスしやすくするため。最も人気のあるテンプレートは次のとおりです。

  • ケルベロス..。このいわゆるレスポンシブテンプレートのセットGmailモバイルアプリとOutlookの両方で通常どおりに表示されるメールを作成できます。 HTMLコードのブロックを個別に、または連結して使用できます。
  • インク 手紙の準備であり、その郵送はほぼ普遍的であり、あらゆるデバイスやクライアントと互換性があります。
  • 本当にシンプルなHTMLメールテンプレート。 テンプレートを使用すると、郵送の手紙を非常にすばやく簡単に作成できます。確かに、彼らは行動の呼びかけを含む非常にシンプルな1列のデザインになります。

HTMLメール

電子メールにHTMLを挿入する方法

ここで、少し異なる問題について考えてみましょう。以下の例のように、Google Chromeブラウザを使用してGmailなどのメールにHTMLコードを挿入するには、次のようにします。

  • 「F12」ボタンを押すか、メニューから適切なコマンドシーケンスを選択します。
  • 現在のGmailクライアントページのコードで開くウィンドウで、HTML文字を挿入する場所を見つけ、右クリックして[HTMLとして編集]を選択します。
  • コピーしたHTMLコードを貼り付けます。
  • 「Ctrl」と「Enter」の2つのキーの組み合わせを押します。

同じ目的で、簡単なものをダウンロードできます。MozillaThunderbirdプログラムを使用します。その助けを借りて、あなたは手紙を作成し、次に最初に「挿入」、次に「HTML」を選択し、そこにあなたの郵送コードを挿入することができます。

ツール

e-ニュースレターのWordPressプラグインでメーリングとサブスクライバーを専門的に管理します。さらに、どちらもWordPressの管理パネルから直接実行できます。この状況は完全な制御を提供し、完全に無料です。これは朗報です。

もう1つの簡単なツール-防弾背景画像。これは、生成された電子メールの背景画像のコードを取得できるシンプルなツールです。その助けを借りて、あなたはあなたの通信をはるかに美しくすることができます。レターをデザインするには、好きな背景画像のURLとそのフォールバックカラー、およびこれらのパラメーターをHTMLレターの本文全体に適用するか、テーブルの1つのみを対象とするかを指定するだけです。セル。その結果、テンプレートにコピーして貼り付ける必要がある既製のコードを受け取ります。

HTMLメールコンストラクタ

これで、HTMLメールを送信する方法がわかりました。特に、Webに不足していない既製のテンプレートを使用する場合は、その作成は特に難しくありません。そのため、特別な知識がなくても簡単に対応できます。

気に入った点 -
0
人気の投稿
精神的な開発
食べ物
うん