Colocar fotos e vídeos responsivos na descrição de produtos e página Nuvemshop

👇 Consiga aqui o código CSS mostrado no vídeo
jacksonjorge.com/bonus-css-vi...
🚀 Me contrate para montar a sua Loja na Nuvemshop
loja.planweb.com.br/?...
Neste vídeo ensino passo a passo como colocar vídeo e foto na loja virtual Nuvemshop, na descrição do produto ou em uma página.
Também mostro como configurar para que a foto e o vídeo fiquem responsivos, ou seja, que se ajustem corretamente quando é visualizado no celular (mobile ), tablet ou computador.
🎁 Clube Nuvemshopeiros - Códigos, Banners, Aplicativos, Cupons, Tutoriais e muito mais para o seu e-commerce na Nuvemshop
go.hotmart.com/B50483120L?src...
➡️ Playlist dos vídeos sobre Nuvemshop e e-commerce
• Como fazer uma loja vi...
-----------------------------------------------------------------------------
QUER CRIAR UMA LOJA VIRTUAL AGORA?
Se você gosta de vender e quer ter um e-commerce para vender seus produtos na internet, criar uma loja virtual com a Nuvemshop é a melhor opção e muito rápido.
É só acessar o link abaixo e criar sua loja ainda hoje
www.nuvemshop.com.br/partners...
Para que o KZbin entenda que esse conteúdo é autentico, que te ajuda, e que você quer continuar assistindo meus vídeos:
☑️Inscreva-se no Canal
👍Deixe seu like
✏️Deixe seu comentário
❤Compartilhe esse vídeo: • Colocar fotos e vídeos...
ME ENCONTRE AQUI TAMBÉM:
👍 Facebook: jacksonjorgepro
💻 Blog: jacksonjorge.com
📲 Instagram: / jacksonjsj
🔴 Pinterest: / jacksonjorge
👉 Whatsapp: jacksonjorge.com/whatsapp
🔎 Assuntos relacionados com esse vídeo:

[@luisjorgevill3243]

muito bom muito obrigado mesmo!!!!

[@JacksonJorge]

Show, fico feliz que tenha gostado e desejo sucesso

[@yumeiandrade2096]

Muito obrigada

[@JacksonJorge]

Eu que agradeço.

[@lismoaz4800]

Showww

[@brendonmatheus6129]

Gente, é um conteúdo que vai ajudar muito a vocês que estão começando o seu e-commerce. Novamente, muito obrigado, Jackson!

[@ubiracijose1458]

Bom dia Jackson Deus abençoe nosso dia Bom trabalho fica com Deus

[@JacksonJorge]

Amém...

[@andrezecaguerreiro4366]

monstro

[@JacksonJorge]

Tmj!

[@vimariaaa]

Por favor, não para de ajudar a gente. Eu tenho aprendido muiiiiiiitooooooo com vc, parabéns e obrigada!!!!👏👏👏👏👏👏

[@JacksonJorge]

Vou continuar sim, deixa comigo... 😉... Abraço e muito obrigado pelo feedback

[@encontrapromocaobrasil]

Jackson Muito muito obrigado pelo o seu conteúdo, você não tem noção do quão está me ajudando você é o melhor produtor de conteúdo de NuvemShop, gratidão 🙌🙏

[@JacksonJorge]

Fico muito feliz em saber que estou ajudando com os conteúdos e desejo muito sucesso no seu negócio... Obrigado pelo feedback!

[@osmarribeirodasilva1596]

Mestre da Nuvemshop 👏👏👏👏👏👏👏👏.

[@JacksonJorge]

Opa amigão, vlw e tmj

[@jeresaxhot]

Melhor canal! Nao tenho saco pra nenhum canal mais o seu é 100% muito objetivo e informativo! Parabéns

[@JacksonJorge]

Que honra! Fico feliz que esteja gostando do conteúdo e agradeço o feedback... Abraço e tmj

[@mirisdesconto]

Você tem o dom de ensinar direitinho 🙏🤗 várias coisas na minha loja vc mim ajudou muito Obrigado.

[@JacksonJorge]

Fico feliz em ajudar Jéssica. Sucesso pra vc.

[@alinealves2541]

Sempre que eu tenho alguma dúvida, eu encontro a resposta em algum vídeo seu. Muito obrigada mesmo!!!

[@pimpo130]

Cara, que dica de ouro, muito obrigado pelo conteúdo. O seu canal é o melhor do universo meu amigo.

[@JacksonJorge]

Opa... Eu que agradeço... tmj

[@Lkstorebr]

Comentando para gerar engajamento e deixando o like tbm, muito obrigada pela ajuda, arrasou!

[@JacksonJorge]

Obrigado pelo like. Sucesso pra vc.

