Adicionar Sua Loja Ao Facebook

Visão Geral

Sua loja não tem de ficar escondida em seu site. Adicione sua loja ao Facebook para vender seus produtos em uma plataforma de mídia social. Os clientes poderão ver seus produtos em sua página do Facebook por meio do aplicativo Ecwid.  

Guia

1. Inicie a sessão em sua conta do Facebook e abra o aplicativo: http://apps.facebook.com/ecwid-shop/

      • Se você ainda não tiver uma loja Ecwid no Facebook, clique no botão "Instalar aplicativo".
      • Se você quiser adicionar mais de uma loja Ecwid vá para a 4ª etapa destas instruções.

2. Clique no botão OK para permitir que o aplicativo Ecwid acesse informações básicas sobre seu perfil e gerencie suas páginas. Precisamos desta permissão para obter uma lista de páginas do Facebook que você administra e determinar se você tem permissão para gerenciar as configurações da loja Ecwid atribuída à página.

E na próxima página:

Se você receber o erro "Você não administra nenhuma página na qual este aplicativo possa ser instalado" em vez da página de interface, verifique a seção Perguntas Frequentes deste artigo. Se ainda não tem uma página no Facebook, pode criá-la aqui.

Se você vir o aviso "Este aplicativo já está instalado em todas as páginas aplicáveis" consulte as Perguntas Frequentes abaixo.

3. Nesta etapa, você deve selecionar as páginas nas quais o Ecwid será adicionado. Escolha uma página no menu suspenso e clique na guia Adicionar Página.

4. O aplicativo Ecwid foi adicionado a sua página. A última etapa é conectar sua conta do Ecwid ao aplicativo.

Se você já tiver uma conta do Ecwid, encontrará a ID da loja como descrito aqui. Se você não tiver uma conta do Ecwid, você pode criá-la gratuitamente em my.ecwid.com

Cole a ID de sua loja no campo ID da Loja Ecwid (você poderá alterar os outros valores mais tarde). Em seguida, clique em Salvar.

5. Sua loja Ecwid está pronta. Você pode encontrá-la diretamente no link "Sua Loja no Facebook" no final da página "Configurações". O link para a sua loja no Facebook é adicionado ao link das guias da página com o nome "Produtos".

 

Perguntas Frequentes

Alterar o nome de usuário da minha página do Facebook

Quando uma página tem um nome de usuário exclusivo, parece mais fácil de usar o seu link. Além disso, quando os clientes veem o nome da loja no endereço da web, eles confiam mais do que quando veem um link que inclui uma combinação de números.

Para alterar o nome de usuário da página onde você adicionou sua loja Ecwid, você precisa ser o administrador desta página. Tenha em mente que, de acordo com as regras do Facebook, você pode alterar o nome de sua página apenas uma vez, por isso tenha cuidado ao escolhê-lo.

Para alterar o nome de usuário de sua página:

      1. Vá para facebook.com/nomedeusuário.
      2. Abaixo Crie seu endereço web no Facebook , selecione uma página no menu suspenso.
      3. Digite um nome de usuário e clique em Verificar Disponibilidade.
      4. Se o nome de usuário estiver disponível, clique em Confirmar.

Leia mais sobre como alterar o nome de usuário da página do Facebook aqui https://www.facebook.com/help/203523569682738

Renomear a guia "Produtos" e alterar a imagem da guia

Você pode facilmente fazer isso em suas configurações de página do Facebook:

      1. Abra sua página e clique no link "Configurações" na parte superior.
      2. Clique no link "APPS” na coluna esquerda e, em seguida, no link “Editar Configurações” ao lado do logotipo do Ecwid.
      3. Insira um novo nome no campo "Nome da guia personalizada". Clique no link “Alterar” ao lado do campo “Imagem da Guia Personalizada” para atualizar sua própria imagem da guia (use imagens de 111 x 74 pixels para evitar redimensionamento da imagem)
      4. Clique em OK.

Alterar as configurações de minha loja no Facebook ou conectar uma loja diferente à minha página do Facebook

