サポートページ aero-right

メールにリンクを挿入する方法

画像リンクの方法 ボタンリンクの方法 文章リンクの方法 画像リンクの方法 1.写真を挿入したら、画面左のオプションから「リンクURL」をクリックします。 2.「リンクの挿入」ウィンドウにて、URLを入力し「挿入」ボタンをクリックして完了です。 ハイパーリンクはウェブアドレスだけでなくメールアドレス、電話番号として設置することも可能です。 メールアドレスとして設定されたハイパーリンクは、クリックすることで使用端末のデフォルトメールツールのメール作成画面が開くようになります。 また、電話番号はクリックすることで電話をかけることができるようになります。(受信端末によってこの機能の利用が可能かどうかは異なります) ※メールアドレスと電話番号はトラッキングする事が出来ない事から、レポートへは反映されません。 ボタンリンクの方法 左メニューからボタンブロックをドラッグ&ドロップします。 設置したボタンをダブルクリックします。 「リンクの挿入」ウインドウが現れますので、URLを入力します。   テキストリンクの方法 次の種類のリンクを追加することができます: Webページ メール アンカー アンケート 動画 ドラッグ&ドロップ形式のエディタを開き、リンクを挿入するブロックの編集アイコンをクリックします。URLを貼り付けたいテキストをハイライトします。 ハイライトした状態で、「リンクの挿入」アイコンをクリックします。 「リンクの挿入」ウィンドウにて、URLを入力し「挿入」ボタンをクリックします。 リンクを取り消したい場合は、設置したリンクをクリックしたのち下記の削除アイコンをクリックしてください。     Webページへのリンクの場合 上記(3)で「リンクタイプ:ウェブアドレス」を選択します。 メールリンクの場合 上記(3)で「リンクタイプ:メールアドレス」を選択します。 追加したメールリンクをクリックすると、既定のメールクライアントが開き、リンク先として選択したメールアドレスが送信先フィールドに入力されます。プレビューやテストメール で設定に成功したかをご確認ください。 アンカーリンクの場合 以下のFAQをご覧ください。 FAQ:メール内任意の場所へアンカーリンクを指定することはできますか? アンケートリンクの場合 作成済みのアンケートは、ドラッグ&ドロップエディタ上で回答ページURLの呼び出しができます。 まず、アンケートを作成して有効になっている事を確認します。 アンケートを追加したいブロックに移動し、クリックします。 右上の「メニュー」をクリックします。 「挿入機能」から「アンケート」を選択します。 リンク名にリンク文面を入力します。 リンクしたいアンケートを選択します。 「更新」をクリックします。 ブロックメニューの「保存&閉じる」をクリックします。 動画の場合 詳しくは、以下のFAQをご覧ください。 FAQ:メールに動画やオーディオファイルを埋め込むことはできますか?   >>「メール作成:編集操作」のまとめページに戻る

テンプレート&メールエディタ 9月 11, 2019

ドラッグ&ドロップエディタのコードを編集する際のテクニック集