[@lovecomfortshoes]

Salvou a minha vida! Estou em Portugal e usei suas dicas pra colocar os vídeos na descrição da minha plataforma dos CTTs e deu super certo! Parabéns e sucesso!

[@VictorHugo-wm2dv]

Salvou eu de novo 🤣🤣

[@JacksonJorge]

que bom ter ajudado.

[@VictorHugo-wm2dv]

@@JacksonJorge na boa você salvou eu umas 4 vezes hoje com esses seus vídeos gratuitos … basicamente aprendi tudo aqui … claro sem ninguém ajudar da mais trabalho por isso eu aconselho fazerem o curso rsrs🙏🏻👏🏻🤣

[@jazizbelemdonascimento804]

Jorge mais uma vez parabéns!!! Semana passada lhe pedi explicação sobre esse assunto e você respondeu em tempo hábil e com muita praticidade. Essa aula foi show Jorge. Você é um dos poucos que explica de forma completa os assuntos na Nuvemshop. Gosto das suas aulas e hoje ganhei meu dia. Mais uma vez parabéns!!!

[@JacksonJorge]

Olá Jáziz, fico feliz que tenha gostado e agradeço muito seu feedback!

[@PORTADORBN]

como sempre muito bom o seu conteúdo meu amigo. Deus te abençoe grandemente!

[@JacksonJorge]

Muito obrigado 🙌

[@florindanicolli4926]

0:20

[@alicerodrigues6151]

Como inseri imagem pelo celular por favor ajuda

[@user-zz8ut5bb8e]

Tenho um vídeo que fiz alterações e está em minha área de trabalho. Não consigo pegar o código para colocar na nuvemshop. Como fazer neste caso? Obrigada pelas dicas no vídeo!!

[@gustavomichalski2708]

Jackson Olá, tudo bem? Sabe se a Nuvemshop tirou essa opção? Não consigo inserir imagem na descrição do produto, não tem a opção..

[@lilianmarinelli7473]

Top

[@JacksonJorge]

Vlw

[@nandobarbosa4558]

Fiz e refiz algumas vezes e ainda fica maior , complicado ...

[@pimpo130]

Primeiro a chegar, e já cheguei metendo o dedo no like.

[@JacksonJorge]

Vlw pelo like... Abraço

[@alicerodrigues6151]

Alguém faz pelo celualr pq eu tô tentando colocar imagens na página de medidas e não estou conseguindo

[@dienisonsilva19]

Amigo eu faço como vc fala fica tudo certo aí depois de um tempo a descrição some por completa , será que é algum bug ? Vc já viu algo parecido ?

[@osmarribeirodasilva1596]

Poderia também. Mostrar pra gente quais Apps devemos ter em nossa loja pra poder otimizar e melhorar o nosso trabalho. Mesmo os App gratuitos e os Pagos. #aDica

[@JacksonJorge]

Já andei apresentando alguns em vídeos anteriores, mas tem vários ainda que vou mostrar aqui, inclusive alguns já estão gravados

[@brendonmatheus6129]

Jorge, por favor. Tira uma duvida minha? Estou com bastente dificuldade de deixar a sessão de produtos responsiva... Tenho interesse de poder ver com vc alguma forma de adquirir um codigo que deixe a área do produto responsiva para mobile... fico no aguardo!!!! PARABÉNS PELOS SEUS VIDEOS!!!

[@JacksonJorge]

Olá Brendon, se você está utilizando o tema Amazonas e quer transformar aquele carrossel em um exibição de produtos normal, que é o que recomendo, pode utilizar esse script aqui loja.planweb.com.br/produtos/script-grid-de-produtos-tema-amazonas-nuvemshop/ ... Lembrando que se entrar para o clube Nuvemshopeiros já terá esse código e vários outros scripts, além dos templates de banners, posts para mídias sociais, mentorias, etc... planweb.com.br/nuvemshopeiros/ Forte abraço e sucesso com sua loja.

[@brendonmatheus6129]

@@JacksonJorge Muito obrigado pela mentoria, Jackson. ME AJUDOU MUITO!!!!!!

[@JacksonJorge]

@@brendonmatheus6129 Show Brendon, eu que agradeço por participar do Nuvemshopeiros e espero que continue te ajudando a melhorar sua loja!

[@rosleonoficial]

=/ meu não deu certo não

[@cmgmaia2]

Muito boa a dica. Obrigado. Você tem algum tutorial ensinando como colocar o vídeo para reproduzir automático na Nuvemshop? Queria deixar de um jeito que o cliente não tivesse que apertar o play para reproduzir.

[@JacksonJorge]

Olá, tudo bom? Deixo aqui o link para vc tirar entrar em contato com minha equipe pois dispomos de um código css mas é necessário avaliar te atende. planweb.com.br/whats

