HTML 電子メール通知の変更例

電子メール通知用 HTML テンプレートの変更方法の例をいくつか紹介します。

ロゴの置き換え

ロゴのデフォルト タグである <img class="header-logo-img header-logo-size"> を個別のログを含むタグを置き換えます。必要な場合は、高さも変更します。

<img height=35 src="https://softwareag.scene7.com/is/image/softwareagprod/solution-icon-s?$PNGwithAlpha$">

ロゴが置き換えられ、高さが変更されます。

ロゴを使用したインターネット リンクの提供

ヘッダー ロゴをクリックすると Web サイトが開くようにするには、img タグを、ターゲット リンクを指定する a タグで囲みます。

この例では、以前に変更した (ロゴの置き換え) img タグを使用します。

<a href=https://www.softwareag.com/en_corporate.html target="_blank">

<img height=35 src="https://softwareag.scene7.com/is/image/softwareagprod/solution-icon-s?$PNGwithAlpha$">

</a>

Web サイト リンクがロゴに提供されます。

背景色とヘッダーの変更

<table class="header-bg-color header-text-color header-table"> タグを使用して、ヘッダーのデフォルトの背景色を変更します。

<table class="header-text-color header-table" style="background-color:#011f3d;">

色が変更されます。

フッターにイントラネット リンクを表示する

フッターにイントラネットへのリンクを表示するには、フッターに tableRow タグを追加します。

<tr>

<td>

<a class="link-color" href=https://www.softwareag.com/en_corporate.html target="_blank">Intranet</a>

</td>

</tr>

イントラネット リンクがフッターで提供されます。

企業固有のフッターを作成する

企業固有のフッターを表示するには、デフォルトの footer tableRow タグを置き換えます。

<tr class="mail-text-color help-text-size" >

<td>

<p> You are receiving emails from ARIS Risk and Compliance. </p>

</td>

</tr>

<tr class="mail-text-color help-text-size" >

<td>

<p> Copyright © 2012 - 2022 Software AG, Darmstadt, Germany and/or Software AG USA Inc., Reston, VA, USA, and/or its subsidiaries and/or its affiliates and/or their licensors. </p>

</td>

</tr>

<tr class="mail-text-color help-text-size">

<td> <p> Software AG</p></td>

</tr>

<tr class="mail-text-color help-text-size">

  <td> <p> Uhlandstrasse 12 </p> </td>

</tr>

<tr class="mail-text-color help-text-size">

<td> <p> 64297 Darmstadt, Germany</p> </td>

</tr>

変更を保存すると、HTML 電子メールは次のように表示されます。

変更された HTML テンプレート