Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Aprenda a configurar e acessar o WebApp.


CONTEÚDO

  • Editar WebApp
  • Detalhamento da Edição

    1. Configurações do


    Permissões de acesso ao WebApp

    01 – WEBAPP  - Campo que identica se o WebApp é do Consumidor ou Vendedor.

    02 – PERSONALIZAR WEBAPP – Esse Esse é o botão de personalizar a interface do Webapp. Veja mais detalhes em:

    03 – CONFIGURAÇÕES DO WEBAPP  Esse é o botão de configuração das funcionalidades que serão apresentadas na interface do Webapp.  Veja mais detalhes em:

    04 – QR CODE – Esse é o campo do QR Code e link para acessar o WebApp.


    Aviso
    titleAtenção!

    Os QR Codes e os links disponíveis nesta tela inicial são referentes a cada uma das respectivas permissões de acesso, ou seja, o WebApp do Perfil do Cliente e o WebApp de venda assistida possuem QR Codes e links de acesso diferentes. 


    Nota
    iconfalse
    titleObservaçãoConfira!

    O WebApp de venda assistida possui um link exclusivo e diferente do WebApp de acesso geral pois está relacionado às funções e permissões específicas que foram definidas ao grupo que o usuário vendedor pertence, além disso, é necessário ter um CPF, login e senha de vendedor cadastrados para acessar este WebApp.

    2. Personalizar WebApp 

    Aqui estão listados os termos de aceite da plataforma de vendas, você pode cadastrar novos termos ou atualizar os termos já definidos.

    Veja abaixo todas as etapas desta configuração. 

    01 – DADOS DO WEBAPP – Neste campo você deve preencher os dados do WebApp definindo o nome, local, quantidade de produtos na paginação, descrição, background WebApp, banner do WebApp, logo do WebApp e ícone do WebApp.

    02 – CONFIGURAÇÃO DE CORES – Aqui é possível personalizar a sua loja virtual configurando as cores da interface do WebApp. 

    03 – BOTÃO SALVAR/VOLTAR – Após personalizar os dados do Webapp, não esqueça de salvar. Caso deseje cancelar a edição e retornar a tela de permissões de acesso ao webapp, clique em voltar.

    01WEBAPP EM SEGUNDO PLANO18TEXTO DA BARRA DE TÍTULO02 LOGO DO WEBAPP19ÍCONES DA BARRA DE TÍTULO03DESCRIÇÃO DO WEBAPP20TEXTO DE CATEGORIAS04 TEXTO DO BOTÃO DE INÍCIO21BOTÕES DO WEBAPP05LOGO DA TOTVS22TEXTO DOS BOTÕES06USAR ÍCONE NO MENU DO WEBAPP23FUNDO DO MENU LATERAL07 NÃO ADICIONAR SOMBRA EM CATEGORIA24TEXTO DO MENU LATERAL08FUNDO DO WEBAPP25STATUS DO PEDIDO09FUNDO DO CABEÇALHO26STATUS DO PEDIDO ATIVO10TEXTO DO CABEÇALHO27TEXTO DO STATUS DO PEDIDO11ÍCONES DO CABEÇALHO28INFORMATIVO CARRINHO
    Expandir
    title01 - Tela inicial do WebApp 
    Image Added
    Expandir
    title02 - Categorias

    01 - Aqui o cliente visualizará as categorias registadas

    02 - Barra de acessos (Tela de Inicio - Catálogo - Carrinho - Pedidos - Informações da loja e o link de acesso para o WhatsApp da loja)

    03 - Barra de pesquisas, Filtros, Carrinho e Menu

    Image Added

    Expandir
    title03 - Subcategorias

    Image Added

    Expandir
    title04 - Produtos


    Image Added

    Expandir
    title05 - Detalhes do Produto/ Adicionar ao carrinho

    01 - Detalhes do Produto
    02 - Quantidade de produtos / Adicionar ao carrinho 

    03 - Opções de Continuar comprando (direciona para a lista de produtos novamente) e Ir para o carrinho.

    Image AddedImage Added

    Expandir
    title06 - Resumo do pedido / Adicionar CEP

    01 - Inserir CEP 
    02 - Definir se será uma Entrega ou Retirada
    03 - Resumo do Pedido
    04 - Realizar o pagamento

    Image Added

    Expandir
    title07 - Retirada na loja/ Entrega

    01 - Caso o cliente escolher retirar na loja, o WebApp dará a opção de selecionar a loja em que deseja retirar o produto
    02 - Caso selecione a opção de entrega, será nescessario preeencher os dados do endereço.

    Image AddedImage Added

    Expandir
    title09 - Cadastro

    Caso o Cliente já tenha cadastro na loja será nescessario apenas inserir o CPF e as outras informações iram preencher automaticamente.

    Image Added

    Expandir
    title08 - Informações da compra / Pagamento

    01 - Informações do cliente
    02 - Formas de pagamento, proporcionando ao cliente a opção de realizar o pagamento antecipado ou ao receber seu produto.

    Image Added

    Expandir
    title09 - Pedido finalizado

    01 - Ápos o pagamento o cliente será direcionado para a tela de acompanhamento do pedido.

    Image Added

    12 FUNDO DO RODAPÉ13 ÍCONES DO RODAPÉ14REALCE DO RODAPÉ15NOTIFICAÇÃO DO CARRINHO16TEXTO DE NOTIFICAÇÃO17 BARRA DE TÍTULO

    Image Removed

    01 – INTEGRAÇÃO – Aqui é possível selecionar integrações cadastradas na funcionalidade de PDV. As integrações são customizadas pela equipe Ninegrid e disponibilizadas para uso. Em caso de dúvidas, confira mais sobre em – INTEGRAÇÕES PDV.

    02 – TIPO DE RESTRIÇÃO DE ENTREGA – Selecione a forma como será aplicado o valor da taxa de entrega, podendo ser por raio, lista de CEP ou definindo no mapa.

    03 – MEIO DE PAGAMENTO CARTÃO – Neste campo você pode selecionar a associação do pagamento feito por cartão. Os meios de pagamentos são customizados pela equipe da Ninegrid e disponibilizados para escolha. Em caso de dúvidas, confira mais sobre em – INTEGRAÇÕES MEIO DE PAGAMENTO.CONFIGURAÇÕES EXTRAS – Aqui é possível habilitar no Webapp a exibição da Carta de Consentimento, dos produtos sem estoque, das observações feitas na personalização do Webapp e ativar o agrupamento das categorias.

    04 – CONFIGURAÇÕES EXTRAS – Aqui é possível habilitar no Webapp a exibição da Carta de Consentimento, dos produtos sem estoque, das observações feitas na personalização do Webapp e ativar o agrupamento das categorias.

    05 – MEIO DE PAGAMENTO PIX – Neste campo você pode selecionar a associação do pagamento feito via Pix. Os meios de pagamentos são customizados pela equipe da Ninegrid e disponibilizados para escolha.

    06 – MEIO DE PAGAMENTO NA ENTREGA – Neste campo você pode selecionar, para o caso da modalidade entrega, se o pagamento será feito offline ou na entrega do produto. Os meios de pagamentos são customizados pela equipe da Ninegrid e disponibilizados para escolha.

    07 – BOTÃO SALVAR – Após personalizar os dados do Webapp, não esqueça de salvar

    Image Removed

    Nota
    iconfalse
    titleConfira!

    Confira a documentação para imagens:

  • VD - Personalização da Solução

  • VD - Guia de Fotos

  • VD - Manual de Imagens