Aqui são apresentados as importações das imagens de detalhe do produto no WebApp, listagem de produtos e as imagens utilizadas no catálogo do WebApp. Aqui você também irá configurar e atualizar as URL das respectivas imagens dentro do sistema. Confira abaixo todas as etapas desta configuração. |
CONTEÚDO
- Lista de Imagens para Produtos
Importação via XLSX
- Importação Google Drive
1. Lista de Imagens para Produtos
01 – XLSX PADRÃO – Aqui você pode baixar o arquivo Excel base onde você irá editar a planilha com os códigos dos produtos e seus respectivos URLs.
02 – FILTRO – Campo específico para filtrar a listagem dos arquivos. Você pode filtrar por: data de início e fim da importação, total de produtos e produtos sincronizados, basta clicar nos ícones (setas). Também é possível buscar por uma importação específica em procurar.
03 – LISTA DE IMPORTAÇÕES – Este campo apresenta a listagem das importações de imagens de produtos feitas.
04 – DROPBOX - Importação via Dropbox.
05 – GOOGLE DRIVE - Importação via Google Drive.
06 – ATUALIZAR PÁGINA – Clique aqui para atualizar a página com as importações mais recentes realizadas.
2. Importação via XLSX
01 – DOWNLOAD XLSX PADRÃO – Baixe o arquivo Excel base onde você irá inserir os códigos dos produtos e seus respectivos URLs por meio dos quais o sistema fará a sincronização e obterá as imagens dos produtos (URL da imagem de detalhe do produto no WebApp, URL da imagem na listagem de produtos e URL da imagem utilizada no catálogo do WebApp).
OBS:
CODE: código do produto, cadastrado no ninegrid;
URL: Url da img, que está no FTP do cliente;
TIPO: 1 para imagem principal e 2 para imagens adicionais;
Atenção!
Não apague a primeira linha no arquivo CSV Padrão, comece a incluir as informações a partir da linha dois. As imagens devem estar em um FTP público e as mesmas devem ter tamanho máximo 450×450 pixels com extensão .JPG ou .JPEG. Verifique o tamanho e extensão antes de realizar o upload para que não sejam necessários tratamentos de imagem e o processo seja otimizado.
Observação!
Ao realizar esse procedimento pela primeira vez, o sistema realiza uma cópia das imagens para nosso servidor, portanto, em uma posterior atualização, caso as imagens não tenham sofrido alterações, apenas os URLs de caminho pelos quais o sistema obtém esses dados, marque o campo “Não realizar upload de imagens” antes de carregar o CSV, deste modo apenas os URLs serão atualizados.
02 – ENVIAR ARQUIVO – Após configurar o XLSX Padrão ou outro arquivo com todas as informações necessárias dos produtos que deseja importar as imagens, clique em enviar arquivo e selecione o arquivo desejado.
03 - CARREGAR XLSX – Clique em carregar XLSX para confirmar a seleção do arquivo com os dados para upload das imagens e/ou atualização das URL de direcionamento.
04 - SUCESSO/ERRO NA IMPORTAÇÃO – Após escolhido e carregado o arquivo XLSX para atestar que a importação das imagens e/ou atualização dos URLs foi realizada com sucesso este box deverá aparecer na tela. Se o arquivo estiver formatado incorretamente, uma notificação de erro será exibida ao tentar salvar. É importante lembrar que o sistema só reconhecerá arquivos salvos no formato XLSX. Portanto, certifique-se de que o arquivo selecionado e carregado esteja neste formato.
3. Importação via Google Drive
1 - GOOGLE DRIVE – Esta funcionalidade foi criada para os clientes que possuem imagens, mas encontram dificuldades para disponibilizá-las em um FTP. Nesses casos, basta solicitar à equipe do NINEGRID que compartilhe a pasta de arquivos, informando a pluginspace desejada. Uma vez que a pasta esteja liberada, o cliente poderá fazer o upload das fotos, seguindo a estrutura descrita no final deste arquivo. Depois disso, é só clicar no botão do drive, conforme indicado abaixo.
2 - LISTA DE IMPORTAÇÕES – Este campo apresenta a listagem das importações de imagens de produtos feitas. Aqui você pode verificar se há alguma imagem com erro.
4. Importação via Dropbox
Dropbox é destinado aos clientes que não tem repositório próprio, entretanto, a diferença do Drive, é que o repositório não é de propriedade da ninegrid e sim do próprio cliente. Assim, toda a questão de contratação, é feita pelo cliente e suas devidas configurações.
Segue o passo a passo abaixo:
01 – SITE DROPBOX - Acesse o site do dropbox, escolha o plano desejado e faça sua conta
02 - URL - Acesse a URL https://www.dropbox.com/developers e vá na opção “Crie aplicativos”:
03 - API - Configure a API e os acessos para seu projeto e coloque para criar sua aplicação:
04 - PERMISSÕES - Com a aplicação criada, vá em “Permissions”, adicione as opções “files.metadata.read” e “files.content.read”, clique em “Submit”:
05 - SETTINGS - Volte para opção “Settings”, desça em “Generated acess token” e clique em “Generate”, salve esse token, pois ele será usado para o Ninegrid acessar seu repositório:
06 - TOKEN - Por fim, será gerado o TOKEN e coloque no plugin, dentro do menu Integrações > Outros e criar integração:
Variações – Imagens SKU
Esta é a tela de Importações de Imagens para SKU. Aqui são apresentados as importações das imagens das variações dos produtos no WebApp.
Confira abaixo todas as etapas desta configuração.
2. Lista de Imagens para SKU
01 – DOWNLOAD XLSX EM BRANCO – Aqui você pode baixar o arquivo XLSX Padrão onde você irá editar a planilha Excel com os códigos das variações dos produtos e seus respectivos URLs por meio dos quais o sistema fará a sincronização e obterá as imagens. Indique na planilha os códigos das SKU que receberão a imagem, informe a URL das imagens e o nome dos arquivos e suas extensões.
Atenção!
Não apague a primeira linha no arquivo XLSX Padrão, comece a incluir as informações a partir da linha dois. As imagens devem estar em um FTP público e as mesmas devem ter tamanho máximo 450×450 pixels com extensão .JPG ou .JPEG. Verifique o tamanho e extensão antes de realizar o upload para que não sejam necessários tratamentos de imagem e o processo seja otimizado.
02 – ESCOLHER ARQUIVO – Após configurar o XLSV Padrão ou outro arquivo com todas as informações necessárias das SKU que deseja importar as imagens, clique em enviar arquivo e selecione o arquivo desejado.
Observação!
Ao realizar esse procedimento pela primeira vez, o sistema realiza uma cópia das imagens para nosso servidor, portanto, em uma posterior atualização, caso as imagens não tenham sofrido alterações, apenas os URLs de caminho pelos quais o sistema obtém esses dados, marque o campo “Não realizar upload de imagens” antes de carregar o XLSX, deste modo apenas os URLs serão atualizados.
03 – CARREGAR ARQUIVO – Clique em carregar arquivo para confirmar a seleção do arquivo com os dados para upload das imagens e/ou atualização das URL de direcionamento.
Atenção!
Após o carregamento do XLSX, o sistema exibirá uma notificação de sucesso na importação ou de erro caso não consiga processar o arquivo, veja mais sobre na tela 2 e tela 3.
04 – ATUALIZAR PÁGINA – Clique aqui para atualizar a página com as importações mais recentes realizadas.
05 – FILTRO – Campo específico para filtrar a listagem dos arquivos de dados para importação das imagens para SKU. Você pode filtrar por: data de início e fim da importação, total de variações e variações sincronizadas, basta clicar nos ícones (setas). Também é possível buscar por uma importação específica em procurar.
06 – LISTA DE IMPORTAÇÕES – Este campo apresenta a listagem das importações de imagens de SKU feitas.
2.1 – Importação realizada com sucesso
07 – SUCESSO NA IMPORTAÇÃO – Após escolhido e carregado o arquivo XLSX para atestar que a importação das imagens e/ou atualização dos URLs foi realizada com sucesso este box deverá aparecer na tela.
2.2 Erro na importação
08 – ERRO NA IMPORTAÇÃO – Caso o arquivo esteja formatado de forma incorreta aparecerá esta notificação de erro. Lembre-se que o arquivo escolhido e carregado deve estar salvo no formato XLSX, caso contrário o sistema não reconhecerá.
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas