Como enviar email marketing HTML através do Gmail

[@GuilhermeDonaireGuerra]

pedro boa tarde ......vc poderia me orientar para onde devo mandar as imagens como vc menciona no texto .....estou fazendo um email marketing para um hospital .....nada profissional mas não consigo fazer abrir

[@PedroDiasBR]

Oi, Guilherme. Primeiro é necessário possuir um servidor (hospedagem). Por exemplo, a HostGator tem planos de hospedagem a partir de R$ 20,00 (se não me engano). Porém, existe a possibilidade de enviar as imagens para servidores que fornecem este tipo de serviço de maneira gratuita (geralmente sua imagem fica lá por algum tempo antes deles a excluírem). Dei uma "googada" aqui e fui no primeiro resultado: ap.imagensbrasil.org Espero que ajude! Abs

[@PedroDiasBR]

Testei este site que te passei.... 1) Envie a imagem 2) Vá em "Códigos para incorporar" 3) Copie o caminho da opção "URL da imagem" 4) O caminho copiado deverá ser alterado no seu arquivo HTML :)

[@diegomendelz]

Pedro você salvou minha vida e meu trampo hoje na moral!!!! Muito obrigado!

[@PedroDiasBR]

Que bom que te ajudou, Diego! Abração

[@RENATO2025META]

Coloquem na velocidade 1.25 que é sucesso!

[@PedroDiasBR]

hehehe valeu amigo :)

[@MaestroJunior]

fazia muito e-mail em html no hotmail antigamente ha 8 anos atras um e-mail assim vende mais sem duvidas

[@thassiopaganucci]

Muito bom! Deu certo aqui, obrigado! (5 anos dps!)

[@fabioandrade55]

Então dá um força aí, faço todo o passoa a passo, o hmtl aprece no corpo do e-mail, porém quando envio quem recebe não aparece nada. Na minha caixa de saída, quando verifico, realmente não aparece nada no corpo do e-mail.

[@PedroDiasBR]

Que bom que te ajudou, Thassio!

[@emmanuel5082]

Cara valeu de verdade, ajudou muito no meu trampo!

[@PedroDiasBR]

Bacana, Emmanuel! Bom saber que te ajudou :)

[@emanuelbrunoo1064]

Cara obrigado pelo vídeo e seu ensinamento, mas deixa eu te perguntar e se eu quisesse colocar uns botões clicaveis ? iguais aquelas grandes empresas fazem no email, como no caso ai do seu video eu poderia colocar o botão com as tags e um link dentro ?

[@irisferreira5747]

Emanuel, você consegue sim! Crie o botão no layout do photoshop normalmente. Finalizado, faça as fatias (dividir a imagem horizontalmente em frações) e depos com a ferramenta "seleção de fatia" dê dois cliques na fatia que contem o botão. Abrirá uma caixa de diálogo com o espaço "URL" para você colocar o link

[@emanuelbrunoo1064]

@@irisferreira5747 opá legal vou testar isso. Thanks

[@PedroDiasBR]

@@irisferreira5747 isso mesmo! :)

[@pri_ramje]

Cara, salvou meu negócio! Obrigada!

[@PedroDiasBR]

Bom saber que mesmo após tantos anos, este recurso ainda funciona! Abração

[@wandersonclpd]

Muito obrigado

[@RafaelBannwart]

Cara, foi maroto essa dica heim companheiro,,,, parabéns!!!!!! Muito Obrigado!!!!!

[@PedroDiasBR]

Que bom que ajudou! :D

[@fabioandrade55]

Sigo o passo a passo, editor o html, pore. Ao enviar a pessoa que recebe não aparece nada, só a assinatura de email. E até na caixa de enviados o e-mail não mostra o html no corpo, poderia ajudar?

[@PedroDiasBR]

Veja se há algum bloqueador tipo AD BLOCK e/ou o servidor não está puxando as imagens. Tente outro servidor para upload das imagens e veja se não há bloqueio.

[@leoczuika]