[@eocheffiii6798]

como consigo posta um lookbook na nuvemshopp alguém pode me ajuda?

[@michelebrenner8944]

Oi, eu tenho uma imagem criada n computador para incluir na descrição mas não tenho url dela e então não aceita a imagem, como devo fazer

[@JacksonJorge]

Michele, mas eu mostrei no vídeo, está em 2:53 onde você clica na aba enviar, abre em procurar no computador e seleciona o seu arquivo.

[@LucasDelcaro]

Estou totalmente arrependido dos dois dias que trabalhei fazendo meu site na NuvemShop. Simplesmente não consigo colocar as fotos dos meus produtos. Quando tento colocar uma foto aparece a mensagem "se ao anexar várias imagens apresentar algum erro, clique aqui" eu escolho essa opção, faço a escolha novamente da foto e quando vou salvar o site simplesmente dá erro falando que a página está indisponível. Não é possível.

[@JacksonJorge]

Nossa Lucas, que pena... Mas muito estranho, não é comum acontecer isso... Dá uma verificada se talvez as fotos não estejam muito pesadas ou em algum formato não compatível... E evite utilizar o aplicativo da Nuvemshop para celular, as vezes ele dá uns bug mesmo, mas pode fazer pelo celular utilizando o navegador. E por fim, se quiser que minha equipe monte a loja para você e dê um suporte diferenciado para deixar você mais familiarizado com a plataforma e tudo redondo, basta chamar no whats planweb.com.br/whats

[@LucasDelcaro]

@@JacksonJorge tenho que refazer a foto pois parece ser alguma coisa como arquivo corrompido, porém são as mesmas fotos que utilizei na Wix, o mesmo arquivo. A forma de cadastrar produtos é muito mal feita na Nuvemshop. Estou saindo da Wix por não ter checkout transparente e Melhor Envios. Nuvemshop super limitado, design feio, está difícil…

[@marlongusmaogt]

No meu caso a imagem na descrição está ficando menor que a tela no mobile independente do tamanho da imagem, já no desktop fica bom. Uso o tema lifestyle

[@cristianrodrigues181]

Jackson, quero adicionar um vídeo do youtube na página de "quem somos". Mas atualmente, isso não é possível correto? Não um vídeo responsivo...

[@cristianrodrigues181]

Desde já, obrigado pelo conteúdo !!!!!

[@cristianrodrigues181]

Depois de feito essas configurações do outro canal... Mudei (o width no código-fonte) e (o max-width na edição avançada de css) para 1080.... Mudei também (o height no código-fonte) para 607... Desse jeito, ficou melhor preenchido no computador, e ainda responsivo no celular !!!

[@cristianrodrigues181]

Lembrando ao Jackson, sou muito agradecido ao seu conteúdo !!! Tem me ajudado muito !!! Só estou compartilhando essa informação de outro canal, pois pode ajudar outras pessoas que chegarem aqui. Sei que quando possível, você ira atualizar esse vídeo.

[@dropshow2022]

A nuvemshop parece ter tirado essa opção. Não tem na minha

[@gustavomichalski2708]

Na minha também não, preciso usar essa função

[@leefa20010]

No meu também não aparece, só consigo editar textos, nada de imagem, nem arrastando imagem ele aceita, conseguiu descobrir?

[@davylantra]

Conseguiu colocar imagem?

[@davylantra]

​@@gustavomichalski2708conseguiu?

[@mariavidal7220]

O que e loja parceria

[@JacksonJorge]

olá ... deixo aqui o link para tirar as dúvidas com minha equipe e quem sabe se tornar parceiro também. planweb.com.br/whats

[@marciogramosa8403]

Excelente vídeo !!!!! Mas uma dúvida, tem algum video mostrando como posso alterar a cor do botão no checkout?

[@JacksonJorge]

No momento não... teria que desenvolver um Código CSS personalizado. Vou deixar o link aqui para vc tirar mais duvidas com minha equipe e assim eles te explicam melhor bem como custo para isso. planweb.com.br/whats Grato.

[@jorgeleite9369]

Jorge, meu tocaio. Quero saber como copiar vídeo do do produto aliexpress para minha loja nuvem;

[@analicebruna8596]

Consigo colocar imagem com link na descrição?

[@JacksonJorge]

Sim, depois de inserir a imagem, selecione ela como se fosse selecionar um texto (arrastando o mouse com o botão apertado) e depois da imagem selecionada clique no botão de adicionar hiperlink (Tem um ícone de corrente).

[@reginaangela7538]

Amigo, pq eu não consigo realizar minhas vendas na Europa através de minha loja virtual no Brasil feita com a nuvemship?