Execute as seguintes etapas:

      1. Abra sua lista de lojas do Facebook apps.facebook.com/ecwid-shop/
      2. Clique no link "Configurações" no lado oposto da loja do Facebook correspondente.
      3. Altere as configurações conforme você precisar e clique em "Salvar".

A mensagem de erro "Você deve ter permissão para adicionar apps a pelo menos uma página do Facebook” é exibida

Este erro significa que você não tem nenhuma página no Facebook ainda, onde o Ecwid possa ser adicionado. Infelizmente, o Facebook não permite mais adicionar aplicativos a perfis pessoais. Portanto, se você quiser ter uma guia do aplicativo com seus produtos que estão vinculados à loja do FB, é necessário criar uma nova página oficial do FB (elas também são chamadas de "fan pages").

Você pode criá-la aqui: www.facebook.com/pages/create.php Em seguida, abra o aplicativo e tente adicioná-lo novamente à página. Manual das páginas: http://www.box.net/shared/9e5jiyl843

Você pode ver e gerenciar suas páginas do FB aqui: www.facebook.com/pages/manage/ 
Mais sobre páginas: www.facebook.com/help/?topic=pages

Recebo o erro "Este aplicativo já está instalado em todas as páginas aplicáveis"

Este erro significa que você já adicionou o aplicativo Ecwid a todas as suas páginas do Facebook. Neste caso, você pode criar uma nova página aqui: www.facebook.com/pages/create.php ou verificar a lista de páginas onde o Ecwid foi adicionado: apps.facebook.com/ecwid-shop /, provavelmente a loja já foi adicionada à página necessária.

Alterar o visual da minha loja no Facebook

Sim, você pode. Use as configurações do aplicativo para ativar/desativar widgets e alterar o número de produtos por página.

Use os temas CSS personalizados do Ecwid para alterar a aparência dos elementos de sua loja.

Se você quiser personalizar a aparência de sua loja completamente, mas as ferramentas descritas acima não são suficientes (por exemplo, adicionar um cabeçalho HTML, alguns links etc.), ainda é possível criando seu próprio aplicativo do Facebook.

A principal diferença entre o aplicativo Ewcid e o seu é a seguinte:

      • O aplicativo Ewcid tem uma integração mais profunda com o Facebook. Por exemplo, seus clientes efetuam login usando contas do FB automaticamente. Também permite adicionar a guia "Produtos" às páginas do FB com produtos da loja e links para seu aplicativo principal do FB.
      • Seu aplicativo próprio pode ter menos recursos e não será capaz de criar essas guias automaticamente. No entanto, você terá total controle sobre seu aplicativo e suas estatísticas. Além disso, você poderá criar uma guia personalizada para vincular seu perfil a uma loja. 

Meus clientes precisam de permissões para checkout na loja do Facebook no Ecwid?

Não. Os clientes não precisam dar nenhuma permissão no Facebook para checkout no aplicativo. Como funciona:

      • Os clientes podem navegar livremente pelo seu catálogo e adicionar produtos sem pedir permissões. Eles podem até mesmo estar desconectados do Facebook. 
      • Quando um cliente decide fazer um pedido e pressiona o botão "Checkout", o aplicativo Ecwid solicitará a permissão para acessar as informações básicas, e-mail e a localização atual de uma conta do Facebook desse cliente. Esta etapa é completamente opcional. Portanto, se o cliente pressionar o botão "Não permitir" e não conceder licença ao aplicativo, ele ainda será capaz de fazer checkout e concluir o pedido. 

O Ecwid pede informações opcionais para tornar o processo de checkout mais fácil e mais tranquilo para o cliente. Como as permissões são usadas (se o cliente decidir dar estas informações ao Ecwid):

      • Acessar minhas informações básicas: o Ecwid obtém a ID do Facebook e o nome do cliente para registrar um perfil em sua loja Ecwid para este cliente e registrar o cliente automaticamente. 
      • Envie-me um e-mail: O endereço de e-mail do cliente também é usado para a criação do perfil. 
      • Local atual: o Ecwid também obtém o país do cliente para determinar corretamente o país e mostrá-lo como endereço já preenchido no campo de endereço de entrega durante o checkout no Facebook. Muito útil. 

