Customização Emails

Por
Edvan
-
65

Olá pessoal. A corerria a cada dia aumenta e a falta tempo em postar no blog! Hoje irei publicar uma dica interessante e útil que venho utilizando desde março/2010. A cada e-mail enviado via WHMCS é armazenado no histórico  e quando o cliente acessa os e-mails enviados existe um inconveniente ( conforme vídeo abaixo ), ao clicar no e-mail desejado abri um pop-up. Se o cliente estiver um anti pou-up que muitas vezes já vem nativo nos novos navegadores ele simplesmente não irá conseguir visualizar!

Como customizar?

1 ) Por segurança faça um do backup de header.tpl e clientareaemails.tpl antes de fazer quaisquer alterações.
2)  Faça o download do arquivo [Download not found] nele conterá todas os arquivos que você irá precisar ( header.tpl e clientareaemails.tpl já modificados na versão 4.3.1 ).
3) Após descompactar o arquivo envie a pasta /colorbox/ para raiz do WHMCS e os arquivos header.tpl e clientareaemails.tpl para /seuwhmcs/templates/portal
4) Vou explicar como modifiquei os arquivos, caso você precise editar manualmente!

Edite o arquivo header.tpl localizado em /seuwhmcs/templates/portal/ a partir da linha 8 do header.tpl inserir o código:

<link rel=”stylesheet” type=”text/css” href=”colorbox/colorbox.css” />
<script type=”text/javascript” src=”colorbox/jquery.colorbox.js”></script>
{literal}
<script type=”text/javascript”>
$(document).ready(function(){
$(“.emails”).colorbox({Width:700, Height:600,iframe:true});
});
</script>
{/literal}

Depois edite o template clientareaemails.tpl localizado em /seuwhmcs/templates/portal/ a partir da linha 18:

Original:

<td><a href=”#” onclick=”window.open(‘viewemail.php?id={$email.id}’,”,’width=650,height=400,scrollbars=yes’);return false”>{$email.subject}</a></td>

Alteração:

<td><a href=”viewemail.php?id={$email.id}” class=”emails” title=”Data: {$email.date} | Assunto: {$email.subject}”>{$email.subject}</a></td>

Utilizei o ColorBox ( para mim é o melhor ), mas existe N alternativas LightBox, Lytbox e etc…  Essa personalização serve para qualquer link do WHMCS, pode ser aplicado nas faturas por exemplo.

O resultado você pode conferir no vídeo abaixo que postei via Screenr

Gostou? Comente!

ARTIGOS RELACIONADOSMais do autor

65 COMENTÁRIOS

  4. uhuuu
    cara ficou perfeito, ja estou personalizando o meu.

    Sobre as faturas, esses arquivos que tem aqui também os modifica?

    Ou tem que fazer?

  7. Daniel,

    Como é uma versão nova do Colorbox utilize o código:

    $(“.information”).colorbox({width:”700″, height:”600″, iframe:true});

    Daí vai dá certo!

    Vou corrigir o arquivo para evitar que outros passem por isso.

  8. Daniel,

    Como é uma versão nova do Colorbox utilize o código:

    $(“.information”).colorbox({width:”700″, height:”600″, iframe:true});

    Daí vai dá certo!

    Vou corrigir o arquivo para evitar que outros passem por isso.

  19. 2 perguntas?

    Só server para o template portal???

    Eu realizei a alteração no template default e quando eu clico no link simplesmente abra o link na mesma janela.

  20. 2 perguntas?

    Só server para o template portal???

    Eu realizei a alteração no template default e quando eu clico no link simplesmente abra o link na mesma janela.

  27. Olá, eu consegui fazer a modificação tanto nos emails como nas faturas, mas tem um problema, quando clico para gerar o boleto ele não executa a função, então eu personalizei o link do boleto pois só uso boleto, ai tudo bem ele gera o boleto na boa mas ai aparece 2 problemas novos;

    1 – No navegador chrome tudo abre ok, mas no IE tudo fica centralizado no boleto.

    2 – Coloquei um link para imprimir o boleto, mas quando clica nele surge uma barra de rolagem tanto na vertical como na horizontal, e na impressora sai as barras e um espaço grande após o boleto.

    Alguém pode dar uma luz???

  28. Olá, eu consegui fazer a modificação tanto nos emails como nas faturas, mas tem um problema, quando clico para gerar o boleto ele não executa a função, então eu personalizei o link do boleto pois só uso boleto, ai tudo bem ele gera o boleto na boa mas ai aparece 2 problemas novos;

    1 – No navegador chrome tudo abre ok, mas no IE tudo fica centralizado no boleto.

    2 – Coloquei um link para imprimir o boleto, mas quando clica nele surge uma barra de rolagem tanto na vertical como na horizontal, e na impressora sai as barras e um espaço grande após o boleto.

    Alguém pode dar uma luz???

  33. Prezado Edvan, esses arquivos funcionariam na versão 4.4.2? Tirando essa dúvida, a idéia foi genial, jamais tinha pensado em usar colorbox, alterar template do whmcs sempre é algo extremamente perigoso e tudo pode acontecer (de errado, óbvio kkk).

  34. Prezado Edvan, esses arquivos funcionariam na versão 4.4.2? Tirando essa dúvida, a idéia foi genial, jamais tinha pensado em usar colorbox, alterar template do whmcs sempre é algo extremamente perigoso e tudo pode acontecer (de errado, óbvio kkk).

  35. Prezado Edvan, esses arquivos funcionariam na versão 4.4.2? Tirando essa dúvida, a idéia foi genial, jamais tinha pensado em usar colorbox, alterar template do whmcs sempre é algo extremamente perigoso e tudo pode acontecer (de errado, óbvio kkk).

  40. Gostaria de saber como personalizar com CSS meus emails no WHMCS, no dreamweaver os códigos funcionam perfeitamente, mas no whmcs na hora que clico pra salvar exclui a parte do código css.

  41. Gostaria de saber como personalizar com CSS meus emails no WHMCS, no dreamweaver os códigos funcionam perfeitamente, mas no whmcs na hora que clico pra salvar exclui a parte do código css.

DEIXE UMA RESPOSTA

Please enter your comment!
Please enter your name here