HTML on template

Gateway
1

Hi everyone,

Can someone help me with inserting HTML into the OTP template? I have tired
many different times and I am not familiar with the syntax that the system
users. Any help would be appreciated. I have tried looking at websites for
learning the syntax but It doesn't give a clear understanding of inserting
the HTML.

2

Creating an HTML template is more or less similar to creating an HTML
email. The only thing that should be added is some freemarker code that
adds certain content. I'm not going to explain all details on how to
create an HTML email because there are probably a lot of tutorials
online for doing that.

For example, the "Encrypted PDF OTP Invite" mail contains the following
text part (take the text between BEGIN PART and END PART)

=============BEGIN PART=============
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: quoted-printable

[SNIP]

<#assign passwordID = passwordContainer.passwordID!>
<#assign passwordLength = passwordContainer.passwordLength!>
<#assign baseURL = .vars["user.otpURL"]!>
<#if baseURL != "">
<#assign recipient = recipients[0]>
<#assign portalInvitations = mail.getAttribute("djigzo.portalInvitations")>
<#assign portalInvitation = portalInvitations[recipient]>
<#assign
url=baseURL+'?id='+passwordID+'&pwl='+passwordLength+'&email='+recipient?url('UTF-8')+'&ts='+portalInvitation.timestamp?c+'&action=signup&mac='+portalInvitation.mac>
${qp(url)}
</#if>

The password ID of this email is: ${passwordID}

<#if (from.personal)??>
Best regards,

${qp(from.personal)}
</#if>
=============END PART=============

The above part will result in the body text of the invite email. You can
replace this by replacing it with HTML content.

You should be careful with adding HTML because the body should be
quoted-printable encoded (this for example means that = need to be
written as =3D when used in the body). Alternatively you can base64
encode the complete body and set Content-Transfer-Encoding to base64.
This way you can use HTML without having to encode the = symbols.

Basic example (this is just an example of an HTML template and not
optimized nor good looking)

=============BEGIN PART=============
Content-Type: text/html; charset=UTF-8;
Content-Transfer-Encoding: quoted-printable

<html>
<body>
<p>Hi,</p>

<p>
This message contains a password encrypted pdf file. The password for
the pdf can be retrieved by logging into the web portal.
</p>

<p>
The first time you login, you need to choose a new password.
</p>

<p>
You can read the message by following these steps:
</p>

<ol>
  <li>click the link below.</li>
  <li>choose a password, and confirm it by typing it again.</li>
  <li>log in to the site with the password you just chose.</li>
  <li>press 'generate' to generate the password to the pdf file.</li>
  <li>copy the generated password.</li>
  <li>open the pdf file, attached to the email you received, and paste
the password in the password box.</li>
</ol>

<p>
Next time you receive an encrypted pdf file, the email will contain a
link, and you can login with your password
</p>

<#assign passwordID = passwordContainer.passwordID!>
<#assign passwordLength = passwordContainer.passwordLength!>
<#assign baseURL = .vars["user.otpURL"]!>
<#if baseURL != "">
<#assign recipient = recipients[0]>
<#assign portalInvitations = mail.getAttribute("djigzo.portalInvitations")>
<#assign portalInvitation = portalInvitations[recipient]>
<#assign
url=baseURL+'?id='+passwordID+'&pwl='+passwordLength+'&email='+recipient?url('UTF-8')+'&ts='+portalInvitation.timestamp?c+'&action=signup&mac='+portalInvitation.mac>
<a href=3D"${qp(url)}">link</a>
</#if>

<p>
The password ID of this email is: ${passwordID}
</p>

<#if (from.personal)??>
<p>
Best regards,<br><br>

${qp(from.personal)}
</p>
</#if>

<p>

EncryptedPDFOTPInviteHTML.tml (3.72 KB)

···

On 06/27/2017 04:30 PM, Paul Bronson via Users wrote:

Hi everyone,

