Assinatura de Email

Componente que utiliza HTML para criar uma assinatura personalizada para utilizar no email.

Onde esta localizado?

Como todo componente do Workhub, ele pode ser inserido em qualquer página/local ou ter sua ordenação alterada. Seu Nome é WHD EmailSignature.

Como ele funciona?

Este componente possui diversos campos que geralmente já vem Populados com as informações do usuário do ambiente do UserProfile, porém cada um desses campos pode ser editado pelo próprio usuário ao criar sua assinatura.

Empresa e a imagem da Assinatura.

Aqui também pode vir pré-selecionada a Empresa do usuário de forma que a imagem da assinatura, também será refletida: Para que a webpart seja mais dinâmica existe uma variável da Empresa, [#Office#], que pode ser utilizada na webpart, e também está atrelada a váriavel da imagem [#Logo#] portanto, dentro da lista EmailSignature criamos uma empresa, e colocamos um link público da hospedagem da imagem que será utilizada na assinatura, dessa forma todos podem visualizá-la , veja aqui um exemplo:

Temos a empresa Workhub, e adicionamos um link de hospedagem da imagem.

Note que todas imagens utilizadas na assinatura devem possuir uma hospedagem pública, pois da forma que o Outlook funciona ele aceirta apenas imagens sem qualquer tipo de permissão de acesso.

Como editar a assinatura?

O Componente funciona utilizando HTML, e apenas um administrador é capaz de definir como a Assinatura deverá ser para todos os usuários. Um administrador deve clicar no simbolo da "Ferramenta" ao lado de "Copiar", e lá você pode definir com Tags do HTML como será estruturada a assinatura.

Além de Tags HTML, temos algumas váriaveis que podem ser utilizadas para pegar automaticamente os campos editáveis da webpart.

Essas váriaveis são:

• [#Name#]

• [#Title#]

• [#Department#]

• [#WorkPhone#]

• [#MobilePhone#]

• [#WorkEmail#]

• [#Office#]

Elas podem ser acessadas por meio do campo de edição da Webpart ao clicar na canetinha:

Nessas abas, é possível também deixar o campo Editável ou não para os usuários comuns, ou esconder o campo totalmente.

Aqui está um exemplo de Código HTML e o resultado gerado:

<table width="10px" cellspacing="0" cellpadding="0" border="0" style="font-family: Arial, Verdana">
    <tbody>
        <tr>
            <td width="1%"><img src=[#Logo#] width="247" height="200" alt="" /></td>
            <td width="100%">
                <table width="230px" border="0" cellspacing="0" cellpadding="0" align="center">
                    <tbody>
                        <tr>
                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                            <td>
                                <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left">
                                    <tbody>
                                        <tr>
                                            <td nowrap style="color: #3b35f9; font-size: 23px;">[#Name#]</td>
                                        </tr>
                                        <tr>
                                            <td nowrap style="color: #394551; font-size: 17px;">[#Title#] -
                                                [#Department#]</td>
                                        </tr>
                                        <tr>
                                            <td nowrap>
                                                <hr style="color: #CCCCCC; width: 200px;" align="left">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td>
                                <table width="100%" border="0" cellspacing="0" cellpadding="0" align="left"
                                    style="font-size: 12px;">
                                    <tbody>
                                        <tr style="height: 18px;">
                                            <td width="1%"><img src="https://workhub.digital/sig/icone_telefone.gif"
                                                    width="16" height="15" alt="" /></td>
                                            <td width="100%">&nbsp;&nbsp;[#WorkPhone#] [#MobilePhone#]</td>
                                        </tr>
                                        <tr style="height: 18px;">
                                            <td width="1%"><img src="https://workhub.digital/sig/icone_site.gif"
                                                    width="16" height="15" alt="" /></td>
                                            <td width="100%">&nbsp;&nbsp;<a
                                                    href="https://www.workhub.digital/">www.workhub.digital</a></td>
                                        </tr>
                                        <tr style="height: 18px;">
                                            <td width="1%"><img src="https://workhub.digital/sig/icone_email.gif"
                                                    width="16" height="15" alt="" /></td>
                                            <td width="100%">&nbsp;&nbsp;<a
                                                    href="mailto:[#WorkEmail#]">[#WorkEmail#]</a></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
            <td width="1%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
        </tr>
    </tbody>
</table>