Sistema de depoimentos

Oi, Luizfaias! Td bem?
Como colocou as fotos do instagram no rodapé do site?

Muito obrigada!!!

Oi Luana!

Eu me baseei nesse vídeo do canal Loja Integrada Codificando no Youtube: https://www.youtube.com/watch?v=OOpif1BL95E

Só que no lugar do Instansive/LightWidget eu usei o Snapwidget pois aceita SSL gratuitamente: https://snapwidget.com

Obrigado

1 curtida

Luiz, ficou perfeito, obrigada!!

1 curtida

@luizfaias segui o passo a passo que você colocou, mas no meu site aparece depoimentos que não sao reais:

É assim mesmo??? aparece tres depoimento, do Cristiano Ronaldo, Neymar e Annita… o q fiz de errado?

Pode me ajudar??

Oi Nayara. Na verdade, você fez tudo certo.

Esse código que eu compartilhei é só um exemplo de como ficariam os depoimentos na sua loja. Não é uma solução pronta onde os clientes enviam os comentários e eles são automaticamente publicados. Você deve alterar o conteúdo manualmente para os depoimentos reais dos seus clientes, ok?

Obrigado

1 curtida

Entendi @luizfaias. Mas o problema é que não entendo nada de programação. Poderia me ajudar a fazer isso??

Olá, eu não consegui centralizar na minha loja, pode me ajudar?

Oi Nayara, criei uma versão atualizado do código. Ainda é necessário um pouco de conhecimento de programação, mas separei o conteúdo em um lugar só pra facilitar.

É só você alterar a parte dos depoimentos entre as linhas 23 e 43. Espero que ajude!

5 curtidas

Denise, entrei na sua loja (https://www.zupcamisetas.com.br) e parece que está tudo ok!

Você já conseguiu centralizar, certo?

1 curtida

Pra mim ele tá mais para direita (a caixa de depoimentos) o título tá alinhado.

@luizfaias Tudo bem? Fiz no meu site esse sistema de depoimentos, ficou ótimo! Obrigada por compartilhar! Você saberia me dizer se é possível esses depoimentos aparecerem abaixo do banner? As vezes as pessoas não vão até o fim da página, queria trazer os depoimentos para cima.

Boa tarde amigo , você poderia me ajudar, como consigo o codigo : “avatar”: “https://instagram.fcpq4-1.fna.fbcdn.net/t51.2885-19/s150x150/14733352_1693934057601947_5708220546672492544_a.jpg”,

tipo , como copio esse código do instagram de algum cliente para editar a HTML

Desde já agradeço !

Coloca no css

#depoimentos .span8.offset2 {
margin-left: 17%;
}

Oi, isso é apenas uma imagem em formato JPG, basta pegar uma uma foto de quem deseja e salvar no nesse arquivo por algum editor ou vai no instagram e com vai instragram e clica na imagem com o lado esquerdo mouse e inspeciona o elemento, abaixo a o DIV que você deve encontrar para pegar o link da imagem.

<div class="_jjzlb" style="padding-bottom: 124.933%;"><img alt="Lovely movie ❤️❤️️❤️" class="_icyx7" id="pImage_12" src="https://scontent-gru2-2.cdninstagram.com/t51.2885-15/sh0.08/e35/p750x750/17437494_1225059710926302_8810900819609124864_n.jpg"></div>

Deu certo amigão, muito obrigado pela ajuda !

Muito obrigada :slight_smile:

Vc sabe como diminuir a fonte do comentário?

Eu acho pequena, mas…
Lá vai o código…

#depoimentos blockquote p {
font-size: 25px;

}

1 curtida

Valeu, eu ajustei para que fique no msm tamanho do nome dos produtos. O que eu percebi é que esse lance não é responsivo :frowning:

Coloquei na minha loja e ficou tudo em modo responsivo também!! Verifica se nao fico nada fora do lugar!!

www.radyshop.com.br