Mídias Sociais

De Melhor Loja Web

(Diferença entre revisões)
(As chamadas Mídias Sociais estão em alta nos dias de hoje. A Internet, juntamente com essas novas ferramentas, proporciona maior contato entre as pessoas e, para um administrador de loja virtual, essa integração pode gerar lucro.)
(Whatsapp)
 
(12 edições intermediárias não estão sendo exibidas.)
Linha 1: Linha 1:
-
<table cellspacing="0">
+
[[Arquivo:Banner-midias-sociais.jpg]]<br>
-
<tr style="background: #C6E2FF">
+
-
<td style="vertical-align:middle; border-top: 1px solid #0099FF;border-left: 1px solid #0099FF; border-bottom: 1px solid #0099FF; padding: 1em;">
+
-
[[Imagem:piu.png]]
+
-
</td>
+
-
<td style="vertical-align:middle; border-top: 1px solid #0099FF;border-right: 1px solid #0099FF; border-bottom: 1px solid #0099FF; padding: 1em;">
+
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.
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''' =
+
= 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.
-
O '''Facebook''' é a rede social com maior número de cadastrados no mundo, e por isso possui um botão especial para ela na loja, como demonstra a imagem abaixo.
+
[[Arquivo:Fan page.jpg]]
-
[[Arquivo:share2.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á.
-
Se alguma pessoa recomendar o seu produto, automaticamente centenas de pessoas irão ver essa '''“propaganda”''' feita por um próprio cliente seu, aumentando as chances de vendas do produto e de conhecimento de sua loja.
+
'''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.
-
=''' Plugin Facebook '''=
+
'''3'''. Assim que você definir, terá que completar todos os dados de cadastro solicitados e clicar em "Começar".
-
1º Acesse o site:http://developers.facebook.com/docs/reference/plugins/like-box/,  
+
'''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.
-
Copie a URL de sua pagina principal do Facebook e preencha os campos como segue na imagem abaixo:
+
-
[[Arquivo:FACE.JPG]]
+
== Plugin Facebook ==
-
Clique em Get Code irá aparecer uma janela com vários códigos:
+
Copie o código abaixo e substitua o '''XXX''' pelo nome de sua página no Facebook. Exemplo: www.facebook.com/melhorlojaweb
-
[[Arquivo:Faace.JPG]]
 
-
Clique no código:IFRAME e copie o mesmo:
+
<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:FF.JPG]]
 
Feito isto acesse a administração de sua loja:
Feito isto acesse a administração de sua loja:
Linha 43: Linha 43:
Salve, e pronto já estará habilitado em sua loja.
Salve, e pronto já estará habilitado em sua loja.
-
= '''Google Maps''' =
+
== Whatsapp ==
 +
 
 +
Substitua o xxxxx pelo DDD+seutelefone. Exemplo: 5514998249869:
 +
 
 +
 
 +
<!-- WhatsHelp.io widget -->
 +
<script type="text/javascript">
 +
(function () {
 +
var options = {
 +
whatsapp: "55XXXXXXXXX", // WhatsApp number
 +
call_to_action: "Dúvidas? Entre em contato conosco!", // Call to action
 +
position: "left", // Position may be 'right' or 'left'
 +
};
 +
var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host;
 +
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
 +
s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
 +
var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
 +
})();
 +
</script>
 +
<!-- /WhatsHelp.io widget -->
 +
 
 +
 
 +
Feito isto acesse a administração de sua loja:
 +
 
 +
[[Arquivo:Fa.JPG]]
 +
 
 +
Cole o código na caixa:
 +
 
 +
[[Arquivo: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:
Para implementar na loja o Google Maps siga os passos a seguir:
-
Acesse o site: http://maps.google.com.br/, clique na opção como chegar.
+
'''1-''' Acesse: https://www.google.com.br/maps
 +
 
 +
'''2-''' Digite o seu endereço e clique em Menu:
 +
 
 +
[[Arquivo:Googlemaps atualizado.png]]
 +
 
 +
'''3-''' Clique em <b>Compartilhar ou Incorporar Mapa</b>
 +
 
 +
[[Arquivo:Googlemaps atualizado2.png]]
 +
 
 +
'''4-''' Clique em Incorporar mapa e escolha o tamanho do mapa:
 +
 
 +
[[Arquivo:Googlemaps atualizado3.png]]
-
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.
+
'''5-''' Feito isto, copie o código:
-
[[Arquivo:Passo2.JPG]]
+
[[Arquivo:Googlemaps atualizado4.png]]
-
[[Arquivo:Passo3.JPG]]
+
Siga para o próximo passo:
-
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.
+
'''1-''' Acesse a administração da loja clique em : Conteúdo do site 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.
-
[[Arquivo:Passo5.JPG]]
+
[[Arquivo:Passo5.JPG]]<br>
Ao clicar em HTML cole o código fornecido pelo Google Maps no 1º passo realizado.
Ao clicar em HTML cole o código fornecido pelo Google Maps no 1º passo realizado.
Linha 63: Linha 107:
[[Arquivo:Passo6.JPG]]
[[Arquivo:Passo6.JPG]]
-
Salve a página e podes clicar em "ver loja"
+
Salve a página e clique em "ver loja"
[[Arquivo:Passo7.JPG]]
[[Arquivo:Passo7.JPG]]
[[Arquivo:Passo8.JPG]]
[[Arquivo:Passo8.JPG]]

Edição atual tal como 15h17min de 29 de agosto de 2019

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.

Tabela de conteúdo

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.

Whatsapp

Substitua o xxxxx pelo DDD+seutelefone. Exemplo: 5514998249869:


<script type="text/javascript"> (function () { var options = { whatsapp: "55XXXXXXXXX", // WhatsApp number call_to_action: "Dúvidas? Entre em contato conosco!", // Call to action position: "left", // Position may be 'right' or 'left' }; var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; s.onload = function () { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); </script>


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

Fa.JPG

Cole o código 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: https://www.google.com.br/maps

2- Digite o seu endereço e clique em Menu:

Googlemaps atualizado.png

3- Clique em Compartilhar ou Incorporar Mapa

Googlemaps atualizado2.png

4- Clique em Incorporar mapa e escolha o tamanho do mapa:

Googlemaps atualizado3.png

5- Feito isto, copie o código:

Googlemaps atualizado4.png

Siga para o próximo passo:

1- Acesse a administração da loja clique em : Conteúdo do site 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 clique em "ver loja"

Passo7.JPG

Passo8.JPG

Ferramentas pessoais