Mídias Sociais

De Melhor Loja Web

(Diferença entre revisões)
(Plugin Facebook)
Linha 21: Linha 21:
== Plugin Facebook ==
== Plugin Facebook ==
-
1º Acesse o site:http://developers.facebook.com/docs/reference/plugins/like-box/,
+
Copie o código abaixo e substitua o '''XXX''' pelo nome de sua página no Facebook. Exemplo: www.facebook.com/melhorlojaweb
-
Copie a URL de sua pagina principal do Facebook e preencha os campos como segue na imagem abaixo:
+
-
[[Arquivo:FACE.JPG]]
 
-
Clique em Get Code irá aparecer uma janela com vários códigos:
+
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/<big>'''XXX'''</big>&amp;width=150&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:290px;" allowTransparency="true"></iframe>
 +
<style>.ig-b- { display: inline-block; }
 +
.ig-b- img { visibility: hidden; }
 +
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
 +
.ig-b-48 { width: 48px; height: 48px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-48.png) no-repeat 0 0; }
 +
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
 +
.ig-b-48 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png); background-size: 60px 178px; } }</style>
-
[[Arquivo:Faace.JPG]]
 
-
 
-
Clique no código:IFRAME e copie o mesmo:
 
-
 
-
[[Arquivo:FF.JPG]]
 
Feito isto acesse a administração de sua loja:
Feito isto acesse a administração de sua loja:

Edição de 13h59min de 1 de julho de 2015

Banner-midias-sociais.jpg
A Melhor Loja Web' oferece compartilhamento de produtos entre mais de 340 diferentes mídias sociais, entre elas, as mais conhecidas e populosas: Facebook, Orkut, Twitter e Youtube.

Facebook

Diferente de um perfil pessoal, as páginas de fãs tem como foco marcas, empresas e artistas. Os maiores diferenciais entre os dois são o fato das páginas não se limitarem a apenas 5.000 amigos e a maior possibilidade de padronização, como o desenvolvimento de aplicativos.

Fan page.jpg


Para criar uma página no Facebook, basta digitar "pages" no campo de pesquisa e clicar no "Páginas do Facebook". Outra forma é acessando o seguinte link: http://www.facebook.com/pages/create.php

1. Nessa página, você terá que completar os campos de acordo com a empresa, marca ou artista que a página representará.

2. Você deve definir em qual categoria seu objeto se encaixa: Negócios Locais, Empresa, Marca ou Produto, Artista, Entretenimento e Causa ou Comunidade. Escolher a categoria correta é muito importante, por exemplo, se você for um negócio local poderá colocar endereço e horário de funcionamento.

3. Assim que você definir, terá que completar todos os dados de cadastro solicitados e clicar em "Começar".

4. Mais 3 passos serão solicitados, porém, você não tem a obrigação de completá-los no exato momento. No primeiro, você deve enviar uma foto, no segundo compartilhar sua página para os seus amigos e por último inserir informações como "Nome da Página" e uma descrição sobre ela.

Plugin Facebook

Copie o código abaixo e substitua o XXX pelo nome de sua página no Facebook. Exemplo: www.facebook.com/melhorlojaweb


<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/XXX&width=150&height=290&show_faces=true&colorscheme=light&stream=false&show_border=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:290px;" allowTransparency="true"></iframe> <style>.ig-b- { display: inline-block; } .ig-b- img { visibility: hidden; } .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; } .ig-b-48 { width: 48px; height: 48px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-48.png) no-repeat 0 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .ig-b-48 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png); background-size: 60px 178px; } }</style>


Feito isto acesse a administração de sua loja:

Fa.JPG

Cole o código IFRAME na caixa:

Capp.JPG

Salve, e pronto já estará habilitado em sua loja.

Google Maps

Para implementar na loja o Google Maps siga os passos a seguir:

1º Acesse o site: http://maps.google.com.br/, clique na opção como chegar.

Coloque seu endereço no ponto B quanto ao ponto A fica a criterio preenchido os mesmos "clique em como chegar" feito isto clique na imagem destacada de amarelo como mostra a imagem 2 e copie o código de HTML para colocar em sua loja.

Passo2.JPG

Passo3.JPG

2º Acesse a administração da loja clique em : Conteúdo do sitee logo em seguida "Criar Pagina", preencha o nome da pagina como por exemplo: Encontre-nos, Localização, Onde nos encontrar, etc... Em seguida clique em HTML.

Passo5.JPG

Ao clicar em HTML cole o código fornecido pelo Google Maps no 1º passo realizado.

Passo6.JPG

Salve a página e podes clicar em "ver loja"

Passo7.JPG

Passo8.JPG

Google Maps, Maps, Facebook, twitter

Ferramentas pessoais