Mídias Sociais

De Melhor Loja Web

(Diferença entre revisões)
(Facebook)
(Whatsapp)
 
(16 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">
+
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.
-
<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;">
+
-
=== ''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.'' ===
+
-
</td>
+
-
</tr>
+
-
</table>
+
-
<br><br>
+
-
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.''''' Veja na imagem abaixo como compartilhar com outras pessoas um produto de sua loja.
+
 +
= Facebook =
-
[[Arquivo:share1.jpg]]
+
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.
 +
[[Arquivo:Fan page.jpg]]
-
= '''Facebook''' =
 
 +
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
-
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.
+
'''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.
-
[[Arquivo:share2.jpg]]
+
'''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.
-
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.
+
== Plugin Facebook ==
-
=''' Plugin Facebook '''=
+
Copie o código abaixo e substitua o '''XXX''' pelo nome de sua página no Facebook. Exemplo: www.facebook.com/melhorlojaweb
-
1º Acesse o site:http://developers.facebook.com/docs/reference/plugins/like-box/,Copie a URL de sua pagina principal do Facebook e preencha os campos como segue na imagem abaixo:
 
-
[[Arquivo:FACE.JPG]]
+
<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>
-
Clique em Get Code irá aparecer uma janela com vários códigos:
 
-
[[Arquivo:Faace.JPG]]
+
Feito isto acesse a administração de sua loja:
-
Clique no código:IFRAME e copie o mesmo:
+
[[Arquivo:Fa.JPG]]
 +
 
 +
Cole o código IFRAME na caixa:
 +
 
 +
[[Arquivo:Capp.JPG]]
 +
 
 +
Salve, e pronto já estará habilitado em sua loja.
 +
 
 +
== 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 -->
-
[[Arquivo:FF.JPG]]
 
Feito isto acesse a administração de sua loja:
Feito isto acesse a administração de sua loja:
Linha 45: Linha 69:
[[Arquivo:Fa.JPG]]
[[Arquivo:Fa.JPG]]
-
Cole o código IFRAME na caixa:
+
Cole o código na caixa:
[[Arquivo:Capp.JPG]]
[[Arquivo:Capp.JPG]]
-
Salve, e pronto já estará abilitado em sua loja.
+
Salve, e pronto já estará habilitado em sua loja.
-
= '''Google Maps''' =
+
= 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:Passo 1.JPG]]
+
[[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 73: 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