O meu não aparece a imagem, fica com o icóne de imagem quebrada, pode me auxiliar?

[@PedroDiasBR]

Desculpe a demora... Mas tem que ver se o caminho da imagem está correto e/ou o servidor está ativo.

[@davidaraujo4497]

4:26 o cachorro roncando kkk

[@PedroDiasBR]

hahahaha bem provável que fosse meu filho que na época tinha +- 1 ano e sofria com adenoide, porque nós não temos cachorro

[@davidaraujo4497]

@@PedroDiasBRnossa...espero que ele esteja bem hj em dia

[@vitorvasconcellos2525]

Ola amigo. ali na ola fulando no photoshop e uma imagem . como vc transformou em texto?

[@PedroDiasBR]

Você deve montar o email como HTML/código. Excluir o texto no Photoshop e colocar as imagens como background. Não mostro este procedimento no vídeo.

[@Logomarcadesigner.]

Maluco voce e e 10 amigo valew. Parabens pela tua ajuda DEUS TE ABENÇOE

[@PedroDiasBR]

Amém, amigo! Obrigado

Não consigo deixar o texto que coloquei no photoshop editável... Poxa, ele sempre sai como imagem.

[@PedroDiasBR]

Amigo, essa parte não mostro no vídeo. Isso você deve fazer manualmente, no código HTML.

[@mario_asa27]

@@PedroDiasBR Amigo, você conseguiria nos ensinar? Pois estou com o mesmo problema há muito tempo :/

[@PedroDiasBR]

@@mario_asa27 você tem que aprender o básico do HTML/CSS, não tem segredo, você vai ver. Abs

[@solutegsolucoesemeletricae440]

Top top top

[@PedroDiasBR]

Bom que ajudou, Soluteg!

[@hugommaes]

boa noite, tudo bem? Nào entendi muito bem aquela parte de passar as imagens para um link online; como faz? Rola Gmail? Valeus

[@PedroDiasBR]

Veja os comentários anteriores pois eu respondi isso para outro usuário usando um link gratuito. Abraços!

[@hugommaes]

@@PedroDiasBR show! Muito obrigado, e ótimo trabalho. Parabéns

[@LeoSolla]

malandro, você MITOU mano!!!!!

[@PedroDiasBR]

Valeu Leonardo!

[@hellenthayara1522]

Perfeito! Muito obrigada, Pedro! Tem como centralizar essa imagem no corpo do e-mail?

[@PedroDiasBR]

Bom que deu certo, Hellen! Hummm, talvez criando uma tabela e centralizando este email no centro dela. É uma possibilidade; tem que testar.

[@amandadias2078]

Me ajudou MUITOOOOOOOOOO!!! Muito obrigada

[@silmarasilva5458]

Muito obrigada! Ajudou muito!!

[@jefersoncarmo2358]

FODA

[@PedroDiasBR]

Obrigado, Jeferson!

[@PriscilaAnjos]

super simples e útil! resolveu meu problema. muito obrigada

[@DavidArm]

Wow, I love this video, I recently started my own KZbin channel on email marketing, and find your video very inspiring, great job, keep it up.

[@PedroDiasBR]

Thanks a lot :)

[@rbraghetto]

cara isso salvou a minha vida hoahoa mto obrigado

[@PedroDiasBR]

Bacana, amigo! :)

[@csafotolitos8507]

Boa Tarde! pra aqui comigo não deu certo, só aparece os links vai teria uma ideia de porque isso esta acontecendo? Dês de já muito obrigado!

[@olie_inked]

Pedro, ótimo vídeo! Tenho uma dúvida: como deixar o texto editavel do photoshop igual vc fez quando exportou o e-mail? Aqui o texto fica como imagem.

[@PedroDiasBR]

Neste caso você deverá alterar direto no código HTML... Deverá saber HTML/CSS para que consiga fazer isso. Exporta com a imagem, exclui a imagem e no lugar insere o texto.

[@SuiteComercial]

Outra forma simples é vc exportar apenas o fundo da Imagem e no HTML vc colocar o texto acima desta imagem em backgroud (existem vários exemplos na web em css).

[@glaucoz4495]

Perfeito e muito bem explicado. Abraço amigo.

[@PedroDiasBR]

Obrigado pelo feedback, Glauco!

[@MichelAlvesRJ]

Ótima dica, muito obrigado!

[@jhonyterra9057]

Oi! Como você fez pra deixar os textos editáveis? No meu, salvou como arquivos de imagens, não consegui deixar como editável como você fez.

[@leozaodopao]

Tem que criar todo o codigo html5 e css3 com base na imagem que fez e pegar o codigo

[@LiviaSilvaSilvaYoutuber]

Quando eu faço um site no Visual Studio Code usando HTML e CSS ( coloco as cores , estilos no site e configurações ) quando eu vou acessar no celular o meu site fica com o fundo branco e com os textos em preto . Por exemplo quando eu vou criar uma página com o fundo verde e o texto em preto , quando eu coloco para executar no próprio Visual Studio Code ele fica tudo certinho .. mas quando eu vou ver pelo celular ( eu envio o documento html por email para mim ) o site não fica com o fundo verde e com texto preto , ele fica com o fundo verde e com texto preto ... poderia me ajudar ?

[@PedroDiasBR]

Ele está exportando o CSS externo? Veja se está; se estiver você deverá ter todos os arquivos (HTML + CSS) para que consiga visualizar corretamente!

[@LiviaSilvaSilvaYoutuber]

@@PedroDiasBR como que exporta o CSS externo ? Obrigado

[@rafamur2011]

Olá, fiz tudo certinho e a imagem foi para o corpo do email, só que quando envio ainda fica só o "oi" mesmo eu substituindo pelo html... o que pode ser? Obrigado Pedro

[@PedroDiasBR]

Oi, você esperou a imagem carregar antes de enviar o e-mail? Não sei o que pode ter acontecido. :(

[@viniciustutoriais5701]

O meu tambem rolou isso :/

[@ronniealexsander4595]

No meu também tava acontecendo isso no Firefox. Quando fiz no Chrome deu certinho.

[@MichelAlvesRJ]

Aconteceu comigo mais detectei o problema, era erro meu, eu estava substituindo toda a DIV ao invés de selecionar e substituir somente a palavra "oi" conforme Pedro Dias ensina. Pra mim foi isso.

[@liviafortes8182]

Vídeo SUPER ÚTIL! Obrigada!!! ♥

[@multicapciosa]

Como seria pra transferir do Canva?

[@gabrielsozinho]

Tem que fazer upload para alguma plataforma e adicionar o link da imagem ao código html.

[@NataliaDesign]

Tentei fazer, mas não carrega as imagens no corpo do e-mail

[@julianapassos9069]

o meu tamém :(

[@PedroDiasBR]

Você fez upload das imagens em um servidor externo?

[@fabiosoares2618]

vc é um genio! valeu!

[@DesignSantos17]

Otimo tutorial, obrigado!

[@PedroDiasBR]

Bacana, amigo! :)

[@rafaraffus]

Cara uma ajuda por favor. Eu fiz tudo como vc fez no video, mais quando coloco o código não aparece a minha imagem no corpo do email. Não fiz a hospedagem dos links e tals e não sei como faz isso ou qual site usar pra isso. Pode por gentileza me ajudar em relação a isso. Grato

[@PedroDiasBR]

Amigo, as imagens devem ficar em um servidor (hospedagem). Respondi abaixo para um usuário com a mesma dúvida que a sua. Veja o comentário do Guilherme Donaire.

[@rafaraffus]

Pedro Dias eu consegui hospedar as imagens num servidor copiei os links de cada imagem daquelas que ficam na pasta. Qnd aparece no gmail as imagens ficam totalmente sem sincronia uma com as outras

[@PedroDiasBR]

Você copiou corretamente os links do servidor para o arquivo do email mkt? Estão na ordem correta?

[@augustorodrigues3529]

Bom dia, eu preciso criar uma hospedagem para substituir as imagens?

[@PedroDiasBR]

Amigo, veja os comentários antigos pois respondi/ensinei a fazer isso. Dá para fazer com hospedagem gratuita (mas as imagens depois serão apagadas) ou com hospedagem paga. Abs!

[@nathaliamonteiro5478]

você podia ensinar como hospedar o código de html do email marketing no servidor ftp?

[@PedroDiasBR]

Ei, Nathalia. O código HTML você tem que inserir diretamente no Gmail igual eu mostro no vídeo. Porém, caso queira/precise, basta enviar igual fez com as imagens. Você precisa de um servidor (hospedagem); eu recomendo a Hostgator. Pode me perguntar que te ajudo.

[@thainasinicio9183]

Como faço para ter esse servidor?

[@PedroDiasBR]

Oi, Thaina. Você deve contratar (pagamentos mensais, trimestrais, semestrais ou anuais). Recomendo a empresa HostGator para isso. Porém há formas de enviar as imagens para um servidor gratuito (porém as imagens serão excluídas após um certo período ao qual não sei dizer). Veja a resposta que dei ao Guilherme Donaire nos comentários abaixo. Abs.

[@thainasinicio9183]

Pedro Dias obrigadaaaa, vc salvou mto minha EJ ❤❤

[@prodigiumm3d306]

Muito Obrigado Pedro

[@PedroDiasBR]

Disponha amigo! :)