[@alessandragameiro7945]

Comigo funcionou o ajuste do video para a versão no celular, mas no computador o video ficou mais largo e cortado na parte inferior. O que será que posso fazer para resolver?

[@maxwellcristian6848]

Maravilha Jackson. Obrigado pelo conteúdo.. mas vc não explicou como colocar vídeos q já estão no computador.. se puder ajudar fico imensamente agradecido..

[@JacksonJorge]

Olá... Desculpe a demora para responder... No caso de vídeo, precisa colocar ele no KZbin e daí incorporar no site conforme explicado.

[@marcossantanadelima5787]

Olá Jackson, Muito obrigado pelo vídeo excelente, ajudou muito; Porém estou com uma dúvida a respeito de vídeo, só dá para por vídeo se tiver postado no KZbin? Vídeo de um arquivo no computador daria?

[@JacksonJorge]

olá, somente do youtube mesmo.

[@luamundi5822]

Oi Jack eu trabalho com foto como eu faço para colocar opção das pessoas fazerem upload das fotos pelo meu próprio site?

[@mariaeduardaviana8740]

Esses códigos funcionam pra outros temas também ou só pro Amazona? (eu uso o tema Idea na minha loja)

[@JacksonJorge]

Os desse vídeo funciona em qualquer tema, inclusive o seu 😉👍

[@adilielson]

@@JacksonJorge Jackson, fiz todo o procedimento, coloco o video. mas quando eu salvo alguns códigos somem, e parece que náo salva o que fiz. Quando incorporo o html, ele vai todo o código, depois porem de salvo, ele apaga alguns códigos e o video náo aparece. Será que a nuvem shop esta bloqueando ?

[@moisesbrito2958]

Não está funcionando na descrição de produtos

[@JacksonJorge]

Verifica se fez certo, funciona sim, eu tenho na minha loja 😉

[@thiagomartins3879]

@@JacksonJorge tbm não estou conseguindo não sou parceiro, tive que copiar na tela aí não sei se escrevi algo errado no código ?

[@vitoriaabreu6213]

Olá! Adorei o vídeo Quando vou criar uma página no meu site não aparece essa caixa de texto para formatação, você sabe me dizer o motivo ou como posso consertar? Queria colocar os textos em negrito para destacar, mudar a cor porém não aparece essas opções igual aparece no seu vídeo 😢

[@adilielson]

Vitoria, voce precisa ir para a aba HTML para aparecer os códigos.

[@nessashowvoceusaeseencanta3424]

Quanto que cobra pra ajustar o meu sit e fazer auteracao

[@JacksonJorge]

Ola boa tarde. Poderia por favor chamar no wats acessando a loja.planweb.com.br que minha equipe ira te atender e tirar todas as suas duvidas. Obrigado!!

[@reginaangela7538]

O problema é que esses vídeos do KZbin vêm cheio de outros vídeos. Isso pode tirar a atenção do cliente da loja. Não teria outra possibilidade? Eu poderia fazer o upload de meus próprios vídeos locais. Ou não?

Como eu coloco uma imagem que não está na internet??? tem como ???

[@madeiraproducoes1659]

Jorge obrigado pela dica mas aconteceu comigo um probleminha que talvez seja de alguns, eu hospedei no google fotos as imagens pra eu colocar na descrição dos meu produtos no computador elas aparecem porém no celular não aparece nenhuma imagem porque ?

[@JacksonJorge]

Mas por que está hospedando elas no Google Fotos? Faça o upload delas direto para a Nuvemshop, assim o carregamento fica mais rápido já que estará tudo no mesmo host. Lembra de otimizar sua imagem antes de incluir ela na descrição para não ficar muito pesada, tente utilizar a largura máxima de 1280px e comprimir elas com o site iloveimg.

[@tatta015]

Jorge quando seleciono a imagem direto do meu computador pede para adicionar um link, devo adicionar essa imagem no Google fotos para usar o link dela? Acredito que foi isso que este rapaz acima fez por não ter conseguido colocar direto do computador sem um link.

[@JacksonJorge]

@@tatta015 Não, clica na aba enviar para o servidor, daí seleciona a imagem no seu computador e envia para o servidor que será gerado o link dela automaticamente. Veja bem certinho e com calma o vídeo que eu mostro como faz.

[@ricksiqueira9915]

A formatação do vídeo Não funciona essa porcaria… péssimo Gastei um tempão escrevendo e copiando e nada

[@JacksonJorge]

Está funcionando no meu e em vários que fizeram, provavelmente fez alguma coisa errado na hora de digitar. Se tivesse um pouco mais de educação no comentário teria satisfação em ajudar, mas já que xingar e falar mal, espero que encontre uma alternativa melhor. Abraço e sucesso!