O Ecwid não usa, retém ou armazena qualquer outra informação. Como verificar isso:

      • Faça login em sua conta do FB e abra a página "Configurações de privacidade".
      • Clique no link "Editar configurações" na seção "Anúncios, aplicativos e sites".
      • Clique no nome do aplicativo e você verá quais permissões você concedeu a ele e quais informações o aplicativo solicitou no Facebook.

De acordo com nossa experiência, solicitar permissões de dados do usuário pode afetar negativamente as taxas de conversão. Alguns usuários do Facebook simplesmente não confiam em dar suas informações em aplicativos de terceiros. Não queremos que você perca seus clientes e vendas; então, no aplicativo Ecwid, as permissões são sempre opcionais. O cliente pode fazer checkout sem conceder quaisquer permissões em nosso aplicativo do Facebook.

Quais são as informações da minha conta do Facebook que o Ecwid usa quando configuro o aplicativo do Facebook?

Se você quiser adicionar sua loja Ecwid a sua página do Facebook usando o aplicativo de comércio eletrônico do Facebook você deverá conceder as seguintes permissões:

      • Acessar minhas informações básicas: o Ecwid precisa acessar suas informações públicas, que são usadas para recuperar sua ID de usuário do Facebook, para que ele possa ser associado a sua loja Ecwid.
      • “Envie-me um e-mail” e “Localização atual”: estas permissões são necessárias para criar perfis de clientes em sua loja Ecwid. Seus clientes regulares não são obrigados a conceder essas permissões para fazer checkout em sua loja. Elas são opcionais.
      • Gerenciar minhas páginas: o Ecwid uses essas permissões para obter uma lista de páginas do Facebook que você administra. Esta informação é necessária para poder adicionar uma loja a suas páginas do Facebook posteriormente. O Ecwid só recebe a lista de páginas, não modifica quaisquer configurações e não solicita qualquer outra informação.

O Ecwid não usa, retém ou armazena qualquer outra informação. Como verificar isso:

      • Faça login em sua conta do FB e abra a página "Configurações de privacidade".
      • Clique no link "Editar configurações" na seção "Anúncios, aplicativos e sites".
      • Clique no nome do aplicativo e você verá quais permissões você concedeu a ele e quais informações o aplicativo solicitou no Facebook.

Por que o aplicativo precisa das permissões em "Gerenciar minhas páginas" quando estou configurando a loja do Facebook?

O Ecwid precisa da permissão em "Gerenciar minhas páginas" para obter uma lista de páginas do Facebook das quais você é o administrador. Esta lista será usada para determinar se você tem permissão para gerenciar as configurações da loja atribuída à página do Facebook. A única maneira de obter essas informações é solicitar a permissão "Gerenciar minhas páginas" de você. Esta é uma exigência do Facebook.

O Ecwid usa essa permissão para obter apenas a lista das páginas. Não alteraremos nenhuma configuração de sua página ou publicaremos nada lá. 

Como posso vincular um produto específico ou categoria a minha loja do Facebook?

Se você abrir a loja do Facebook, vá para qualquer categoria, copie um link da barra de endereços do navegador e abra-o em uma janela diferente, a página da loja principal será aberta em vez da página da categoria necessária. Isso ocorre porque na plataforma do aplicativo específico do Facebook os aplicativos na guia (vinculados em sua página) são distribuídos em iFrames. O objeto dentro do frame não é influenciado por elementos externos. Esta é uma forma segura da estrutura do site, mas tem uma limitação: o URL não é alterado dinamicamente quando você navega pelas páginas. É por isso que em qualquer página da loja você verá o mesmo URL na barra de endereço do navegador, abrindo a página inicial da loja.

