TRADUÇÃO E ATUALIZAÇÃO DO MANUAL DE INSTALAÇÃO DO MÓDULO FACEBOOK STORE

Transcrição

1 TRADUÇÃO E ATUALIZAÇÃO DO MANUAL DE INSTALAÇÃO DO MÓDULO FACEBOOK STORE Por: Luiz Eduardo Monteiro luiz@brasilnaweb.com.br Data: 15/10/

2 Manual para versão 2.5 Facebook Store 1) Descompacte e faça upload dos arquivos no diretório de instalação do OpenCart preservando a estrutura de pastas já definidas no módulo. Por padrão o módulo é em inglês e a Brasil na Web fez algumas traduções de arquivos em nossa instalação. Para outras linguages na loja observer: acesse catalog/language/english/ e copie o diretório chamado "facebook_store" cole no seguinte local catalog/language/seu_idioma/ Traduza os arquivos conforme desejado. Examplo: $_['text_login'] = 'Login'; muda para $_['text_login'] = 'Login em sua linguagem'; Para aplicação em outros temas além do Default do OC: acesse catalog/view/theme/default (depois de descompactar o arquivos) Copie o conteúdo do diretório "default" Cole os arquivos na pasta do seu tema. 2) Crie o BANNER que será usado na loja: 750px X 150px Sugestão: Cite o domínio principal da loja no banner Exemplos de banners: 3) Hora de criar a aplicação para o Facebook Acesse: e CLIQUE em > APPS no menu > Cadastrar-se como desenvolvedor: Agora é necessário se cadastrar como Desenvolvedor do Facebook

3 Clique em criar novo aplicativo (Aplicativos / Criar NOVO APLICATIVO ) Coloque o nome para a aplicação ex: Loja Artefactum - É necessário que a conta do Facebook esteja validada colocando-se o número de celular (ele emite um alerta sobre isso se necessário). - Valide o CAPTCHA

4 Pegue o APP ID Acesse a ABA > WEBSITES WITH FACEBOOK Informe o domínio do site: ex:

5 Vá no ADMIN da Loja Virtual e INSTALE O MODULO Facebook Store Module. Instale todos de uma vez e configure os mesmos conforme o manual, aos poucos. Acesse o modulo FACEBOOK STORE Coloque o ID (copiado lá no Facebook) e o BANNER DO CLIENTE (crie uma pasta FACEBOOK na parte de imagens do cliente para organizar!)

6 Por padrão o módulo irá exibir todos os PRODUTOS DA LOJA NO FACEBOOK, se preferir você pode selecionar quais devem aparcer ou não, movendo os para a caixa ao lado (quando dentro do módulo no ADMIN da loja) Abaixo um exemplo de boas configurações para o módulo: Image (WxH): Recomendado: 150 x 150 Show Facebook Comments: coloque Yes se quiser perimitir que os clients postem comentários nos produtos. notifier: Se "Show Facebook comments = YES" Então você pode neste campo informar YES para receber notificações por toda vez que um comentário for feito. Habilite a moderação de comentários no Facebook! Search page display type: Grid or List Definie se os produtos serão exibidos em modo grade ou lista, dica o MODO GRADE tem um melhor visual! Yahoo & Skype buttons: Coloque seu usuário (skype, yahoo) para suporte ao cliente. "Generated code" Em algumas instalações o código gerado no módulo está ERRADO, abaixo colocamos o código correto! Isso será necessário nos próximos passos, copie. O CODIGO CORRETO SEGUE ESTE FORMATO : <iframe src=" frameborder="0" scrolling="no" width="810" height="1400"></iframe> É necessário ter uma Fan Page no Facebook, se você não tem, crie uma agora.

7 INTEGRANDO O CODIGO DE IFRAME NA FAN PAGE Acesse: clique em "Add Static Html to a Page" Escolha a pagina.. Role a tela e verá uma nova ABA com ESTRELA WELCOME clique nela, lá será inserido o IFRAME! Verifique se está com aquele código que mencionamos acima, copiado para utilizá-lo agora.

8 Insira o código no public Content e clique em salvar save changes Clique em "#Settings" para validar algumas opções que mostramos abaixo: Como trocar o "Welcome" to "Store" (or other text) Siga os passos: Clique em EDITAR PAGINA do Painel Administrativo do Facebook. - Atualizar informações > Aplicativos > Static HTML > Editar Configurações

9 Coloque o nome > SALVAR! Pronto! Como Alterar a IMAGEM DA CHAMADA DA LOJA? No mesmo lugar onde altera o nome, acima há a opção de ALTERAR IMAGEM. Uma boa proporção para imagem é de 220 X 150 pixels Se acessar a loja agora estará tudo aparentemente errado ainda, é necessário instalar e configurar cada área dela agora via SISTEMA DA LOJA. Siga os passos abaixo, de preferência na respectiva sequência.

10 Instalando os demais MODULOS para concluir a loja do Facebook a) Configurações para o módulo - Special offers com contador REGRESSIVO! (veja os valores na imagem abaixo!) Este módulo utiliza automaticamente os produtos em PROMOÇÃO na loja. b) Configurações para o módulo de Featured (produtos em destaque) - (veja os valores na imagem abaixo!)

11 c) Configurações para o modulo Bestsellers Mais vendidos - (veja os valores na imagem abaixo!) d) Configurações para o módulo Latest Lançamentos - (veja os valores na imagem abaixo!) e) Configurações para o módulo Category Menu de Categorias LATERAL - (veja os valores na imagem abaixo!) f) Attribute filter (only on category page) Campo Layout: Só funciona para o layout Facebook Store - Category

12 g) Configurações para o módulo Dinamic News - (veja os valores na imagem abaixo!) Veja um exemplo de como fica após todas as configurações:

13 Como configurar o modo de MODERAÇÃO DE COMENTÁRIOS NO FACEBOOK Faça login em sua conta do Facebook (usuário admin da aplicação) Vá para a sua loja do Facebook e clique no ícone de comentários do produto e verá: Se você é o ADMIN então verá a área marcada em vermelho. Clique em Settings

14 Onde vejo as notificações de comentários

15 BASE DE CONHECIMENTO - POSSIVEIS PROBLEMAS Se você usa algum MODULO DE SEO na sua loja como o SEO PACK ele naturalmente, quando URL SEO está ativado, é INCOMPATIVEL com o funcionamento do FACEBOOK STORE. Toda via, desenvolvemos um método de correção para o problema. Ele será postado no fórum da Open Cart Brasil com os termos URL SEO e FACEBOOK STORE. Dúvidas? Poste no fórum ou no grupo da Open Cart Brasil no Facebook, tentaremos ajuda na medida do possível e outros usuários podem também contribuir! Sucesso com sua loja no Facebook!