ドラッグ&ドロップエディタにおいてHTMLコードを部分的に編集し、デザインの変更などを行う方法を解説しています。 「該当するブロックのコードを参照する」方法は以下のFAQにて確認しておいて下さい。 FAQ:ドラッグ&ドロップエディタで作成したメールのHTMLコードを参照できますか?   目次  リンクの色を変更する方法/リンクの下線を表示しない方法/アンカーリンクを付け加える方法  フォントの色を変更する方法/リンクの色を変更する方法  複数の画像を並行設置する方法   カスタムHTMLを利用する際に知っておくべきこと  HTMLを使ってメール内にコンタクトの名前を表示させる方法  自分で編集した項目名をメール編集中に使う方法  フィールド項目に登録されているURLを利用して、項目名にハイパーリンクを挿入させる方法  受信者ごとに異なる内容が表示されるメールの作成方法  箇条書きテキストの色の変更方法  メールの編集がうまくいかない場合  行間の幅を調整する方法  テキストを上付き、下付きに変更する方法  特別な文字やシンボルを使用する方法  段落ごとに文字列を「右に揃える」「左に揃える」「中央に揃える」方法   リンクの色を変更する方法/リンクの下線を表示しない方法/アンカーリンクを付け加える方法 リンクの色を変更する方法 アップデートしたいURLを入力してください。 HTMLコードの<a href>タグをフォントタグで囲むか、タグのスタイル属性を変更してください。 色(#FF0000=red)、変更を行うと以下のようになります。 <font color=red><a href="xyz">mycompanyname.com</a></font> <a href>タグの中にスタイル属性を挿入する場合、以下のようになります <a href="xyz" style="color:#FF0000">mycompanyname.com</a> 保存、もしくは更新をクリック リンクの下線を表示しない方法 該当するリンクが含まれるブロックのHTMLコードを参照する。 先程の入力したURLが表示されているテキストを探してください。 以下例となります, http://www.benchmarkemail.com/ExtPricing. <a href="http://www.benchmarkemail.com/ExtPricing">Benchmark Email Pricing Plans</a> "text-decoration:none"をタグの最後に加えてください。 下記のようになります。: <a href="http://www.benchmarkemail.com/ExtPricing" style="text-decoration:none!important;">Benchmark Email Pricing Plans</a> 保存&閉じるをクリックします アンカーリンクを付け加える方法 アンカーを設置し表示したいブロックのHTMLコードを参照します Name要素をアンカーとして付け加えましょう 以下例: <a name="disc">This Week's Discounts</a> 保存&閉じるをクリック ブロック編集が終了したら保存をクリック 次に、アンカーリンクを設置したいブロックのHTMLコードを参照します タグに#と先ほど設定した名前を加えて、以下例のようにアンカーリンクを作成します: <a href="#disc">discounts</a> 保存&閉じるをクリック. ブロックの編集が終了したら保存をクリック すべての編集が終了したら画面上部の更新ボタンをクリックして保存してください。プレビュー画面を表示し、挿入したコードが機能しているのか確認を行ってください。 Top フォントの色を変更する方法/リンクの色を変更する方法   フォントの色を変更する方法 色を変更するブロックのHTMLコードを参照します 変更を行う文章を探し、希望の色番号を入力してください 以下の例では、「メール編集機能について」という文章の色を#fc6462と指定します。 <span style="color:#fc6462;">メール編集機能について</span>   リンクの色を変更する方法 ブロックのHTMLコードを参照します 編集を行いたいURLを探してください タグ、色コードが入力されているスタイル属性に変更を加えましょう 例:以下サンプル内の色コード(FF0000、red)を希望する色の名前に差し替える、または16進コードを入力してください mycompanyname.com 上記のコードをスタイルタグで囲います: <font color=red><a href="xyz" style="color:#FF0000">mycompanyname.com</a></font> もしくは以下のように挿入してください: <a href="xyz"><font color=red>mycompanyname.com</font></a> 「保存&閉じる」をクリック ブロックの「保存」をクリック Top 複数の画像を並行設置する方法 編集するテキストブロックをクリックし、編集可能な状態にします。 画面上部の編集メニューから、HTMLボタンを選択してください 下記のコードをコピーし、すでに表示されているコードに上書きしてください。 (この作業はブロック内のコンテンツに上書きされます。): <table width="100%"> <tr> <td> image 1 </td> <td> image 2 </td> <td> image 3 </td> </tr> </table> <td> image # </td>のコードが複数あることからお分かりいただけるかもしれませんが、これらのコードは3つの画像を挿入する枠の役割をします。 目的によって数を増やす、減らすを行ってください。 保存&閉じるをクリック 以下のようにImage1、Image2、Image3とセクションが用意されます Image1をクリック しハイライトしてください 編集オプションより画像挿入アイコンをクリック 画像ギャラリーより、目的の画像を選択してください 挿入をクリック 必要に応じて画像のサイズを変更してください。(テンプレート内の最大幅は600となっております) 上記の7から11までのステップを繰り返し行い、画像を挿入してください 画像をそれぞれ選択し、中央寄せボタンを押してください 保存をクリック Top カスタムHTMLを利用する際に知っておくべきこと コンテンツを挿入する場合、Spaceタグで行を空けるのではなくTableタグを利用してください。 メーラー、メールソフトではインライン記述以外のCSSが無効となってしまいます。このため、Benchmark Emailではメール内のCSSに関してはインラインのみのコーディングを行っていただいております。 MSワードなどの外部ソースからのテキスト、画像の参照は行わなず、直接ペーストも行わないでください。 代わりにNotepadへペーストし、そこから編集画面に入力してください。 メールの一番良いバランスはテキスト60%、画像40%となります。 不必要なタグの重複は削除してください。 スクリプト言語の書き込みはやめてください。 <p>タグの使用は控え、代替として<br>を使ってレイアウトの調整を行ってください。 迷惑メールと判断されるリスクが高いため、背景に画像を使用するのは控えてください。 600x800内でメールのデザインは行ってください。 Top HTMLを使ってメール内にコンタクトの名前を表示させる方法 デフォルトのパーソナライズ機能やグリーティング機能を使うのが難しい、条件に合わないなどといった場合はHTMLを使いましょう。 編集を始めるブロックを選択し、グリーティング用の言葉や個別の挨拶を入力してください 画面上部の編集メニューから、HTMLボタンを選択してください グリーティングテキストを選択します 次のコードを貼り付けしてください: [contact_attribute:firstname] 保存&閉じるをクリック このコードは呼び起こすデータ(Firstname)などの情報がない限り表示されません コード[contact_attribute:firstname]の後ろにコンマ,を入力してください あとはほかのテキストを入力して完了となります 保存をクリック Top 自分で編集した項目名をメール編集に使う方法 パーソナライズ機能以外ではHTMLを編集することで代替が可能となります: 編集を行いたいブロックを選択します すでに入力されているデフォルトのテキストを削除します 任意のテキストを入力してください ブロックのHTMLコードを参照して下さい テキストの前にカーソルを合わせ、表示したいコンタクト情報を入力してください テキストから一文字分離し、次のコードをコピーペーストしてください: [contact_attribute:FIELDLABEL] [contact_attribute:FIELDLABEL]内のFIEDLLABELを任意のフィールド項目名に変更してください。 (法人名、役職名、携帯電話)など 保存&閉じるをクリック このコードは受信先で呼び起こすデータ(Firstname)などの情報がない限り表示されません 先程のコード[contact_attribute:firstname]の後ろにコンマ,を入力し一文字間をあけてください 残りの文章を入力してください 保存をクリック Top フィールド項目に登録されているURLを利用して、項目名にハイパーリンクを挿入させる方法 フィールド項目を挿入するブロックを選択します テキストを入力してください ブロックのHTMLコードを参照して下さい 先程入力したテキスト後ろにカーソルを合わせて下さい 最後の文字から一字開けて、以下のコードを挿入してください。(赤字に該当するフィールド項目名を入力してください): <a href="[contact_attribute:field name]" target="_blank"> [contact_attribute:field name] </a> 最初のfieldnameをURLが入力されているフィールド項目名に変更してください 次のfieldnameをテキストとして表示される内容が登録されているフィールド項目名に変更してください. Top 受信者ごとに異なる内容が表示されるメールの作成方法 内容によっては購読者によって違うものが表示されると、一つのメールを用意するだけでいいので便利です。 以下に記す、条件別コンテンツ表示タグを利用することによって可能となります   例えば、関東にお住いの方に対して東京でイベントを開催することを告知するメールと、関西の方へまた別の会場の告知を同じメールで知らせることができます。   下記のコードを編集画面にペーストしてください : [if:項目名=項目内容] 受信者に登録されている内容が一致しているかどうか

テンプレート&メールエディタ 9月 19, 2019

メール内任意の場所へアンカーリンクを指定する方法

アンカーリンク機能を使うことでリンク先をメール内の指定場所にすることができます。 (1) アンカー(遷移先)の作成 1. アンカーを設置したいブロックをクリックします。  2. ブロック内のアンカーリンクを設置したい部分にカーソルを合わせ、クリックします。  3. 画面右上のオプション部分に表示されるアンカーの追加アイコンをクリックします。  4. ポップアップウィンドウでは、アンカー名を記入します。記入が終わりましたら「保存」ボタンをクリックします。  5. 設置したい部分にアンカーが確認できましたら、画面左のテキストブロック内にある「保存&閉じる」をクリックします。  アンカーの作成が完了しました。次にアンカーリンクを作成します。     (2) アンカーリンクの作成 アンカーリンクの作成は、アンカーを設置した後に行います。 ブロックを選択後、アンカーリンクとなるテキストをマウスで選択し、画面左側のツールボックスで「リンクの挿入」アイコン をクリックします。  リンクタイプ「アンカーの追加」を選択します。  プルダウンメニューで作成済みのアンカーから遷移先を選択します。 「挿入」ボタンをクリックします。    TIPS:アンカーリンクの名称を変更する方法 以下は、HTMLコードを編集される方向けの内容となります。 アンカータグの含まれるブロックの編集アイコン をクリック 画面左下に表示されるコード参照ボタンをクリック、またはツールバーのHTMLボタンをクリック コードの中から以下画像と類似するコードを探してください: [name=”AnchorOne”] を変更しましょう。 例として、ここでは以下のように変更をします。 [name=”AnchorNew”] アンカータグのコーディングは以下のようになります。 <a name="AnchorNew"><img src="https://www.benchmarkemail.com/images/editor/anchor-cc.gif" vspace="0" border="0" hspace="0"></a> 注意:古いアンカータグへのリンクを削除することを忘れないでください。 削除せずにいると、メール内に無効なリンクが貼り付いたまま配信が行われてしまいます。 >>「メール作成:編集操作」のまとめページに戻る

メール配信 8月 29, 2019

アンカーリンクとは何ですか?Benchmark Emailで利用できますか?

アンカーリンクとは同じドキュメント内で移動を可能にするハイパーリンクの一種です。長い文章や多くのセクションを含む場合、アンカーリンクを設置することで指定したセクションへ簡単に移動することが出来ます。     Benchmark Emailのアカウントで作成するメールはHTMLメールとなります。ごく稀に受信者側のメールサービスにてアンカーリンクに対応していない場合がございますのでご了承ください。 アンカーリンク対応表(2017/10/17現在) メールクライアント 対応可否 Gmail (Web) ○ Gmail (Android app) ○ Inbox by Gmail (Android app) ○ Gmail (iOS app) × Apple Mail (iOS) × Yahoo! Mail (Web) ○ Outlook.com (Web) × Outlook (Android app) × Outlook (desktop) ○ Outlook for MAC × Samsung email app (Android) ○ Windows Mail (Windows 10) ○ アンカーの作成: 1. アンカーリンクを設置したいセクションで「編集」アイコンをクリックします。 2. アンカーリンクを設置したい部分にカーソルを合わせ、クリックします。 3. 画面左側のオプションの部分よりアンカーの追加アイコン をクリックします。 4. ポップアップウィンドウでは、アンカー名を記入します。記入が終わりましたら「更新」ボタンをクリックします。 5. セクションボックスの「保存」をクリックします アンカーの作成が完了しました。次にアンカーリンクを作成します。   アンカーリンクの作成 Step 1.  アンカーリンクを設置したい場所のセクションで「編集」アイコン をクリックします。 Step 2. アンカーリンクとなるテキストをマウスで選択した後、画面左側のツールボックスで「リンクの挿入」アイコン をクリックし、リンクタイプ「アンカー」を選択します。 Step 3. プルダウンメニューで任意のアンカーを選択します。 Step 4. 「更新」ボタンをクリックします。 Step 5. セクションボックスの「保存」をクリックします。 ドラッグ&ドロップ形式の場合 アンカーの作成: 1. アンカーを設置したいブロックをクリックします。 2. ブロック内のアンカーリンクを設置したい部分にカーソルを合わせ、クリックします。 3. 画面右上のオプション部分に表示されるアンカーの追加アイコンをクリックします。 4. ポップアップウィンドウでは、アンカー名を記入します。記入が終わりましたら「保存」ボタンをクリックします。 5. 設置したい部分にアンカーが確認できましたら、画面左のテキストブロック内にある「保存&閉じる」をクリックします。 アンカーの作成が完了しました。次にアンカーリンクを作成します。 アンカーリンクの作成: Step 1. ブロックを選択後、アンカーリンクとなるテキストをマウスで選択し、画面左側のツールボックスで「リンクの挿入」アイコン をクリックします。 Step 2. 、リンクタイプ「アンカーの追加」を選択します。 Step 3. プルダウンメニューで任意のアンカーを選択し、「挿入」ボタンをクリックします。      

メール配信 8月 7, 2019