[@andersongmaciel3141]

Muito bom mesmo!!! Vlw!!!

[@pescadepraiasp]

Parabéns amigo, salvou minha vida ! hahahaha abraços ! Ganhou mais 1 inscrito

[@PedroDiasBR]

Muito bom saber disso, amigo! Abs

[@marcosmisson8630]

Tem uma mensagem dizendo que "Algumas imagens foram bloqueadas para evitar que o remetente identifique seu computador" Como resolver isso?

[@PedroDiasBR]

Não me lembro de ter passado por isso, Marcos.

[@oscarfukumoto]

Show! Muito obrigado pela dica! Valeu! ;)

[@PedroDiasBR]

Obrigado, amigo! Abs

[@portugalbemlegal7127]

Pra mim não funcionou, ele aparece o código HTML sem interpretar...

[@PedroDiasBR]

Não sei se houve alguma mudança no código do Gmail de 2017 (quando gravei) para o ano atual, amigo!

[@barbaraandrade2503]

Pedro, você consegue transformar um PDF em HTML? Se sim, preciso urgente!

[@PedroDiasBR]

Olá, Barbara! Tudo bem? Consigo sim. Faça contato através do @designer.pedrodias no IG

[@Boogadoogames]

Cara, muito obrigado! Estava procurando muito por isso. Me inscrevi em seu canal! Abraços

[@PedroDiasBR]

Espero ter ajudado, amigo!

[@alinehoffmann4543]

Deu certo!!! Obrigada

[@wesleyrobertopaula]

Mto bom meu caro! Preciso fazer algo parecido, mas gerando um html via word, para rodar mala direta. Pode me ajudar?

[@PedroDiasBR]

Não sei amigo!

[@janainakelly2917]

Olá! No meu e-mail há vídeo do youtube e quando envio o e-mail o vídeo não vai. Como devo fazer?

[@PedroDiasBR]

Você colocou o embed no HTML?

[@adamoalighieri4142]

Não resolve, pois perde o css todo...

[@PedroDiasBR]

CSS inline não se perde, exceto se estiver usando alguma propriedade muito específica, mas dificilmente perderá.

[@mortysongames]

Gostei! Bem fácil

[@PauloDelmondesSobrinho]

Como colocar as imagens num domínio ?

[@PedroDiasBR]

Amigo, veja os comentários do vídeo que já respondi isso antes. Abs.

[@MarkAngels]

Só funciona com o photoshop ?

[@PedroDiasBR]

Amigo, o Photoshop é apenas para "fatiar" o layout e exportar o HTML. Há N formas de se fazer isso (até manualmente). Abs.