Can someone help me with inserting HTML into the OTP template? I have tired
many different times and I am not familiar with the syntax that the system
users. Any help would be appreciated. I have tried looking at websites for
learning the syntax but It doesn't give a clear understanding of inserting
the HTML.

---
Sent with CIPHERMAIL
</p>
=============END PART=============

I have attached the full example template. Other templates should be
done in a similar way.

An easy way to create HTML email is to use MJML (https://mjml.io/).

Kind regards,

Martijn Brinkers

--
CipherMail email encryption

Email encryption with support for S/MIME, OpenPGP, PDF encryption and
secure webmail pull.

Twitter: http://twitter.com/CipherMail

3

Hi,

I have been trying with this template but had a hard time making the button
work.

Can you assist?

(Attachment alert.html.tml.html is missing)

···

On Tue, Jun 27, 2017 at 11:30 AM, Martijn Brinkers via Users < users(a)lists.djigzo.com> wrote:

On 06/27/2017 04:30 PM, Paul Bronson via Users wrote:
> Hi everyone,
>
> Can someone help me with inserting HTML into the OTP template? I have
tired
> many different times and I am not familiar with the syntax that the
system
> users. Any help would be appreciated. I have tried looking at websites
for
> learning the syntax but It doesn't give a clear understanding of
inserting
> the HTML.

Creating an HTML template is more or less similar to creating an HTML
email. The only thing that should be added is some freemarker code that
adds certain content. I'm not going to explain all details on how to
create an HTML email because there are probably a lot of tutorials
online for doing that.

For example, the "Encrypted PDF OTP Invite" mail contains the following
text part (take the text between BEGIN PART and END PART)

=============BEGIN PART=============
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: quoted-printable

[SNIP]

<#assign passwordID = passwordContainer.passwordID!>
<#assign passwordLength = passwordContainer.passwordLength!>
<#assign baseURL = .vars["user.otpURL"]!>
<#if baseURL != "">
<#assign recipient = recipients[0]>
<#assign portalInvitations = mail.getAttribute("djigzo.
portalInvitations")>
<#assign portalInvitation = portalInvitations[recipient]>
<#assign
url=baseURL+'?id='+passwordID+'&pwl='+passwordLength+'&
email='+recipient?url('UTF-8')+'&ts='+portalInvitation.
timestamp?c+'&action=signup&mac='+portalInvitation.mac>
${qp(url)}
</#if>

The password ID of this email is: ${passwordID}

<#if (from.personal)??>
Best regards,

${qp(from.personal)}
</#if>
=============END PART=============

The above part will result in the body text of the invite email. You can
replace this by replacing it with HTML content.

You should be careful with adding HTML because the body should be
quoted-printable encoded (this for example means that = need to be
written as =3D when used in the body). Alternatively you can base64
encode the complete body and set Content-Transfer-Encoding to base64.
This way you can use HTML without having to encode the = symbols.

Basic example (this is just an example of an HTML template and not
optimized nor good looking)

=============BEGIN PART=============
Content-Type: text/html; charset=UTF-8;
Content-Transfer-Encoding: quoted-printable

<html>
<body>
<p>Hi,</p>

<p>
This message contains a password encrypted pdf file. The password for
the pdf can be retrieved by logging into the web portal.
</p>

<p>
The first time you login, you need to choose a new password.
</p>

<p>
You can read the message by following these steps:
</p>

<ol>
  <li>click the link below.</li>
  <li>choose a password, and confirm it by typing it again.</li>
  <li>log in to the site with the password you just chose.</li>
  <li>press 'generate' to generate the password to the pdf file.</li>
  <li>copy the generated password.</li>
  <li>open the pdf file, attached to the email you received, and paste
the password in the password box.</li>
</ol>

<p>
Next time you receive an encrypted pdf file, the email will contain a
link, and you can login with your password
</p>

<#assign passwordID = passwordContainer.passwordID!>
<#assign passwordLength = passwordContainer.passwordLength!>
<#assign baseURL = .vars["user.otpURL"]!>
<#if baseURL != "">
<#assign recipient = recipients[0]>
<#assign portalInvitations = mail.getAttribute("djigzo.
portalInvitations")>
<#assign portalInvitation = portalInvitations[recipient]>
<#assign
url=baseURL+'?id='+passwordID+'&pwl='+passwordLength+'&
email='+recipient?url('UTF-8')+'&ts='+portalInvitation.
timestamp?c+'&action=signup&mac='+portalInvitation.mac>
<a href=3D"${qp(url)}">link</a>
</#if>

<p>
The password ID of this email is: ${passwordID}
</p>

<#if (from.personal)??>
<p>
Best regards,<br><br>

${qp(from.personal)}
</p>
</#if>

<p>
---
Sent with CIPHERMAIL
</p>
=============END PART=============

I have attached the full example template. Other templates should be
done in a similar way.

An easy way to create HTML email is to use MJML (https://mjml.io/).

Kind regards,

Martijn Brinkers

--
CipherMail email encryption

Email encryption with support for S/MIME, OpenPGP, PDF encryption and
secure webmail pull.

https://www.ciphermail.com

Twitter: http://twitter.com/CipherMail

_______________________________________________
Users mailing list
Users(a)lists.djigzo.com
https://lists.djigzo.com/lists/listinfo/users

4

HI Martijn, can you help with this template?

···

On Tue, Jun 27, 2017 at 4:01 PM, Paul Bronson <signaldeveloper(a)gmail.com> wrote:

Hi,

I have been trying with this template but had a hard time making the
button work.

Can you assist?

On Tue, Jun 27, 2017 at 11:30 AM, Martijn Brinkers via Users < > users(a)lists.djigzo.com> wrote:

On 06/27/2017 04:30 PM, Paul Bronson via Users wrote:
> Hi everyone,
>
> Can someone help me with inserting HTML into the OTP template? I have
tired
> many different times and I am not familiar with the syntax that the
system
> users. Any help would be appreciated. I have tried looking at websites
for
> learning the syntax but It doesn't give a clear understanding of
inserting
> the HTML.

Creating an HTML template is more or less similar to creating an HTML
email. The only thing that should be added is some freemarker code that
adds certain content. I'm not going to explain all details on how to
create an HTML email because there are probably a lot of tutorials
online for doing that.

For example, the "Encrypted PDF OTP Invite" mail contains the following
text part (take the text between BEGIN PART and END PART)

=============BEGIN PART=============
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: quoted-printable

[SNIP]

<#assign passwordID = passwordContainer.passwordID!>
<#assign passwordLength = passwordContainer.passwordLength!>
<#assign baseURL = .vars["user.otpURL"]!>
<#if baseURL != "">
<#assign recipient = recipients[0]>
<#assign portalInvitations = mail.getAttribute("djigzo.port
alInvitations")>
<#assign portalInvitation = portalInvitations[recipient]>
<#assign
url=baseURL+'?id='+passwordID+'&pwl='+passwordLength+'&email
='+recipient?url('UTF-8')+'&ts='+portalInvitation.timestam
p?c+'&action=signup&mac='+portalInvitation.mac>
${qp(url)}
</#if>

The password ID of this email is: ${passwordID}

<#if (from.personal)??>
Best regards,

${qp(from.personal)}
</#if>
=============END PART=============

The above part will result in the body text of the invite email. You can
replace this by replacing it with HTML content.

You should be careful with adding HTML because the body should be
quoted-printable encoded (this for example means that = need to be
written as =3D when used in the body). Alternatively you can base64
encode the complete body and set Content-Transfer-Encoding to base64.
This way you can use HTML without having to encode the = symbols.

Basic example (this is just an example of an HTML template and not
optimized nor good looking)

=============BEGIN PART=============
Content-Type: text/html; charset=UTF-8;
Content-Transfer-Encoding: quoted-printable

<html>
<body>
<p>Hi,</p>

<p>
This message contains a password encrypted pdf file. The password for
the pdf can be retrieved by logging into the web portal.
</p>

<p>
The first time you login, you need to choose a new password.
</p>

<p>
You can read the message by following these steps:
</p>

<ol>
  <li>click the link below.</li>
  <li>choose a password, and confirm it by typing it again.</li>
  <li>log in to the site with the password you just chose.</li>
  <li>press 'generate' to generate the password to the pdf file.</li>
  <li>copy the generated password.</li>
  <li>open the pdf file, attached to the email you received, and paste
the password in the password box.</li>
</ol>

<p>
Next time you receive an encrypted pdf file, the email will contain a
link, and you can login with your password
</p>

<#assign passwordID = passwordContainer.passwordID!>
<#assign passwordLength = passwordContainer.passwordLength!>
<#assign baseURL = .vars["user.otpURL"]!>
<#if baseURL != "">
<#assign recipient = recipients[0]>
<#assign portalInvitations = mail.getAttribute("djigzo.port
alInvitations")>
<#assign portalInvitation = portalInvitations[recipient]>
<#assign
url=baseURL+'?id='+passwordID+'&pwl='+passwordLength+'&email
='+recipient?url('UTF-8')+'&ts='+portalInvitation.timestam
p?c+'&action=signup&mac='+portalInvitation.mac>
<a href=3D"${qp(url)}">link</a>
</#if>

<p>
The password ID of this email is: ${passwordID}
</p>

<#if (from.personal)??>
<p>
Best regards,<br><br>

${qp(from.personal)}
</p>
</#if>

<p>
---
Sent with CIPHERMAIL
</p>
=============END PART=============

I have attached the full example template. Other templates should be
done in a similar way.

An easy way to create HTML email is to use MJML (https://mjml.io/).

Kind regards,

Martijn Brinkers

--
CipherMail email encryption

Email encryption with support for S/MIME, OpenPGP, PDF encryption and
secure webmail pull.

https://www.ciphermail.com

Twitter: http://twitter.com/CipherMail

_______________________________________________
Users mailing list
Users(a)lists.djigzo.com
https://lists.djigzo.com/lists/listinfo/users

5

Please send the template off-list. It looks like the mailing software
strips attachments (for security reasons).

I'll have a quick look (but I can't promise I'll fix it)

Kind regards,

Martijn

···

On 06/28/2017 05:20 PM, Paul Bronson wrote:

HI Martijn, can you help with this template?

On Tue, Jun 27, 2017 at 4:01 PM, Paul Bronson <signaldeveloper(a)gmail.com > <mailto:signaldeveloper(a)gmail.com>> wrote:

    Hi,

    I have been trying with this template but had a hard time making the
    button work.

    Can you assist?

    On Tue, Jun 27, 2017 at 11:30 AM, Martijn Brinkers via Users > <users(a)lists.djigzo.com <mailto:users(a)lists.djigzo.com>> wrote:

        On 06/27/2017 04:30 PM, Paul Bronson via Users wrote:
        > Hi everyone,
        >
        > Can someone help me with inserting HTML into the OTP template?
        I have tired
        > many different times and I am not familiar with the syntax
        that the system
        > users. Any help would be appreciated. I have tried looking at
        websites for
        > learning the syntax but It doesn't give a clear understanding
        of inserting
        > the HTML.

        Creating an HTML template is more or less similar to creating an
        HTML
        email. The only thing that should be added is some freemarker
        code that
        adds certain content. I'm not going to explain all details on how to
        create an HTML email because there are probably a lot of tutorials
        online for doing that.

        For example, the "Encrypted PDF OTP Invite" mail contains the
        following
        text part (take the text between BEGIN PART and END PART)

        =============BEGIN PART=============
        Content-Type: text/plain; charset=UTF-8; format=flowed
        Content-Transfer-Encoding: quoted-printable

        [SNIP]

        <#assign passwordID = passwordContainer.passwordID!>
        <#assign passwordLength = passwordContainer.passwordLength!>
        <#assign baseURL = .vars["user.otpURL"]!>
        <#if baseURL != "">
        <#assign recipient = recipients[0]>
        <#assign portalInvitations =
        mail.getAttribute("djigzo.portalInvitations")>
        <#assign portalInvitation = portalInvitations[recipient]>
        <#assign
        url=baseURL+'?id='+passwordID+'&pwl='+passwordLength+'&email='+recipient?url('UTF-8')+'&ts='+portalInvitation.timestamp?c+'&action=signup&mac='+portalInvitation.mac>
        ${qp(url)}
        </#if>

        The password ID of this email is: ${passwordID}

        <#if (from.personal)??>
        Best regards,

        ${qp(from.personal)}
        </#if>
        =============END PART=============

        The above part will result in the body text of the invite email.
        You can
        replace this by replacing it with HTML content.

        You should be careful with adding HTML because the body should be
        quoted-printable encoded (this for example means that = need to be
        written as =3D when used in the body). Alternatively you can base64
        encode the complete body and set Content-Transfer-Encoding to
        base64.
        This way you can use HTML without having to encode the = symbols.

        Basic example (this is just an example of an HTML template and not
        optimized nor good looking)

        =============BEGIN PART=============
        Content-Type: text/html; charset=UTF-8;
        Content-Transfer-Encoding: quoted-printable

        <html>
        <body>
        <p>Hi,</p>

        <p>
        This message contains a password encrypted pdf file. The
        password for
        the pdf can be retrieved by logging into the web portal.
        </p>

        <p>
        The first time you login, you need to choose a new password.
        </p>

        <p>
        You can read the message by following these steps:
        </p>

        <ol>
          <li>click the link below.</li>
          <li>choose a password, and confirm it by typing it again.</li>
          <li>log in to the site with the password you just chose.</li>
          <li>press 'generate' to generate the password to the pdf
        file.</li>
          <li>copy the generated password.</li>
          <li>open the pdf file, attached to the email you received, and
        paste
        the password in the password box.</li>
        </ol>

        <p>
        Next time you receive an encrypted pdf file, the email will
        contain a
        link, and you can login with your password
        </p>

        <#assign passwordID = passwordContainer.passwordID!>
        <#assign passwordLength = passwordContainer.passwordLength!>
        <#assign baseURL = .vars["user.otpURL"]!>
        <#if baseURL != "">
        <#assign recipient = recipients[0]>
        <#assign portalInvitations =
        mail.getAttribute("djigzo.portalInvitations")>
        <#assign portalInvitation = portalInvitations[recipient]>
        <#assign
        url=baseURL+'?id='+passwordID+'&pwl='+passwordLength+'&email='+recipient?url('UTF-8')+'&ts='+portalInvitation.timestamp?c+'&action=signup&mac='+portalInvitation.mac>
        <a href=3D"${qp(url)}">link</a>
        </#if>

        <p>
        The password ID of this email is: ${passwordID}
        </p>

        <#if (from.personal)??>
        <p>
        Best regards,<br><br>

        ${qp(from.personal)}
        </p>
        </#if>

        <p>
        ---
        Sent with CIPHERMAIL
        </p>
        =============END PART=============

        I have attached the full example template. Other templates should be
        done in a similar way.

        An easy way to create HTML email is to use MJML (https://mjml.io/).

        Kind regards,

        Martijn Brinkers

        --
        CipherMail email encryption

        Email encryption with support for S/MIME, OpenPGP, PDF
        encryption and
        secure webmail pull.

        https://www.ciphermail.com

        Twitter: http://twitter.com/CipherMail

        _______________________________________________
        Users mailing list
        Users(a)lists.djigzo.com <mailto:Users(a)lists.djigzo.com>
        https://lists.djigzo.com/lists/listinfo/users
        <https://lists.djigzo.com/lists/listinfo/users&gt;

--
CipherMail email encryption

Email encryption with support for S/MIME, OpenPGP, PDF encryption and
secure webmail pull.

https://www.ciphermail.com

Twitter: http://twitter.com/CipherMail