Email Setup
1. Escolher mailer#
Para mailer há várias opções conforme o sistema operativo que usas e os teus gostos pessoais.
Para iOS recomendamos usares:
- Apple Mail
- Spark* - Download
Para Windows recomendamos usares:
Para mobile recomendamos que default do teu dispositivo ou usares o Spark*, o Spark quando configurado num dispositivo automaticamente sincroniza as tuas contas nos teus restantes dispositivos.
Spark
Em dúvida usa o Spark, estamos ansionsos para que esta disponÃvel para o Windows.
2. Adicionar o email da Dev#
Caso ainda não saibas o teu mail dev vai ter o formato de primeiro-nome.ultimo-nome@devstudio.com.pt, exemplo, john.doe@devstudio.com.pt . E, aquando da sua criação, deverás receber uma notificação com o teu email e password.
Para configurares em qualquer dispositivo à tua escolha, se dÃsponivel, deverás optar pela opção custom/personalizada onde tens que introduzir as seguintes informações:
| Info | Value |
|---|---|
| Username/Email | primeiro-nome.ultimo-nome@devstudio.com.pt |
| Password | password fornecida |
| Incoming Server/Receber | cp151.webserver.pt |
| IMAP Port: | 993 |
| POP3 Port: | 995 |
| Outgoing Server/Enviar | cp151.webserver.pt |
| SMTP Port: | 465 |
SSL/TLS S
Estes dados só são válidos com a utilização do protocolo SSL/TLS.
Spark
Por norma, aconselhamos a utilizar o IMAP invés do POP3; o IMAP permite sincrozinar a caixa de correio em todos os dispositivos; Enquanto que o POP3 copia o mesmo para o teu dispositivo e não comunica com os demais.
3. Configurar a assinatura do email#
A assinatura email usada pela dev está montada em HTML e deverá ser adicionada no teu mailer. Segue em baixo o template com as informações que deverás alterar.
Todos os campos que deves alterar estão marcado com: replace_me
Foto
Sugerimos também que dês upload a uma foto tua atualizada para um hosting gratuito de imagem; Sugerimos o imgur
<table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style=" vertical-align: -webkit-baseline-middle; font-size: large; font-family: Arial; "> <tbody style=" background-color: #f5f5f5; vertical-align: -webkit-baseline-middle; font-size: large; font-family: Arial;"> <tr> <td> <table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style=" vertical-align: -webkit-baseline-middle; font-size: large; font-family: Arial; " > <tbody> <tr> <td width="150" style="vertical-align: middle"> <span class="sc-kgAjT cuzzPp" style="margin-right: 20px; display: block" ><img src="replace_me:link para a foto" role="presentation" width="130" class="sc-cHGsZl bHiaRe" style="max-width: 130px" /></span> </td> <td style="vertical-align: middle"> <h3 color="#000000" class="sc-fBuWsC eeihxG" style="margin: 0px; font-size: 20px; color: rgb(0, 0, 0)" > <span>replace_me:Primeiro e último Nome</span> </h3> <p color="#000000" font-size="large" class="sc-fMiknA bxZCMx" style=" margin: 0px; color: rgb(0, 0, 0); font-size: 16px; line-height: 24px; " > <span>replace_me: função na empresa</span> </p> </td> <td width="30"><div style="width: 30px"></div></td> <td color="#5465f2" direction="vertical" width="1" class="sc-jhAzac hmXDXQ" style=" width: 1px; border-bottom: none; border-left: 1px solid rgb(252, 227, 0); " ></td> <td width="30"><div style="width: 30px"></div></td> <td style="vertical-align: middle"> <table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style=" vertical-align: -webkit-baseline-middle; font-size: large; font-family: Arial; " > <tbody> <tr height="25" style="vertical-align: middle"> <td width="30" style="vertical-align: middle"> <table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style=" vertical-align: -webkit-baseline-middle; font-size: large; font-family: Arial; " > <tbody> <tr> <td style="vertical-align: bottom"> <span color="#5465f2" width="11" class="sc-jlyJG bbyJzT" style="display: block" ><img src="https://staging.devstudio.com.pt/wp/wp-content/uploads/2021/03/phone-call.png" width="13" class="sc-iRbamj blSEcj" style="display: block" /></span> </td> </tr> </tbody> </table> </td> <td style="padding: 0px; color: rgb(0, 0, 0)"> <a href="replace_me: o teu contacto telefonico, deverá ser tel:+351XXXXXXXXX" color="#000000" class="sc-gipzik iyhjGb" style=" text-decoration: none; color: rgb(0, 0, 0); font-size: 12px; " ><span>replace_me: o teu contacto telefonico, deverá ser tel:+351 XXXXXXXXX</span></a > </td> </tr> <tr height="25" style="vertical-align: middle"> <td width="30" style="vertical-align: middle"> <table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style=" vertical-align: -webkit-baseline-middle; font-size: large; font-family: Arial; " > <tbody> <tr> <td style="vertical-align: bottom"> <span color="#5465f2" width="11" class="sc-jlyJG bbyJzT" style="display: block" ><img src="https://staging.devstudio.com.pt/wp/wp-content/uploads/2021/03/mail.png" width="13" class="sc-iRbamj blSEcj" style="display: block" /></span> </td> </tr> </tbody> </table> </td> <td style="padding: 0px"> <a href="replace_me: o teu email, deverá ser mailto:oteuemail@devstudio.com.pt" color="#000000" class="sc-gipzik iyhjGb" style=" text-decoration: none; color: rgb(0, 0, 0); font-size: 12px; " ><span>replace_me: o teu email, deverá ser oteuemail@devstudio.com.pt</span></a > </td> </tr> <tr height="25" style="vertical-align: middle"> <td width="30" style="vertical-align: middle"> <table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style=" vertical-align: -webkit-baseline-middle; font-size: large; font-family: Arial; " > <tbody> <tr> <td style="vertical-align: bottom"> <span color="#5465f2" width="11" class="sc-jlyJG bbyJzT" style="display: block" ><img src="https://staging.devstudio.com.pt/wp/wp-content/uploads/2021/03/link.png" width="13" class="sc-iRbamj blSEcj" style="display: block" /></span> </td> </tr> </tbody> </table> </td> <td style="padding: 0px"> <a href="https://devstudio.com.pt" color="#000000" class="sc-gipzik iyhjGb" style=" text-decoration: none; color: rgb(0, 0, 0); font-size: 12px; " ><span>devstudio.com.pt</span></a > </td> </tr> <tr height="25" style="vertical-align: middle"> <td width="30" style="vertical-align: middle"> <table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style=" vertical-align: -webkit-baseline-middle; font-size: large; font-family: Arial; " > <tbody> <tr> <td style="vertical-align: bottom"> <span color="#5465f2" width="11" class="sc-jlyJG bbyJzT" style="display: block" ><img src="https://staging.devstudio.com.pt/wp/wp-content/uploads/2021/03/pin.png" width="13" class="sc-iRbamj blSEcj" style="display: block" /></span> </td> </tr> </tbody> </table> </td> <td style="padding: 0px"> <span color="#000000" class="sc-csuQGl CQhxV" style="font-size: 12px; color: rgb(0, 0, 0)" ><span >Alameda do Mosteiro, 48, 4590-504,</br> Paços de Ferreira</span ></span > </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style=" vertical-align: -webkit-baseline-middle; font-size: large; font-family: Arial; width: 100%; " > <tbody> <tr> <td height="30"></td> </tr> <tr> <td style="vertical-align: top"> <img src="https://staging.devstudio.com.pt/wp/wp-content/uploads/2021/03/footermakingsimple.png" role="presentation" width="653" class="sc-cHGsZl bHiaRe" style="max-width: 653px; display: inline-block" /> </td> </tr> <tr> <td height="30"></td> </tr> </tbody> </table> </td> </tr> <tr> <td> <table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style=" vertical-align: -webkit-baseline-middle; font-size: large; font-family: Arial; width: 100%; " > <tbody> <tr> <td style="vertical-align: top"> <img src="https://staging.devstudio.com.pt/wp/wp-content/uploads/2021/03/devstudio200px.png" role="presentation" width="130" class="sc-cHGsZl bHiaRe" style="max-width: 130px; display: inline-block" /> </td> <td style="text-align: right; vertical-align: top"> <table cellpadding="0" cellspacing="0" class="sc-gPEVay eQYmiW" style=" vertical-align: -webkit-baseline-middle; font-size: large; font-family: Arial; display: inline-block; " > <tbody> <tr style="text-align: right"> <td> <a href="//teste" color="#6A78D1" class="sc-hzDkRC kpsoyz" style="display: inline-block; padding: 0px" ><img src="https://staging.devstudio.com.pt/wp/wp-content/uploads/2021/03/facebook-1.png" alt="facebook" width="18" class="sc-bRBYWo ccSRck" style="max-width: 135px; display: block" /></a> </td> <td width="5"><div></div></td> <td> <a href="//teste" color="#6A78D1" class="sc-hzDkRC kpsoyz" style="display: inline-block; padding: 0px" ><img src="https://staging.devstudio.com.pt/wp/wp-content/uploads/2021/03/linkedin-2.png" alt="linkedin" width="18" class="sc-bRBYWo ccSRck" style="max-width: 135px; display: block" /></a> </td> <td width="5"><div></div></td> <td> <a href="//teste" color="#6A78D1" class="sc-hzDkRC kpsoyz" style="display: inline-block; padding: 0px" ><img src="https://staging.devstudio.com.pt/wp/wp-content/uploads/2021/03/instagram-1.png" alt="instagram" width="18" class="sc-bRBYWo ccSRck" style="max-width: 135px; display: block" /></a> </td> <td width="5"><div></div></td> <td> <a href="//teste" color="#6A78D1" class="sc-hzDkRC kpsoyz" style="display: inline-block; padding: 0px" ><img src="https://staging.devstudio.com.pt/wp/wp-content/uploads/2021/03/behance.png" alt="behance" width="20" class="sc-bRBYWo ccSRck" style="max-width: 135px; display: block" /></a> </td> <td width="5"><div></div></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td height="30"></td> </tr> </tbody></table>