Etapa 1: Varejo.
Passo 1: Após selecionar/cadastrar produto , selecione o tipo de canal, ou clique em 
para editar produto.
Link Tela: http://prntscr.com/bk2au4
Passo 2: Selecione o tipo de canal que deseja realizar a comparação do produto, se é do canal Varejo ou Marketplace.
Passo 3: Insira a URL do produto concorrente para adicionar e comparar pode ser Varejo ou Marketplace.
Etapa 2: Varejo.
Passo 1: Após ter concluído os passos da etapa 1, sera aberto logo abaixo as janelas de comparação referentes ao adicionado no passo 3 da etapa 1.
Link referente a esta etapa: http://prntscr.com/bkhw25
- No caso de ter adicionado uma Marketplace como comparador, sera aberto o valor que a loja da Marketplace fornece o produto, e as demais lojas integradas a este Marketplace, logo ao lado se encontra o status de disponibilidade do produto "
" de cada Loja.
- No caso de ter adicionado uma Marketplace como comparador, sera aberto o valor que a loja da Marketplace fornece o produto, e as demais lojas integradas a este Marketplace, logo ao lado se encontra o status de disponibilidade do produto "
Passo 2: Campos possíveis de serem alterados pelo lojista ao clicar em 
.
- Margens de lucro mímica e máxima do produto, referente ao preço de custo do produto. ( Valor do de decremente não ira atuar alem da márgem mínima.).
- Valor atual do Item consultado/cadastrado.
- Valor sugerido para concorrência do item consultado/cadastrado.
- valor Valor minimo que pode ser decrementado do produto.
- Preço de custo do produto cadastrado.
- Lojas com valores em ordem crescente de concorrência, revelando o concorrente com menor valor e que se deve ter mais atenção.
- Mostra a posição da sua loja referente as demais.
- Copia o link para ser aberto manualmente, para impedir o rastreio e bloqueio da URL.
- Selecione Direto: para marcar o varejo/marketplace referente a este como concorrente Direto.
- Selecione Indireto: para marcar o varejo/marketplace referente a este como concorrente Indireto.
- Selecione quais concorrentes devem ser listados, Direto, Indireto ou Todos como "Direto / Indireto ".
- Histórico de atualizações pelo operador/lojista. Permite visualizar data e hora na qual o lojista mudou um tipo de loja como concorrente direto ou indireto.
Pode ser refinado a busca do histórico de atualizações por Direto ou Indireto.
- Histórico de atualizações pelo operador/lojista. Permite visualizar data e hora na qual o lojista mudou um tipo de loja como concorrente direto ou indireto.
- Varejos concorrentes: Mostra informação dos varejos concorrentes, com valores e parcelas.
- Erro: Quando algum erro é reconhecido, sera mostrado desta forma.
Botões:
- Sem ação Hover.
Cor border: #676767
- Com ação Hover.
Cor border: #c7c7c7
- Sem ação Hover.
Cor: #367fa9
- Com ação Hover.
Cor: #3c8dbc
- Sem ação Hover.
Cor: #008d4c
- Com ação Hover.
Cor: #05a85d
- Sem ação Hover.
Cor: #008d4c
- Com ação Hover.
Cor: #05a85d
Cor valor sugerido quando abaixo do valor atual: #22a263
Cor valor atual quando acima do valor sugerido: #df4937
Cor valor sugerido quando acima do valor atual: #df4937
Cor valor atual quando abaixo do valor sugerido: #22a263
Tabela de Ícones utilizados:
Para consulta : http://fontawesome.io/icons/.
: fa-pencil-square-o - <i class="fa fa-pencil-square-o" aria-hidden="true"></i> | Unicode: []
: fa-external-link - <i class="fa fa-external-link" aria-hidden="true"></i> | Unicode: []
: fa-plus - <i class="fa fa-plus" aria-hidden="true"></i> | Unicode: []
: fa-minus - <i class="fa fa-minus" aria-hidden="true"></i> | Unicode: []
: fa-exclamation-triangle - <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> | Unicode: []
: fa-trash - <i class="fa fa-trash" aria-hidden="true"></i> | Unicode: []
: fa-refresh - <i class="fa fa-refresh" aria-hidden="true"></i> | Unicode: []
: fa-area-chart - <i class="fa fa-area-chart" aria-hidden="true"></i> | Unicode: []
: fa-chevron-left - <i class="fa fa-chevron-left" aria-hidden="true"></i> | Unicode: []
: fa-chevron-right - <i class="fa fa-chevron-right" aria-hidden="true"></i> | Unicode: []
: fa-square - <i class="fa fa-square" aria-hidden="true"></i> | Unicode: []
: fa-circle - <i class="fa fa-circle" aria-hidden="true"></i> | Unicode: []
: fa-shopping-basket - <i class="fa fa-shopping-basket" aria-hidden="true"></i> | Unicode: []