Entretanto, há uma solução rápida. Ainda é necessário obter links diretos de determinadas páginas da loja (página do carrinho, produto, categoria etc.). Por exemplo, quando os clientes gostam de um produto, o sistema precisa conduzir os usuários a esta página de produto. Percebemos que você pode usar esta possibilidade para obter páginas de produtos ou categorias diretas.

Você deve usar estes links especiais:

http://LINK_TO_YOUR_FB_STORE?app_data=!/~/product/id%3dPRODUCT_ID - o link abrirá a página do produto


http://LINK_TO_YOUR_FB_STORE?app_data=!/~/category/id%3dCATEGORY_ID - este link abrirá a página de categoria

onde:

Exemplos:

Posso atribuir uma guia do Facebook do aplicativo a meu perfil pessoal?

Não. Infelizmente, o Facebook não permite mais adicionar guias de aplicativos aos perfis de usuário: developers.facebook.com/blog/post/415

Como posso fazer alterações CSS apenas na minha loja do Facebook e manter outro design no site?

Se você quiser que algumas regras CSS em seu tema CSS personalizado  sejam aplicadas somente a seu aplicativo do Facebook, mas não a outros designs da loja, você deve especificá-las diretamente em seu código CSS. Para isso, basta adicionar o prefixo div.ecwid_facebook_ às regras CSS necessárias. Por exemplo, o código a seguir alterará a cor de plano de fundo da loja para branco apenas no aplicativo do Facebook: 

div.ecwid_facebook_app div.ecwid-productBrowser {
 background-color: #fff;
} 

Essas alterações serão aplicadas tanto à guia como à tela principal do aplicativo Ecwid no Facebook. Se você deseja aplicá-las somente à guia, mas não à tela principal, use o seletor div.ecwid_facebook_app_tab em vez de div.ecwid_facebook_app. Por exemplo, o código CSS a seguir alterará o tamanho da fonte dos preços no navegador do produto somente na guia Facebook:

div.ecwid_facebook_app_tab div.ecwid-productBrowser-price { font-size: 18px; }

Como é possível configurar sua loja Ecwid em várias páginas do FB, você pode estar interessado dar uma aparência diferente em páginas diferentes. Para isso, especifique uma regra CSS necessária com um seletor como ecwid_facebook_page_<pageID>, em que a ID da página é o identificador interno do FB da página. Procure o código HTML da página do FB onde seu arquivo Ecwid está instalado. Você verá que os elementos da loja Ecwid estão envolvidos pelo elemento separador que se parece com isto:

<div class="ecwid_facebook_app_tab ecwid_facebook_page_333446166671723 ecwid_facebook_app" …>

A classe que começa com ecwid_facebook_page_  especifica a página. Use-a para criar suas regras CSS personalizadas para esta página. Por exemplo, o código CSS a seguir alterará a cor dos nomes dos produtos no navegador do produto para verde (isso afetará apenas os elementos do Ecwid na página do Facebook 333446166671723):

div.ecwid_facebook_page_333446166671723 div.ecwid-productBrowser-productNameLink {
color: green;
}

NOTA:

O seletor div.ecwid_facebook_app_tab é adicionado ao nosso aplicativo oficial. Se você mudou para "guia HTML personalizada", nosso aplicativo está desativado, portanto, a seleção não está lá e este método de adicionar regras CSS para a loja do Facebook não funcionará. A página inicial da loja do Facebook irá compartilhar o mesmo CSS que sua loja Ecwid possui no site.

Quando adiciono a minha loja ao Facebook, não dá certo e o texto não é legível. Como consertar?

No momento, seu aplicativo do Facebook e a página da loja no Ecwid usam os mesmos estilos de CSS, ou seja, as mesmas cores, imagens etc. Todas as alterações que fizer a sua loja usando temas CSS personalizados do Ecwid serão aplicadas também em seu aplicativo do Facebook.

Isso poderá causar problemas se o fundo do site principal não for branco e você alterar as cores, o texto e outros elementos da loja com a ajuda de seus códigos CSS personalizados.

