Etapa 1: Varejo.
Passo 1: Após selecionar produto cadastrado, selecione o tipo de canal, ou clique em 
para editar produto.
...
Passo 1: Após ter concluído os passos da etapa 1, você sera redirecionado para pagina.
Botões:
Cor: #05a85d
Ao clicar em Editar valores, sera substituído o botão Editar valores por Salvar, com as seguintes ações Hover:
- Sem ação Hover.
Cor: #008d4c
- Com ação Hover.
Cor: #05a85d
- No caso de Marketplace, 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 "
".
Campos possíveis de serem alterados pelo lojista ao clicar em editar valores 
.
- Margens de lucro mímica e máxima do produto. (valor do decremente não ira atuar alem da mínima)
- Valor atual do Item consultado/cadastrado.
...
- valor minimo que pode ser decrementado do produto, inserido pelo próprio lojista.
- Lojas com valores em ordem crescente de concorrência, revelando o concorrente com menor valor e que se deve ter mais atenção.
...
Selecione Direto: para marcar o varejo/marketplace referente a este como concorrente Direto.
Selecione Indireto: para marcar o varejo referente /marketplace referente a este como concorrente Indireto.
...
Erro: Quando algum erro é reconhecido, sera mostrado desta forma.
Botões:
- Sem ação Hover.
Cor: #008d4c
- Com ação Hover.
Cor: #05a85d
Ao clicar em Editar valores, sera substituído o botão Editar valores por Salvar, com as seguintes ações Hover:
- Sem ação Hover.
Cor: #008d4c
- Com ação Hover.
Cor: #05a85d
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: []