[@MarkAngels]

@@PedroDiasBR perguntei pq estou atrás de uma forma mais simples que sirva da mesma forma, pq n sei mecher no Ps. Aqui no youtube não acho de jeito nenhum. Se tiver alguma recomendação, me envia!

[@PedroDiasBR]

@@MarkAngels realmente não conheço, amigo! Uso o PS no meu dia a dia. Veja algum tutorial de fatiar/save for web, pois é muito fácil, não tem segredo.

[@MarkAngels]

@@PedroDiasBR Muito fácil pra quem tem prática diária. Vou contratar alguém pra fazer isso pra mim.

[@ricksonbnd]

TO A 4h PROCURANDO ISSO! Os sites/videos so explicam até parte da criação do html e não na incorporação do email

[@claudemirpereira335]

eu tbm, estava feito louco procurando caminho das pedras kkkk

[@suzanacarvalho22]

Oi, Pedro, como vc fez para o texto ficar editável?

[@PedroDiasBR]

Olá, Suzana! Você deve colocar como HTML, para isso veja o vídeo a partir daqui kzbin.info/www/bejne/iXuunqennLObeKMm42s

[@suzanacarvalho22]

ah, você exportou no photoshop somente a área e inseriu no código o texto naqueles lugares, né? Bacana. Valeu

[@PedroDiasBR]

Isso mesmo ;)

[@wolvesmedia9786]

Cara, sempre que eu envio e-mails dessa forma, aparece aquele espaçamento entre as imagens. Com o comando Border ="0" eu consegui deixar essa margem bem menor, mas mesmo assim ainda fica com o espaço em branco entre as imagens. Qual é a forma que você faz, já tentei de muitas formas e não consigo.

[@PedroDiasBR]

Wolv Design Coloca um style inline nas imagens: display: block;

[@wolvesmedia9786]

Posso colocar isso em HTML? Pq achei que funcionasse só no formato CSS.

[@PedroDiasBR]

Vai ficar assim, por exemplo: Sim, você pode usar assim em HTML. Veja meu site www.html5ecss3paradesigners.com.br ensino HTML5 e CSS3 lá! Abs

[@wolvesmedia9786]

Legal, vou olhar, depois coloco aqui se deu certo... abraço.

[@GuilhermeDonaireGuerra]

o que seria servidor de FEP?

[@PedroDiasBR]

Amigo, servidor é o "computador" onde os arquivos de um site/sistema ficam hospedados. Por exemplo, o KZbin fica hospedado em um servidor. Quando um designer/desenvolvedor produz um site ele fica no computador dele, então, quando ele finaliza o projeto é necessário enviar todos os arquivos para um servidor (hospedagem) para que todas as pessoas consigam acessar :)

[@Yaphhhs]

como fazer esse texto editavel vindo do photoshop??

[@PedroDiasBR]

Yaphhhs Nunca tentei. Acredito que não seja possível. Vou testar e comento.

[@RonanAnjos]

Life Saver. Thank you

[@PedroDiasBR]

:)

[@savionakazato6272]

Corre risco de ir pra caixa de spam?

[@PedroDiasBR]

Acredito que isso tenha mais a ver com o conteúdo em si do que com a técnica. Quando fiz isso mandei para Gmail e Yahoo e chegou normalmente.

Genial

[@PedroDiasBR]

Obrigado, amigo! Abs

[@willianramos4153]

genio

[@littleghoost]

Isso é gambiarra, o gmail não aceita mais isso.

[@PedroDiasBR]

Obrigado pelo comentário. Pode não funcionar mais, mas ajudou muita gente até então. Lembrando: é (ou era) falha deles.

[@FelipePereira1]

Muito obrigado

[@PedroDiasBR]

Bom que te ajudou, Felipe!

[@xiaosavgn557]

Como você fez pra deixar os textos editáveis? No meu, salvou como arquivos de imagens, não consegui deixar como editável como você fez.

[@PedroDiasBR]

Tem que fazer em HTML/código, amigo! No vídeo não mostro este processo.