Como o fundo do aplicativo do Facebook é branco por padrão, sua loja não terá uma aparência boa nesse caso.

Você pode simplesmente mudar o fundo do seu aplicativo do FB aplicando este código CSS em seu tema Ecwid personalizado (substitua “preto” por qualquer cor que desejar):

div.ecwid_facebook_app {background-color:black;}

Você pode usar a mesma dica se você quiser adicionar algumas mudanças de CSS apenas em seu aplicativo do FB. Basta adicionar o prefixo do div#outer antes de seus seletores CSS, por exemplo:

.ecwid_facebook_app <necessary CSS selectors> {
#somecode
}

A largura do menu de categorias é muito grande, os nomes das categorias não estão visíveis e sobrepõe-se ao carrinho. Como corrigir?

Se houver muitas categorias, elas podem não caber na largura da página da guia. Neste caso, você pode reduzir o espaço ocupado pelas categorias das seguintes maneiras: 

      1. Diminua o número de categorias na raiz. 
      2. Diminua o tamanho da fonte das categorias horizontais por meio desta modificação de CSS (como usá-lo):
        /* categorias de raiz, links de categoria de primeiro nível */
        div.ecwid_facebook_app span.ecwid-categories-category {
        font-size:16px !important
        ;}
         /* subcategorias, links de categoria de segundo nível */
         div.ecwid_facebook_app div.ecwid-categoriesMenuBar span.ecwid-categories-category {
        font-size:14px !important;
         }
         /* 3º, 4º etc. links de categoria de nível */
        
        div.ecwid_facebook_app div.ecwid-categories-MenuBarPopup
         div.ecwid-categoriesMenuBar span.ecwid-categories-category { 
        font-size:13px !important; 
        }  
      3. Desative o widget "Categorias horizontais" completamente nas configurações de loja do FB:
        • Vá para as configurações do aplicativo Ecwid no Facebook (https://apps.facebook.com/ecwid-shop/) e clique no menu "Configurações" ao lado do aplicativo Ecwid.
        • No "widget do menu Categorias", selecione Ocultar.
        • Clique em Salvar.

Quero aplicar a modificação de JavaScript a minha loja Ecwid no Facebook. Onde devo colocar o código de modificação?

      Para adicionar uma modificação de Javascript (por exemplo,
tradução personalizada
      ou qualquer outra modificação) a sua loja do Facebook, abra a página 
https://apps.facebook.com/ecwid-shop/
       vá para a página "Settings” (Configurações). Adicione o código ao campo de texto "Configurações avançadas" e clique em "Salvar".
       

Por que meus clientes não conseguem encontrar minha loja no Facebook nos dispositivos móveis? 

O Ecwid foi projetado para funcionar em qualquer plataforma. O Ecwid suporta o layout responsivo que permite que as lojas do Ecwid se adaptem a diferentes telas. Mais detalhes neste tópico do fórum: http://www.ecwid.com/forums/showthread.php?p=81342#post81342

Basicamente, o aplicativo Ecwid para Facebook pode operar em dispositivos móveis. Sua loja do Facebook é vista normalmente e pode ser acessada a partir de dispositivos móveis.

No entanto, o Facebook tem certas restrições que dificultam as operações de aplicativos em celulares e afetam todos os aplicativos para Facebook, não só Ecwid.

1. Quando os usuários abrem sua página do Facebook a partir de dispositivos móveis, eles não veem o link "Loja".
Esta é uma limitação do Facebook: links para aplicativos de terceiros (ou seja, aqueles que não foram desenvolvidos pelo Facebook) não são mostrados nas Páginas de dispositivos móveis. Isso afeta não apenas o Ecwid, mas todos os aplicativos.

Assim, quando você acessar a página do Facebook a partir de dispositivo móvel (e o Facebook considera iPhones, iPads e tablets Android como dispositivos móveis), você não verá um link para sua loja Ecwid. Além disso, se você tentar abrir a loja Ecwid no Facebook em um navegador de um dispositivo móvel, ele irá exibir um erro de página não encontrada .

Atualmente, não é possível tecnicamente apresentar aplicativos na guia do Facebook padrão em dispositivos móveis. Precisaremos conviver com essa restrição até que o Facebook mude. Portanto, infelizmente não temos uma versão para dispositivos móveis do aplicativo Ecwid para Facebook. Podemos oferecer duas maneiras de contornar isso, conforme abaixo.

2. Uma outra restrição diz respeito às relações entre o Facebook e a Apple:
o botão "Adicionar ao carrinho" não é mostrado em catálogos de dispositivos móveis se abertos no aplicativo do Facebook para iOS em dispositivos móveis.  Esta é uma medida forçada que tivemos de tomar em função da seguinte restrição do Facebook.

De acordo com a política do Facebook:

If you’re using iOS to run your app, use an iOS approved payment method (Se você estiver usando o iOS para executar seu app, use um método de pagamento aprovado pelo iOS).

O Facebook contatou-nos a este respeito e solicitou que desativássemos todos os métodos de pagamento no aplicativo Ecwid, caso contrário, o aplicativo seria fechado.

A fim de manter o aplicativo Ecwid sendo executado em milhares de páginas do Facebook, como uma maneira de contornar essa situação, tivemos de remover o botão “Adicionar ao carrinho” do catálogo de dispositivo móvel quando é visto a partir do aplicativo móvel do Facebook no iOS.

Lamentavelmente, não parece possível vender nada no aplicativo móvel do iOS do Facebook a menos que os itens sejam vendidos dentro da loja on-line da Apple.

Apesar dessas restrições, desde o início tentamos localizar e implementar qualquer solução que auxilie a venda através de dispositivos móveis, já que o comércio móvel está crescendo junto com a popularidade do Facebook.

Por enquanto, oferecemos as seguintes formas de fornecer uma loja em um dispositivo móvel:

      1. Para usar seu site de partida disponível no link http://store[id da loja].ecwid.com/ como uma versão para dispositivos móveis de sua loja. Observe que você pode exibi-la em outro domínio. Confira este artigo para obter detalhes: Site de Partida
      2. Para usar seu próprio site com Ecwid

Para usar a primeira e segunda variantes, você deve ativar o layout responsivo para a loja do Ecwid em Ecwid control panel → Settings → General → Migrations

O Ecwid suporta um design responsivo, que significa que as páginas de sua loja podem ser adaptadas dinamicamente a qualquer tela. Assim o site e o site de partida (para aqueles que não têm site ainda) seriam a melhor solução.

Você deve colocar um link em qualquer um desses recursos em sua página do Facebook e deixar um aviso de que os usuários que estão visualizando a página a partir de dispositivos móveis precisam seguir este link para comprar. Você pode inseri-lo na página ou na seção "Sobre nós".

Caso contrário, você pode usar o botão "Comprar agora" do Facebook como segue:
1) Obtenha o link de seu site de partida, indo em seu painel de controle do Ecwid em Settings > General > Starter Site e copie o link abaixo "Your starter site". 
2) Vá para a página do Facebook e clique no botão "Call to Action” (chamar para ação), 
- clique em "Edit call to action” (editar chamar para ação),
- selecione o botão "Shop Now” (comprar agora),
- em "Website” adicione o link Starter Site (site de partida) e clique em "Create” (criar). 

Por que a página de configurações do aplicativo no Facebook exibe uma mensagem de aviso?

      Se você estiver conectado ao Facebook como página e não como uma pessoa, a página com as configurações do aplicativo (
https://apps.facebook.com/ecwid-shop/
      ) mostra esta mensagem:

Desculpe, ficamos confusos
    Tente atualizar a página ou fechar e reabrir a janela do navegador.


O problema é causado por um bug por parte do Facebook e eles afirmam não ter nenhum ETA para corrigi-lo.

Para poder acessar a página de configurações do aplicativo, verifique se você está conectado ao Facebook como uma pessoa.

Resolução

Para resolver o problema, siga as etapas desta seção.