Portal Mitsubishi. Publicação de conteúdo para Renaro

Transcrição

1 Portal Mitsubishi Publicação de conteúdo para Renaro

2 Índice Área: Login... 3 Área: Home v Área: Home v Área: Sua Concessionária Área: Contato Área: Acessórios Área: Imagens dos Acessórios Não Homologados Área: Funilaria e Pintura Área: Seminovos Área: Peças Área: Kit Peças Área: Renova Área: Serviços Área: Revisão Programada Área: Assistance Área: MIT SIM Área: Blindagem Área: Recursos Humanos

3 Área: Login Para entrar na área administrativa do site, faça os procedimentos a seguir. Entre no site da Mitsubishi Motors: e clique na opção Faça Seu Login. Após isso, uma caixa, com as opções de Usuário e senha será exibida: Informe os dados de acesso que você recebeu da MITSUBISHI para acessar e clique no botão Acessar. Após isso, a seguinte tela será exibida: 3

4 Conforme especificado acima, clique no nome da sua concessionária e você será direcionado para a tela administrativa do seu site. 4

5 Área: Home v1 Para editar a página principal do site, vá até a opção Home : Vamos dividi-la para facilitar o entendimento. A primeira parte será o banner principal. Clique no botão Cadastrar para inserir um novo banner ou em Editar para alterar um banner. O formulário de opções será o mesmo para ambos. Após clicar em uma das opções, o sistema irá processar e exibir os campos abaixo: 1 - Campo Nome: O conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Este campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Banner Campo Título de Exibição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Banner 2. 5

6 3 - Descrição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Banner 2. Para editar a imagem que irá aparecer no banner rotativo, edite as opções abaixo: 4 - Campo Imagem: campo responsável pela imagem principal do banner. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 1180px (largura) X 500px (altura). 5, 6, 7 - Link da Imagem: campo responsável pelo link da imagem do banner. Assim que uma imagem for cadastrada ou editada, há a possibilidade de inserir um link, URL de destino, para linkar um conteúdo a essa imagem. Para isso, clique em Procurar Conteúdo e, na estrutura de conteúdos, navegue até chegar ao item que deseja exibir quando o banner for clicado. A opção Destino do Link deve ser Único, para não abrir em nova janela. Obs; Para cadastrar mais imagens no banner, basta clicar novamente no botão Cadatrar e seguir o mesmo procedimento citado acima. 6

7 A segunda parte da explicação tratará da edição da parte logo depois do banner. Para isso, siga os procedimentos abaixo e clique em Editar Conteúdo. O sistema irá processar e exibir o seguinte formulário: 1 - Campo Nome: O conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Este campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Banner Campo Título de Exibição: O conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Este campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Banner Campo Descrição: O conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Banner 1. 7

8 Após isso, vamos começar a editar os banners. 4 - Campo Banner Superior Esquerdo: campo responsável pela imagem principal do banner, evidenciado em amarelo na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, o layout, a imagem precisa ter 500px (largura) X 250px (altura). 5 - Campo Link Banner Superior Esquerdo: campo responsável pelo link da imagem do banner. Assim que uma imagem for cadastrada ou editada, há a possibilidade de inserir um link para conteúdo nela. Para isso, clique em Procurar Conteúdo e, na estrutura de conteúdos, 8

9 navegue até chegar ao item que deseja exibir quando o banner for clicado. A opção Destino do Link deve ser Único, para não abrir em nova janela. Continuando a edição da página, temos os campos dos outros banners: 6 - Campo Banner Superior Direito: campo responsável pela imagem principal do banner, evidenciado em verde na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 500px (largura) X 250px (altura). 9

10 7 - Link Banner Superior Direito: campo responsável pelo link da imagem do banner. Assim que uma imagem for cadastrada ou editada, há a possibilidade de inserir um link, URL de destino, para linkar um conteúdo a essa imagem. Para isso, clique em Procurar Conteúdo e, na estrutura de conteúdos, navegue até chegar ao item que deseja exibir quando o banner for clicado. A opção Destino do Link deve ser Único, para não abrir em nova janela. O próximo banner a ser editado, será o central, da direita. Para isso, veja as opções abaixo: 8 Campo Banner Central Direito: campo responsável pela imagem principal do banner, evidenciado em azul na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 500px (largura) X 250px (altura). 9 Campo Link Banner Central Direito: campo responsável pela URL de destino da imagem do banner. Assim que uma imagem for cadastrada ou editada, há a possibilidade de inserir um link, URL de destino, para linkar um conteúdo a essa imagem. Para isso, clique em Procurar Conteúdo e, na estrutura de conteúdos, navegue até chegar ao item que deseja exibir quando o banner for clicado. A opção Destino do Link deve ser Único, para não abrir em nova janela. 10

11 Após preencher o formulário acima, clique em Salvar e Fechar, conforme imagem abaixo: Caso queira cancelar suas modificações, clique em Anterior para voltar à tela anterior. 11

12 Área: Home v2 Para editar a página principal do site, vá até a opção Home : Vamos dividi-la para facilitar o entendimento. A primeira parte será o banner principal. Clique no botão Cadastrar para inserir um novo banner ou em Editar para alterar um banner. O formulário de opções será o mesmo para ambos. Após clicar em uma das opções, o sistema irá processar e exibir os campos abaixo: 1 - Campo Nome: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Este campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Banner Campo Título de Exibição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Banner 2 12

13 3 - Descrição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Banner 2 Para editar a imagem que irá aparecer no banner rotativo, edite as opções abaixo: 4 - Campo Imagem: campo responsável pela imagem principal do banner. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 1180px (largura) X 500px (altura). 5, 6, 7 - Link da Imagem: campo responsável pelo link da imagem do banner. Assim que uma imagem for cadastrada ou editada, há a possibilidade de inserir um link, URL de destino, para linkar um conteúdo a essa imagem. Para isso, clique em Procurar Conteúdo e, na estrutura de conteúdos, navegue até chegar ao item que deseja exibir quando o banner for clicado. A opção Destino do Link deve ser Único, para não abrir em nova janela. Obs; Para cadastrar mais imagens no banner, basta clicar novamente no botão Cadatrar e seguir o mesmo procedimento citado acima. 13

14 A segunda parte da explicação tratará da edição da parte logo depois do banner. Para isso, siga os procedimentos abaixo e clique em Editar Conteúdo. O sistema irá processar e exibir o seguinte formulário: 1 - Campo Nome: O conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Este campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Banner Campo Título de Exibição: O conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Este campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Banner Campo Descrição: O conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Banner 1. 14

15 Após isso, vamos começar a editar os banners. 4 - Campo Banner Superior Esquerdo: campo responsável pela imagem principal do banner, evidenciado em amarelo na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 500px (largura) X 250px (altura). 15

16 5 - Campo Link Banner Superior Esquerdo: campo responsável pelo link da imagem do banner. Assim que uma imagem for cadastrada ou editada, há a possibilidade de inserir um link para conteúdo nela. Para isso, clique em Procurar Conteúdo e, na estrutura de conteúdos, navegue até chegar o item que deseja exibir quando o banner for clicado. A opção Destino do Link deve ser Único, para não abrir em nova janela. Continuando a edição da página, temos os campos dos outros banners: 6 - Campo Banner Superior Direito: campo responsável pela imagem principal do banner, evidenciado em verde na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 500px (largura) X 250px (altura). 16

17 7 - Link Banner Superior Direito: campo responsável pelo link da imagem do banner. Assim que uma imagem for cadastrada ou editada, há possibilidade de inserir um link, URL de destino, para linkar um conteúdo a essa imagem. Para isso, clique em Procurar Conteúdo e, na estrutura de conteúdos, navegue até chegar ao item que deseja exibir quando o banner for clicado. A opção Destino do Link deve ser Único, para não abrir em nova janela. O próximo banner a ser editado, será o central, da esquerda. Para isso, veja as opções abaixo: 8 Campo Banner Central Esquerdo: campo responsável pela imagem principal do banner, evidenciado em amarelo na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 500px (largura) X 250px (altura). 17

18 9 - Campo Link Banner Central Esquerdo: campo responsável pelo link da imagem do banner. Assim que uma imagem for cadastrada ou editada, há a possibilidade de inserir um link, URL de destino, para linkar um conteúdo a essa imagem. Para isso, clique em Procurar Conteúdo e, na estrutura de conteúdos, navegue até chegar ao item que deseja exibir quando o banner for clicado. A opção Destino do Link deve ser Único, para não abrir em nova janela. 18

19 10 - Banner Inferior Esquerdo: campo responsável pela imagem principal do banner, evidenciado em amarelo na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 500px (largura) X 250px (altura) Link Banner Inferior Esquerdo: campo responsável pelo link, URL de destino, da imagem do conteúdo em que será editado ou cadastrado. Assim que uma imagem for cadastrada/editada, há a possibilidade de inserir um link para conteúdo nela. Clique em Procurar Conteúdo e, na estrutura de conteúdos, navegue até chegar ao item que deseja exibir quando o banner for clicado. O Destino do Link deve ser Único, para não abrir em nova janela. Após preencher o formulário acima, clique em Salvar e Fechar, conforme imagem abaixo: 19

20 Caso queira cancelar suas modificações, clique em Anterior para voltar à tela anterior. 20

21 Área: Sua Concessionária Para editar o conteúdo da página Concessionária, siga os passos abaixo: Ao acessar a página da sua concessionária, clique em CONCESSIONÁRIA no menu superior, como mostra o retângulo vermelho na imagem abaixo: Após acessar a página de concessionária, você terá a opção de editar conteúdo e editar as imagens. Obs.: iremos trabalhar com retângulos e quadrados coloridos apontados nas imagens, com explicações logo abaixo, portanto, preste atenção na cor selecionada para editar ou cadastrar o item corretamente. 21

22 Retângulo Verde: o campo Editar conteúdo serve para editar o conteúdo da página, como o texto e o selo de certificação. Abaixo você verá a tela para inserção e edição de conteúdo: Nome: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Esse campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Concessionária. 2 - Título de Exibição: neste campo você pode inserir ou alterar o título da página, exibido acima das imagens, como mostra a imagem após o item 4. Segue exemplo para preenchimento: Nome da sua concessionária. 3 - Descrição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Concessionária. 4 - Texto: este é o campo para inserir o texto da página Concessionária. Nesse campo pode ser inserida uma maior quantidade de texto, evidenciado pelo retângulo vermelho na imagem abaixo. As informações inseridas nos campos 2 e 4 são exibidas nos campos evidenciados abaixo: 22

23 Endereço: insira neste campo o endereço da sua concessionária. Não se esqueça de informar bairro, cidade e estado. Você pode também inserir o CEP da rua. 6 e 7 - Latitude e Longitude: estes campos são necessários para a localização do mapa na página Concessionária. Caso não saiba os pontos de latitude e longitude, basta preencher o campo 5 Endereço. Caso o campo 5 Endereço esteja preenchido, o mapa fará a localização através do endereço informado. Ao preencher todo o formulário nos campos acima, você deve salvar as alterações para não perder nenhum dado. Veja as possibilidades para salvar ou cancelar o processo: 23

24 Salvar e Fechar para que volte para o conteúdo editado; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela anterior sem salvar as alterações. Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela de conteúdo com o mesmo conteúdo já salvo por você. Retângulo Laranja - Cadastrar Foto: clicando em Cadastrar Foto abrirá um formulário com os campos necessários para inserir uma imagem no campo abaixo do botão. Retângulo Azul - Editar Foto: no quadrado azul temos o lápis, que representa sempre uma edição de um item ou conteúdo. Nesse caso, é a edição de uma foto. Caso queira editar a descrição/legenda da foto ou modificar a própria foto por outra. O formulário é o mesmo do Cadastrar Foto citado acima. Retângulo Vermelho - Excluir Foto: no quadrado vermelho temos o X para excluir a foto. Clicando no mesmo e confirmando, a foto será excluída. Ao clicar nos botões Cadastrar Foto ou Editar Foto, teremos o seguinte formulário: 1 - Campo nome: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o 24

25 preenchimento deste campo é opcional. Esse campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Concessionária. 2 - Campo Título de Exibição: neste campo você pode inserir ou alterar o título da página, exibido acima das imagens, como mostra a imagem após o item 4. Segue exemplo para preenchimento: Nome da sua concessionária. 3 - Campo Descrição: neste campo você pode inserir a legenda da imagem. Caso sua imagem não possua legenda, você pode deixar o campo em branco. Segue exemplo abaixo: 4 - Campo Foto: para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 420px (largura) X 280px (altura). 25

26 Também existe a opção dessa página ficar sem imagem principal, basta clicar no botão Excluir no formulário, ao lado do campo Imagem. Ao preencher todo o formulário nos campos acima, você deve salvar as alterações para não perder nenhum dado. Veja as possibilidades para salvar ou cancelar o processo: Salvar e Fechar para que volte para o conteúdo editado; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela anterior sem salvar as alterações. Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela de conteúdo com o mesmo conteúdo já salvo por você. 26

27 Área: Contato Para editar o conteúdo da página Contato, siga os passos abaixo. Ao acessar a página da sua concessionária, clique em CONTATO no menu superior, como mostra a imagem abaixo: Obs.: iremos trabalhar com retângulos e quadrados coloridos apontados nas imagens, com explicações logo abaixo, portanto preste atenção na cor selecionada para editar ou cadastrar o item corretamente: Retângulo Verde: Ao clicar no botão Editar, será possível editar o conteúdo da página de Contato. 27

28 1- Nome: O campo nome é obrigatório para a ferramenta e não pode conter caracteres especiais como acento, vírgula, traços, etc. Como ele é apenas uma referencia para a ferramenta, seu conteúdo não será exibido em lugar algum do site. Segue um exemplo para preenchimento: contato. 2- Título de Exibição: Este campo é responsável pelo título da página do conteúdo atual que estamos editando, evidenciado em vermelho na imagem abaixo. Para facilitar a sua vida a Mitsubishi preencheu o conteúdo deste campo exatamente como deve ser. Desta forma, você não precisa altera-lo. 3 - Descrição: O conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: contato da concessionária. 28

29 4 - Horário de funcionamento: insira neste campo o horário de funcionamento da sua concessionária. Você pode personalizar os dias e horário de funcionamento, como no exemplo acima. 5 - Endereço: insira neste campo o endereço da sua concessionária. Não se esqueça de informar bairro, cidade e estado. Você pode também inserir o CEP da rua. 6 - Telefone: informe neste campo o telefone da concessionária. Caso haja mais de um telefone, separe os números por / (barra) a cada número de telefone informado. 7 insira neste campo o de contato da concessionária. Caso haja mais de um e- mail, separe os s por / (barra) a cada informado. As informações inseridas nos campos de 1 até 7 são exibidas nos campos evidenciados pelo retângulo verde e também no rodapé do site. 29

30 8 e 9 - Latitude e Longitude: Estes campos são necessários para a localização do mapa na página Concessionária. Caso não saiba os pontos de latitude e longitude, basta preencher o campo 5 Endereço. Caso o campo 5 Endereço esteja preenchido, o mapa fará a localização através do endereço informado. 30

31 10 Clickdesk ID: Este campo é para configuração do chat online da concessionária. Caso sua concessionária opte pelo serviço, você receberá o código atualizado para disponibilizar o serviço de chat em seu site. Por favor, não altere o valor deste campo até receber instruções Nome Concessionária: neste campo você deve inserir o nome da sua concessionária. O nome da sua concessionário será exibido no cabeçalho e também no rodapé do site, como mostram as imagens abaixo: Ao preencher todo o formulário nos campos acima, você deve salvar as alterações para não perder nenhum dado. Veja as possibilidades para salvar ou cancelar o processo: Salvar e Fechar para que volte para o conteúdo editado; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela anterior sem salvar as alterações. Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela de conteúdo com o mesmo conteúdo já salvo por você. 31

32 Área: Acessórios Vamos trabalhar agora com a página ACESSÓRIOS: 1 - Acesse a página principal e clique em Peças. 2 - Em seguida clique em Acessórios. 32

33 Para Editar essa página, veja os procedimentos abaixo: Obs.: iremos trabalhar com retângulos e quadrados coloridos apontados nas imagens, com explicações logo abaixo, portanto, preste atenção na cor selecionada para editar ou cadastrar o item corretamente. Retângulo Verde: opção editar o conteúdo. Clique no botão Editar para modificar os itens marcados em azul. (texto de Acessórios) Retângulo Azul: texto que poderá ser editado pelo usuário. Ao clicar em Editar, o formulário abaixo aparecerá para edição do conteúdo. 33

34 1 - Campo nome: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site.como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Este campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Acessorios 2 - Campo Título de Exibição: é o título da página do conteúdo atual que estamos editando, evidenciado em amarelo na imagem abaixo. Não alterar esse campo. 3 - Campo Descrição: Na página principal de Peças, temos um pequeno descritivo referente ao tema Acessórios. Esse campo de preenchimento é responsável por essa descrição. 34

35 Evidenciado em amarelo na imagem abaixo. Não alterar esse campo. 4 - Campo Descrição: este segundo campo de nome Descrição é responsável pelo texto interno do conteúdo da página principal do tema. Evidenciado em amarelo na imagem abaixo. 35

36 5 - Campo Imagem Principal: campo responsável pela imagem principal, que fica do lado esquerdo do texto, do conteúdo em que estamos editando. Evidenciado em amarelo na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 176px (largura) X 136px (altura). Também existe a opção dessa página ficar sem imagem principal, basta clicar no botão Excluir no formulário, ao lado do campo Imagem. Não alterar esse campo. 36

37 6 - Campo Ícone: na página principal de Peças, temos um pequeno descritivo com um ícone ilustrativo referente ao tema Acessórios. Esse campo de preenchimento é responsável pelo ícone, evidenciado em amarelo na imagem abaixo. Não alterar esse campo. 7 - Campo Título da Tela Peças : na página principal de Peças, temos um pequeno resumo referente ao tema Acessórios, com título, descrição e ícone. Esse campo de preenchimento é 37

38 responsável pelo título do resumo, evidenciado em amarelo na imagem abaixo. Não alterar esse campo. Preenchido todo o formulário nos campos demonstrados acima, clique em: Salvar e Fechar para que volte para o conteúdo principal da página, com as informações alteradas; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela do conteúdo principal da página, sem que as alterações sejam espelhadas. Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela do conteúdo com o mesmo já salvo por você. Importante: às vezes esse procedimento de preenchimento do formulário pode ser demorado. Portanto, como você faz para seus documentos ou afins, sempre salve o formulário para que não perca suas informações e tenha que refazê-lo. 38

39 Área: Imagens dos Acessórios Não Homologados Você também tem a opção de incluir imagens dos acessórios que a sua concessionária oferece aos modelos Mitusbishi. Para isso, siga as orientações abaixo: Acesse a página da sua concessionária; Clique em Peças, no menu superior; Clique no item Acessórios ; Selecione o modelo do veículo. Obs.: para esse material, seguiremos como exemplo o modelo ASX. Esse passo a passo deve ser realizado com todos os modelos presentes na página. Você será direcionado para a página do modelo selecionado, no caso, ASX. Clique no botão ACESSÓRIOS NÃO HOMOLOGADOS. 39

40 Você será direcionado para a página dos Acessórios não homologados, cujas fotos estão preenchidas com imagens azuis. No lugar dessas imagens, devem conter as fotos dos acessórios, fornecidas pela sua concessionária, ou seja, será necessário Editar, Excluir ou Acrescentar imagens. Para alterar a imagem, clique em Editar, evidenciado em amarelo na imagem abaixo: Ao clicar em Editar, um formulário de preenchimento irá aparecer na tela. 40

41 1 - Campo Nome: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site.como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Este campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Dakar 2 - Campo Título de Exibição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site.como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Dakar 3 - Campo Descrição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site.como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Dakar 4 - Campo Tipo: neste campo você deve selecionar qual o tipo de imagem você está cadastrando no site, se é uma imagem de um acessório externo ou de um acessório interno, pois será através desse campo que será feito o direcionamento da imagem para o local correto da visualização. Evidenciado em amarelo, as fotos internas, e, em verde, as fotos externas, na imagem abaixo: 41

42 42

43 5 - Campo Modelo: neste campo você deverá selecionar qual o modelo do carro você está se referindo na inclusão da imagem. No caso do exemplo, ASX. 6 - Campo Título: neste campo você deverá incluir uma legenda para a foto. Essa descrição aparecerá em dois momentos: ao passar o mouse por cima da miniatura e ao clicar na imagem. Evidenciado em amarelo nas imagens abaixo: 43

44 7 - Campo Descrição: o preenchimento desse campo é opcional, pois não será exibido em nenhum lugar do site. Caso queira preencher, sugerimos que seja alguma característica do acessório, por exemplo, acessório disponível apenas para versão AWD. 44

45 8 - Campo imagem: este é o campo utilizado para a inclusão da imagem do acessório. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 800px (largura) X 600px (altura). Também existe a opção de excluir as imagens de duas formas: - Basta clicar no botão Excluir no formulário, ao lado do campo imagem, indicado acima. - Embaixo da própria imagem existe o botão Excluir, evidenciado em amarelo na imagem abaixo: Preenchido todo o formulário nos campos demonstrados acima, clique em: Salvar e Fechar para que volte para o conteúdo principal da página, com as informações alteradas; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela do conteúdo principal da página, sem que as alterações sejam espelhadas. 45

46 Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela do conteúdo com o mesmo já salvo por você. Importante: às vezes esse procedimento de preenchimento do formulário pode ser demorado. Portanto, como você faz para seus documentos ou afins, sempre salve o formulário para que não perca suas informações e tenha que refazê-lo. Obs: todas as imagens azuis devem ser substituídas por fotos de acessórios. Caso a quantidade de fotos seja menor que as imagens azuis, exclua as demais. 46

47 Área: Funilaria e Pintura Para editar o conteúdo da página Funilaria e Pintura, siga os passos abaixo. Ao acessar a página da sua concessionária, clique em SERVIÇOS no menu superior, como mostra a imagem abaixo: Agora clique no item Funilaria e Pintura, apontado na imagem abaixo: Obs.: iremos trabalhar com retângulos e quadrados coloridos apontados nas imagens, com explicações logo abaixo, portanto, preste atenção na cor selecionada para editar ou cadastrar o item corretamente. 47

48 Retângulo Verde: serve para editar o conteúdo da página, como texto e o selo de certificação. Abaixo, verá a tela para inserção e edição de conteúdo. Retângulo Azul Editar foto: no quadrado azul, temos o lápis que representa sempre a edição de um item ou conteúdo. Neste caso, é a edição de uma foto. Caso queira editar a descrição/legenda da foto ou modificar a própria foto por outra, o formulário é o mesmo do Cadastrar Foto citado acima. Retângulo Vermelho Excluir foto: no quadrado vermelho temos o X para excluir a foto. Clicando no mesmo e confirmando, a foto será excluída. 1 - Campo nome: O campo nome é obrigatório para a ferramenta e não pode conter caracteres especiais como acento, vírgula, traços, etc. Como ele é apenas uma referencia para a ferramenta, seu conteúdo não será exibido em lugar algum do site. Segue um exemplo para preenchimento: funilaria. 2 - Campo Título de Exibição: Este campo é responsável pelo título da página do conteúdo atual que estamos editando, evidenciado em amarelo na imagem abaixo. Para facilitar a sua vida a Mitsubishi preencheu o conteúdo deste campo exatamente como 48

49 deve ser. Desta forma, você não precisa altera-lo. 3 - Campo Descrição: Na página principal de Serviços temos um pequeno descritivo referente ao tema Funilaria e Pintura. Este campo de preenchimento é responsável por esta descrição. Texto evidenciado em azul na imagem abaixo. Para facilitar a sua vida a Mitsubishi preencheu o conteúdo deste campo exatamente como deve ser. Desta forma, você não precisa altera-lo Campo Descrição: este é o campo para inserir o texto da página de Funilaria e Pintura, na qual clicamos no botão editar. Neste campo pode ser inserida uma maior quantidade de texto. Evidenciado pelo retângulo verde na imagem abaixo: 49

50 A Mitsubishi desenvolveu um conteúdo adequado e já disponibilizou no campo para que você não tenha trabalho. Aconselhamos não alterar este texto. 5 5 Campo título da tela serviços: insira o título que irá aparecer para Funilaria e Pintura na página principal do menu Serviços. Por favor, não altere este conteúdo pois ele foi desenvolvido especialmente para este campo. Ao preencher todo o formulário nos campos acima, você deve salvar as alterações para não perder nenhum dado. Veja as possibilidades para salvar ou cancelar o processo: Salvar e Fechar para que volte para o conteúdo editado; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela anterior sem salvar as alterações. Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela de conteúdo com o mesmo conteúdo já salvo por você. 50

51 Cadastrando uma nova imagem: Ainda na tela de Funilaria e Pintura, clique no botão Cadastrar Foto, evidenciado em laranja. Retângulo Laranja: Cadastrar Foto; Retângulo Azul Editar foto: no quadrado azul temos o lápis, que representa sempre uma edição de um item ou conteúdo. Neste caso, é a edição de uma foto. Caso queira editar a descrição/legenda da foto ou modificar a própria foto por outra, o formulário é o mesmo do Cadastrar Foto citado acima. Retângulo Vermelho Excluir foto: no quadrado vermelho temos o X para excluir a foto. Clicando no mesmo e confirmando, a foto será excluída. Ao clicar nos botões Cadastrar Foto ou Editar Foto, teremos o seguinte formulário: 1- Campo Nome: O campo nome é obrigatório para a ferramenta e não pode conter caracteres 51

52 especiais como acento, vírgula, traços, etc. Como ele é apenas uma referencia para a ferramenta, seu conteúdo não será exibido em lugar algum do site. Segue um exemplo para preenchimento: foto1. 2- Campo Título de Exibição: Este campo é responsável pelo título de exibição da imagem na ferramenta e serve para identificação da imagem. Ele não vai aparecer em lugar algum do site. Segue um exemplo para preenchimento: foto para-choque. 3 - Campo Descrição: Neste campo você pode inserir a legenda da imagem. Este campo não é obrigatório e caso sua imagem não possua legenda, você pode deixa-lo em branco. Segue o exemplo do conteúdo deste campo apontado pela seta verde na imagem abaixo: 52

53 4 - Campo Foto: para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 420px (largura) X 280px (altura). Também existe a opção dessa página ficar sem imagem principal, basta clicar no botão Excluir no formulário, ao lado do campo Imagem. Ao preencher todo o formulário nos campos acima, você deve salvar as alterações para não perder nenhum dado. Veja as possibilidades para salvar ou cancelar o processo: Salvar e Fechar para que volte para o conteúdo editado; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela anterior sem salvar as alterações. Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela de conteúdo com o mesmo conteúdo já salvo por você. 53

54 Área: Seminovos Para editar a página SEMINOVOS acesse a página pelo menu: Obs.: iremos trabalhar com retângulos e quadrados coloridos apontados nas imagens, com explicações logo abaixo, portanto, preste atenção na cor selecionada para editar ou cadastrar o item corretamente. Para cadastrar um veículo seminovo, siga os passos a seguir: Retângulo Verde: Botão para cadastrar um seminovo. Retângulo Vermelho: edição do conteúdo. Ao clicar no botão Editar, o mesmo formulário explicado acima será exibido. Retângulo Azul: você poderá excluir cada veículo cadastrado clicando no botão Excluir. Confira abaixo o formulário que deve ser preenchido para inclusão de um seminovo no site. 54

55 1 - Campo Nome: O campo nome é obrigatório para a ferramenta e não pode conter caracteres especiais como acento, vírgula, traços, etc. Como ele é apenas uma referencia para a ferramenta, seu conteúdo não será exibido em lugar algum do site. Segue um exemplo para preenchimento: seminovo Campo Título de Exibição: Este campo deve ser preenchido com a informação que será exibida acima do anuncio do carro. Abaixo, segue um exemplo do conteúdo no retângulo verde: 3 - Campo Descrição: O conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Lancer CVT. Marca 4 - Campo Marca: Neste campo você deve selecionar a marca do fabricante do veículo. Na opção exibida acima, temos várias marcas para seleção. Basta selecionar a marca desejada (Mitsubishi, Volkswagen, etc) e seguir para o próximo passo. Campo Modelo: Neste campo você deve informar o modelo do veículo à venda. No campo Modelo, insira o modelo desejado (ASX, ALL NEW OUTLANDER, PAJERO FULL 3D...) e siga para o próximo passo. 55

56 5 - Campo Selo MIT: Este campo deve ser marcado caso este veículo contenha o Selo MIT Sim. Para isto, basta selecionar a opção ren-selo-mitsim e seguir para o próximo passo. Caso o veículo não possua o selo MIT SIM, selecione a opção nenhum e seguir para o próximo passo. 6 - Campo Selo Oferta Especial ou Selo de Oportunidade: A Mitsubishi lhe da à oportunidade de tornar seus anúncios mais interessantes. Você pode sinalizar os anúncios com selos de OFERTA ESPECIAL e também com o selo de OPORTUNIDADE. Caso deseje sinalizar o anúncio com o selo de OFERTA ESPECIAL selecione a opção selooferta-especial e siga para o próximo passo. Caso deseje sinalizar o anúncio com o selo de OPORTUNIDADE selecione a opção selooportunidade e siga para o próximo passo. Se não desejar sinalizar o anúncio com nenhum selo, selecione a opção nenhum e siga para o próximo passo. Confira a exibição do selo na imagem abaixo: 56

57 7 - Campo km rodados: Insira neste campo o total de quilômetros rodados pelo veículo. Insira apenas números. Exemplo: mil quilômetros = 1000, dez mil quilômetros, Campo Portas: número de portas do veículo. 9 - Campo Combustível: informe o combustível do veículo. Exemplo: Diesel, gasolina, álcool, flex, elétrico ou gás Campo Câmbio: tipo de câmbio do veículo. Exemplo: Manual, automático, semiautomático, automatizado, etc Campo Final da Placa: Campo para inserção do último número da placa do veículo. Caso a placa seja MIT-2014, informe apenas o número Campo Carroceria: Neste campo você deve informar a carroceria do veículo. Exemplo: Hatchback, sedan, pick-up, etc Campo Opcionais: Neste campo você pode descrever os opcionais do veículo, caso hajam. Faça uma lista com os acessórios opcionais do veículo, exemplo: Ar-condicionado; 57

58 Direção elétrica Campo Ano do Veículo: Informe o ano de fabricação e ano do modelo do veículo. Exemplo: 2011/ Campo Cor do Veículo: Informe a cor do veículo anunciado Campo Preço do Veículo: Aqui você deve inserir o preço do veículo anunciado. Utilize o símbolo R$ antes dos números e separe milhar com. (ponto) e centena por, (virgula). Exemplo: R$ , Campo Forma de Pagamento: Informe aqui as formas de pagamento do veículo Campo Foto principal e direita do veículo: Para inserir a imagem do veículo clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 420px (largura) X 280px (altura). 58

59 20 - Campo Observações do Veículo: Neste campo você pode inserir algumas observações sobre veículo. Exemplo: Único dono, nunca bateu, perfeito estado, etc Campo Telefone: Caso queira, você pode inserir aqui também o telefone da concessionária. Lembrando que este campo não é necessário, pois seu telefone já esta disponível também em outros lugares do site, como no rodapé. Ao preencher todo o formulário nos campos acima, você deve salvar as alterações para não perder nenhum dado. Veja as possibilidades para salvar ou cancelar o processo: Salvar e Fechar para que volte para o conteúdo editado; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela anterior sem salvar as alterações. Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela de conteúdo com o mesmo conteúdo já salvo por você. 59

60 Área: Peças Vamos trabalhar agora com a página PEÇAS do menu principal. Clique no menu Peças, evidenciado em vermelho na imagem abaixo. Você será direcionado para a página de Peças. Vamos dividi-la para facilitar o entendimento. A primeira parte será o banner principal. Clique no botão Cadastrar para inserir um novo banner ou em Editar para alterar um banner. O formulário de opções será o mesmo para ambos. 60

61 Após clicar em uma das opções, o sistema irá processar e exibir os campos abaixo: 1 - Campo Nome: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Este campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Banner Pecas 2 - Campo Título de Exibição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Banner Peças 3 - Descrição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Banner Peças 61

62 Para editar a imagem que irá aparecer no banner rotativo, edite as opções abaixo: 4 - Campo Imagem: campo responsável pela imagem principal do banner. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 1180px (largura) X 500px (altura). 5, 6, 7 - Link da Imagem: campo responsável pelo link da imagem do banner. Assim que uma imagem for cadastrada ou editada, há a possibilidade de inserir um link, URL de destino, para linkar um conteúdo a essa imagem. Para isso, clique em Procurar Conteúdo e, na estrutura de conteúdos, navegue até chegar ao item que deseja exibir quando o banner for clicado. A opção Destino do Link deve ser Único, para não abrir em nova janela. Preenchido todo o formulário nos campos demonstrados acima, clique em: Salvar e Fechar para que volte para o conteúdo principal da página, com as informações alteradas; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela do conteúdo principal da página, sem que as alterações sejam espelhadas. Lembrando que se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela do conteúdo com o mesmo já salvo por você. 62

63 Importante: às vezes este procedimento de preenchimento do formulário pode ser demorado. Portanto, assim como você faz para seus documentos ou afins, sempre salve o formulário para que não perca suas informações e tenha que refazê-las. Obs.: para cadastrar mais imagens no banner, basta clicar novamente no botão Cadastrar e seguir o mesmo procedimento citado acima. Agora, para editar o conteúdo desta página, clique no botão Editar, evidenciado em verde na imagem abaixo, e siga os procedimentos: Obs.: iremos trabalhar com retângulos e quadrados coloridos apontados nas imagens, com explicações logo abaixo, portanto, preste atenção na cor selecionada para editar ou cadastrar o item corretamente. Retângulo Verde: opção editar o conteúdo, clique no botão editar para modificar o texto evidenciado em azul. Retângulo Azul: Texto que poderá ser editado pelo usuário. Ao clicar no botão Editar aparecerá o formulário abaixo para edição do conteúdo: 63

64 1 - Campo Nome: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Este campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Pecas 2 - Campo Título de Exibição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Peças 3 - Campo Descrição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Peças 4 - Campo Título: esse campo é responsável pelo título que aparece na página, evidenciado em amarelo na imagem abaixo. Obs.: como este campo está relacionado, também, ao menu principal, sugerimos não alterá-lo. 64

65 5 Campo Descrição: campo responsável pelo texto explicativo de Peças, que fica logo abaixo do título de Peças. Evidenciado em amarelo na imagem abaixo. Preenchido todo o formulário nos campos demonstrados acima, clique em: Salvar e Fechar para que volte para o conteúdo principal da página, com as informações alteradas; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela do conteúdo principal da página, sem que as alterações sejam espelhadas. 65

66 Lembrando que se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela do conteúdo com o mesmo já salvo por você. Importante: às vezes este procedimento de preenchimento do formulário pode ser demorado. Portanto, assim como você faz para seus documentos ou afins, sempre salve o formulário para que não perca suas informações e tenha que refazê-las. 66

67 Área: Kit Peças Para editar o conteúdo da página Kit Peças, siga os passos abaixo. Ao acessar a página da sua concessionária, clique em PEÇAS no menu superior, evidenciado em vermelho na imagem abaixo: Na página PEÇAS, clique no item KIT PEÇAS, evidenciado em azul na imagem abaixo: Obs.: iremos trabalhar com retângulos e quadrados coloridos apontados nas imagens, com explicações logo abaixo, portanto, preste atenção na cor selecionada para editar ou cadastrar o item corretamente. 67

68 Retângulo Azul: indica o texto que será editado pelo usuário ao clicar no botão Editar, evidenciado pelo retângulo verde. Retângulo Verde: ao clicar no botão Editar, será possível editar o conteúdo da página de Kit Peças. Abaixo verá o formulário para edição do conteúdo: 1 - Campo Nome: o campo nome é obrigatório para a ferramenta e não pode conter caracteres especiais como acento, vírgula, traços, etc. Como ele é apenas uma referência para a ferramenta, seu conteúdo não será exibido em lugar algum do site. Segue um exemplo para preenchimento: kitpecas. 2 - Campo Título de Exibição: este campo é responsável pelo título da página do conteúdo atual que estamos editando, evidenciado em amarelo na imagem abaixo. Para facilitar a sua vida a Mitsubishi preencheu o conteúdo deste campo exatamente como deve ser. Desta forma, você não precisa alterá-lo. 3 - Campo Descrição Na página de Peças tem um pequeno texto descritivo referente ao tema Kit Peças. Este campo de preenchimento é responsável pela descrição evidenciada em azul na imagem abaixo. Para facilitar a sua vida a Mitsubishi preencheu o conteúdo deste campo exatamente como 68

69 deve ser. Desta forma, você não precisa altera-lo. 4 - Campo Descrição: Este é o campo para inserir o texto da página de Kit Peças, na qual clicamos no botão Editar, evidenciado na imagem abaixo pelo retângulo verde. Neste campo pode ser inserida uma maior quantidade de texto. Evidenciado pelo retângulo azul na imagem abaixo. A Mitsubishi desenvolveu um conteúdo adequado e já disponibilizou no campo para que você não tenha trabalho. Aconselhamos não alterar este texto. 69

70 5 Campo Imagem Principal: Este é o campo responsável pela imagem principal, que fica do lado esquerdo do texto, do conteúdo em que estamos editando, evidenciado em amarelo na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 176px (largura) X 136px (altura). Também existe a opção dessa página ficar sem imagem principal, basta clicar no botão Excluir no formulário, ao lado do campo Imagem. Não alterar esse campo. 70

71 6 Campo Ícone: campo responsável pelo ícone da página principal de Peças, temos um pequeno descritivo com um ícone ilustrativo referente ao tema Kit Peças. Esse campo de preenchimento é responsável pelo ícone, evidenciado em amarelo na imagem abaixo. Não alterar esse campo. 7 Campo Título da Tela Peças : na página principal de Peças temos um pequeno resumo referente à página Kit Peças, com título, descrição e ícone. Esse campo de preenchimento é responsável pelo título do resumo, evidenciado em amarelo na imagem abaixo. Não alterar esse campo. Ao preencher todo o formulário nos campos acima, você deve salvar as alterações para não perder nenhum dado. Veja as possibilidades para salvar ou cancelar o processo: Salvar e Fechar para que volte para o conteúdo editado; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela anterior sem 71

72 salvar as alterações. Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela de conteúdo com o mesmo conteúdo já salvo por você. 72

73 Área: Renova Para editar o conteúdo da página RENOVA, siga os passos abaixo. Ao acessar a página da sua concessionária, clique em PEÇAS no menu superior, como mostra a imagem abaixo: Na página PEÇAS, clique no item RENOVA, evidenciado em azul na imagem abaixo: Obs.: iremos trabalhar com retângulos e quadrados coloridos apontados nas imagens, com explicações logo abaixo, portanto, preste atenção na cor selecionada para editar ou cadastrar o item corretamente. Retângulo Azul: indica o texto que será editado pelo usuário ao clicar no botão Editar, evidenciado pelo retângulo verde. 73

74 Retângulo Verde: ao clicar no botão Editar, será possível editar o conteúdo da página de Renova. Abaixo verá o formulário para edição do conteúdo: 1 - Campo Nome: O campo nome é obrigatório para a ferramenta e não pode conter caracteres especiais como acento, vírgula, traços, etc. Como ele é apenas uma referência para a ferramenta, seu conteúdo não será exibido em lugar algum do site. Segue um exemplo para preenchimento: renova 2 - Campo Título de Exibição: Este campo é responsável pelo título da página do conteúdo atual que estamos editando, evidenciado em azul na imagem abaixo. Para facilitar a sua vida a Mitsubishi preencheu o conteúdo deste campo exatamente como deve ser. Desta forma, você não precisa alterá-lo. 3 - Campo Descrição: Na página de Peças tem um pequeno texto descritivo referente ao tema Renova. Este campo de preenchimento é responsável pela descrição evidenciada em azul na imagem abaixo. Para facilitar a sua vida a Mitsubishi preencheu o conteúdo deste campo exatamente como deve ser. Desta forma, você não precisa altera-lo. 74

75 4 - Campo Descrição: Este é o campo para inserir o texto da página de Kit Peças, na qual clicamos no botão Editar, evidenciado na imagem abaixo pelo retângulo verde. Neste campo pode ser inserida uma maior quantidade de texto. Evidenciado pelo retângulo azul na imagem abaixo. A Mitsubishi desenvolveu um conteúdo adequado e já disponibilizou no campo para que você não tenha trabalho. Aconselhamos não alterar este texto. 75

76 5 e 6 Campo Imagem Principal: Este é o campo responsável pela imagem principal, que fica do lado esquerdo do texto, do conteúdo em que estamos editando. Evidenciado em azul na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 176px (largura) X 136px (altura). Também existe a opção dessa página ficar sem imagem principal, basta clicar no botão Excluir no formulário, ao lado do campo Imagem. Não alterar esse campo. 7 Campo Título da Tela Peças : na página principal de Peças, temos um pequeno resumo referente à página Renova, com título, descrição e ícone. Esse campo de preenchimento é responsável pelo título do resumo, evidenciado em amarelo na imagem abaixo. 76

77 Não alterar esse campo. 8 Campo Ícone: campo responsável pelo ícone da página principal de Peças onde temos um pequeno descritivo com um ícone ilustrativo referente ao tema Renova. Esse campo de preenchimento é responsável pelo ícone, evidenciado em amarelo na imagem abaixo. Não alterar esse campo. 77

78 Ao preencher todo o formulário nos campos acima, você deve salvar as alterações para não perder nenhum dado. Veja as possibilidades para salvar ou cancelar o processo: Salvar e Fechar para que volte para o conteúdo editado; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela anterior sem salvar as alterações. Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela de conteúdo com o mesmo conteúdo já salvo por você. 78

79 Área: Serviços Vamos trabalhar agora com a página Serviços do menu principal. Clique no menu SERVIÇOS, evidenciado em vermelho na imagem abaixo. Você será direcionado para a página de Serviços. Vamos dividi-la para facilitar o entendimento. 79

80 A primeira parte será o banner principal. Clique no botão Cadastrar para inserir um novo banner ou em Editar para alterar um banner. O formulário de opções será o mesmo para ambos. Após clicar em uma das opções, o sistema irá processar e exibir os campos abaixo: 1 - Campo Nome: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Este campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Banner Servicos 2 - Campo Título de Exibição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Banner Serviços 3 - Descrição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Banner Serviços 80

81 Para editar a imagem que irá aparecer no banner rotativo, edite as opções abaixo: 4 - Campo Imagem: campo responsável pela imagem principal do banner. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 1180px (largura) X 500px (altura). 5, 6, 7 - Link da Imagem: campo responsável pelo link da imagem do banner. Assim que uma imagem for cadastrada ou editada, há a possibilidade de inserir um link, URL de destino, para linkar um conteúdo a essa imagem. Para isso, clique em Procurar Conteúdo e, na estrutura de conteúdos, navegue até chegar ao item que deseja exibir quando o banner for clicado. A opção Destino do Link deve ser Único, para não abrir em nova janela. Preenchido todo o formulário nos campos demonstrados acima, clique em: Salvar e Fechar para que volte para o conteúdo principal da página, com as informações alteradas; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela do conteúdo principal da página, sem que as alterações sejam espelhadas. Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela do conteúdo com o mesmo já salvo por você. 81

82 Importante: às vezes, este procedimento de preenchimento do formulário pode ser demorado. Portanto, assim como você faz com seus documentos ou afins, sempre salve o formulário para que não perca suas informações e tenha que refazê-las. Obs.: para cadastrar mais imagens no banner, basta clicar novamente no botão Cadastrar e seguir o mesmo procedimento citado acima. Agora, para editar o conteúdo desta página, clique no botão Editar, evidenciado em verde na imagem abaixo, e siga os procedimentos: Obs.: iremos trabalhar com retângulos e quadrados coloridos apontados nas imagens, com explicações logo abaixo, portanto, preste atenção na cor selecionada para editar ou cadastrar o item corretamente. Retângulo Verde: opção editar o conteúdo, clique no botão editar para modificar o texto evidenciado em azul. Retângulo Azul: texto que poderá ser editado pelo usuário. Ao clicar no botão Editar aparecerá o formulário abaixo para edição do conteúdo: 82

83 1 - Campo nome: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Este campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Servicos 2 - Campo Título de Exibição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Serviços 3 - Campo Descrição: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Segue um exemplo para preenchimento: Serviços 4 - Campo Título: esse campo é responsável pelo título que aparece na página, evidenciado em amarelo na imagem abaixo. Obs.: como este campo está relacionado, também, ao menu principal, sugerimos não alterá-lo. 83

84 5 Campo Descrição: campo responsável pelo texto explicativo de Serviços, que fica logo abaixo do título de Serviços, evidenciado em amarelo na imagem abaixo. 84

85 Preenchido todo o formulário nos campos demonstrados acima, clique em: Salvar e Fechar para que volte para o conteúdo principal da página, com as informações alteradas; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela do conteúdo principal da página, sem que as alterações sejam espelhadas. Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela do conteúdo com o mesmo já salvo por você. Importante: às vezes, este procedimento de preenchimento do formulário pode ser demorado. Portanto, assim como você faz com seus documentos ou afins, sempre salve o formulário para que não perca suas informações e tenha que refazê-las. 85

86 Área: Revisão Programada Para editar o conteúdo da página Revisão Programada, siga os passos abaixo. Ao acessar a página da sua concessionária, clique em SERVIÇOS no menu superior, como mostra a imagem abaixo: Na tela de Serviços, clique no item Revisão Programada, evidenciado em azul na imagem abaixo: Obs.: iremos trabalhar com retângulos e quadrados coloridos apontados nas imagens, com explicações logo abaixo, portanto, preste atenção na cor selecionada para editar ou cadastrar o item corretamente. 86

87 Retângulo Verde: indica o texto que será editado pelo usuário ao clicar no botão Editar, evidenciado pelo retângulo azul. Retângulo Azul: ao clicar no botão Editar, será possível editar o conteúdo da página de Revisão Programada. Abaixo verá o formulário para edição do conteúdo: 1 - Campo Nome: o campo nome é obrigatório para a ferramenta e não pode conter caracteres especiais como acento, vírgula, traços, etc. Como ele é apenas uma referência para a ferramenta, seu conteúdo não será exibido em lugar algum do site. Segue um exemplo para preenchimento: 1 Revisao Programada. 2 - Campo Título de Exibição: este campo é responsável pelo título da página do conteúdo atual que estamos editando, evidenciado em azul na imagem abaixo. Para facilitar a sua vida, a Mitsubishi preencheu o conteúdo deste campo exatamente como 87

88 deve ser. Desta forma, você não precisa alterá-lo. 3 - Campo Descrição: este campo é responsável pelo título da página do conteúdo atual que estamos editando, evidenciado em azul na imagem abaixo. Para facilitar a sua vida, a Mitsubishi preencheu o conteúdo deste campo exatamente como deve ser. Desta forma, você não precisa alterá-lo. 4 - Campo Texto: este é o campo para inserir o texto da página de Revisão Programada, na qual clicamos no botão Editar, evidenciado na imagem abaixo pelo retângulo verde. Neste campo pode ser inserida uma maior quantidade de texto, evidenciado pelo retângulo azul na imagem abaixo: 88

89 A Mitsubishi desenvolveu um conteúdo adequado e já disponibilizou no campo para que você não tenha trabalho. Aconselhamos não alterar este texto. 5 Campo Imagem Principal: este é o campo responsável pela imagem principal, que fica do lado esquerdo do texto, do conteúdo em que estamos editando. Evidenciado em amarelo na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 176px (largura) X 136px (altura). Também existe a opção dessa página ficar sem imagem principal, basta clicar no botão Excluir no formulário, ao lado do campo Imagem. 89

90 Não alterar esse campo. 6 Campo Ícone: Este campo é responsável pelo ícone da página principal de Serviços, evidenciado em azul na imagem abaixo, onde temos um pequeno descritivo referente ao tema Revisão Programada. Lembrando que, para não comprometer o layout, a imagem precisa ter 77px (largura) X 74px (altura). Não alterar esse campo. 90

91 7 Campo Título da Tela Serviços: na página principal de Revisão Programada, temos um pequeno resumo referente à página Revisão Programada, com título, descrição e ícone. Esse campo de preenchimento é responsável pelo título do resumo, evidenciado em azul na imagem abaixo. Não alterar esse campo. 91

92 8 Campo link primeiro banner lateral: campo responsável pelo link da imagem do primeiro banner lateral. Assim que uma imagem for cadastrada ou editada, há a possibilidade de inserir um link, URL de destino, para linkar um conteúdo a essa imagem. Para isso, clique em Procurar Conteúdo e, na estrutura de conteúdos, navegue até chegar ao item que deseja exibir quando o banner lateral for clicado. A opção Destino do Link deve ser Único, para não abrir em nova janela. A Mitsubishi reservou este campo para o aplicativo MIT SERVIÇOS e, para não te confundir, já preencheu o link deste campo na ferramenta. Não alterar esse campo. 9 Campo imagem primeiro banner lateral: campo responsável pela imagem do primeiro banner lateral, evidenciado em azul na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 222px (largura) X 134px (altura). A Mitsubishi reservou este campo para o aplicativo MIT SERVIÇOS e, para não te confundir, já inseriu esta imagem na ferramenta. 92

93 Não alterar esse campo. 10 Campo link segundo banner lateral: campo responsável pelo link da imagem do segundo banner lateral. Assim que uma imagem for cadastrada ou editada, há a possibilidade de inserir um link, URL de destino, para linkar um conteúdo a essa imagem. Para isso, clique em Procurar Conteúdo e, na estrutura de conteúdos, navegue até chegar ao item que deseja exibir quando o banner lateral for clicado. A opção Destino do Link deve ser Único, para não abrir em nova janela. A Mitsubishi reservou este campo para o aplicativo 10 dicas e,para não te confundir, já preencheu o link deste campo na ferramenta. Não alterar esse campo. 93

94 11 Campo imagem segundo banner lateral: campo responsável pela imagem do segundo banner lateral, evidenciado em azul na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 222px (largura) X 134px (altura). A Mitsubishi reservou este campo para o aplicativo 10 dicas e para não te confundir já inseriu esta imagem na ferramenta. Não alterar esse campo. Preenchido todo o formulário nos campos demonstrados acima, clique em: Salvar e Fechar para que volte para o conteúdo editado; Caso queira cancelar suas modificações, ao invés de clicar em Salvar e Fechar, clique em Anterior e voltará à tela anterior. Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela do conteúdo com o mesmo já salvo por você. 94

95 Área: Assistance Para editar o conteúdo da página Assistance, siga os passos abaixo. Ao acessar a página da sua concessionária, clique em SERVIÇOS no menu superior, como mostra a imagem abaixo: Na tela de Serviços, clique no item Assistance, evidenciado em azul na imagem abaixo: Obs.: iremos trabalhar com retângulos e quadrados coloridos apontados nas imagens, com explicações logo abaixo, portanto, preste atenção na cor selecionada para editar ou cadastrar o item corretamente. 95

96 Retângulo Azul: indica o texto que será editado pelo usuário ao clicar no botão Editar, evidenciado pelo retângulo verde. Retângulo Verde: ao clicar no botão Editar, será possível editar o conteúdo da página de Assistance. Abaixo verá o formulário para edição do conteúdo: 1 - Campo Nome: o campo nome é obrigatório para a ferramenta e não pode conter caracteres especiais como acento, vírgula, traços, etc. Como ele é apenas uma referência para a ferramenta, seu conteúdo não será exibido em lugar algum do site. Segue um exemplo para preenchimento: Assistance 2 - Campo Título de Exibição: este campo é responsável pelo título da página do conteúdo atual que estamos editando, evidenciado em azul na imagem abaixo. Para facilitar a sua vida, a Mitsubishi preencheu o conteúdo deste campo exatamente como deve ser. Desta forma, você não precisa alterá-lo. 96

97 3 - Campo Descrição: na página de Serviços tem um pequeno texto descritivo referente ao tema Assistance. Este campo de preenchimento é responsável pela descrição evidenciada em azul na imagem abaixo. Para facilitar a sua vida, a Mitsubishi preencheu o conteúdo deste campo exatamente como deve ser. Desta forma, você não precisa alterá-lo. 97

98 4 - Campo Descrição: este é o campo para inserir o texto da página de Assistance, na qual clicamos no botão Editar, evidenciado na imagem abaixo pelos retângulos vermelhos. Neste campo pode ser inserida uma maior quantidade de texto, evidenciado pelos retângulos vermelhos na imagem abaixo. A Mitsubishi desenvolveu um conteúdo adequado e já disponibilizou no campo para que você não tenha trabalho. Aconselhamos não alterar o texto. 98

99 5 Campo Imagem Principal: este é o campo responsável pela imagem principal, que fica do lado esquerdo do texto, do conteúdo em que estamos editando, evidenciado em vermelho na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 176px (largura) X 136px (altura). Também existe a opção dessa página ficar sem imagem principal, basta clicar no botão Excluir no formulário, ao lado do campo Imagem. Não alterar esse campo. 99

100 6 Campo imagem orientações gerais: este é o campo responsável pela imagem do arquivo Orientações Geral MIT Assistance. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 77px (largura) X 74px (altura). Não alterar esse campo. 7 Campo Título da Tela Serviços: na página principal de Serviços, temos um pequeno resumo referente à página Assistance, com título, descrição e ícone. Esse campo de preenchimento é responsável pelo título do resumo, evidenciado em azul na imagem abaixo. 100

101 8 Campo Ícone: campo responsável pelo ícone da página principal de Serviços, onde temos um pequeno descritivo com um ícone ilustrativo referente ao tema Assistance. Esse campo de preenchimento é responsável pelo ícone, evidenciado em azul na imagem abaixo. Não alterar esse campo. Ao preencher todo o formulário nos campos acima, você deve salvar as alterações para não perder nenhum dado. Veja as possibilidades para salvar ou cancelar o processo: Salvar e Fechar para que volte para o conteúdo editado; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela anterior sem salvar as alterações. Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela de conteúdo com o mesmo conteúdo já salvo por você. 101

102 Área: MIT SIM Para editar o conteúdo da página MIT SIM, siga os passos abaixo. Ao acessar a página da sua concessionária, clique em SERVIÇOS no menu superior, como mostra a imagem abaixo: Na tela de Serviços, clique no item MIT SIM, evidenciado em azul na imagem abaixo: Obs.: iremos trabalhar com retângulos e quadrados coloridos apontados nas imagens, com explicações logo abaixo, portanto, preste atenção na cor selecionada para editar ou cadastrar o item corretamente. 102

103 Retângulo Azul: indica o texto que será editado pelo usuário ao clicar no botão Editar, evidenciado pelo retângulo verde. Retângulo Verde: ao clicar no botão Editar, será possível editar o conteúdo da página de MIT SIM. Abaixo verá o formulário para edição do conteúdo: 1 - Campo Nome: o campo nome é obrigatório para a ferramenta e não pode conter caracteres especiais como acento, vírgula, traços, etc. Como ele é apenas uma referência para a ferramenta, seu conteúdo não será exibido em lugar algum do site. Segue um exemplo para preenchimento: mitsim 2 - Campo Título de Exibição: este campo é responsável pelo título da página do conteúdo atual que estamos editando, evidenciado em azul na imagem abaixo. Para facilitar a sua vida, a Mitsubishi preencheu o conteúdo deste campo exatamente como deve ser. Desta forma, você não precisa alterá-lo. 3 - Campo Descrição: na página de Serviços tem um pequeno texto descritivo referente ao tema MIT SIM. Este campo de preenchimento é responsável pela descrição evidenciada em azul na imagem abaixo. Para facilitar a sua vida, a Mitsubishi preencheu o conteúdo deste 103

104 campo exatamente como deve ser. Desta forma, você não precisa alterá-lo. 4 - Campo Descrição: este é o campo para inserir o texto da página de MIT SIM, na qual clicamos no botão Editar, evidenciado na imagem abaixo pelo retângulo azul. Neste campo, pode ser inserida uma maior quantidade de texto, evidenciado pelos retângulos azuis na imagem abaixo. A Mitsubishi desenvolveu um conteúdo adequado e já disponibilizou no campo para que você não tenha trabalho. Aconselhamos não alterar este texto. 104

105 5 e 6 Campo Imagem Principal: este é o campo responsável pela imagem principal, que fica do lado esquerdo do texto, do conteúdo em que estamos editando, evidenciado em azul na imagem abaixo. Para alterar a imagem que já está na página, clique em Selecionar arquivo e busque, em seu computador, a imagem de preferência. Lembrando que, para não comprometer o layout, a imagem precisa ter 176px (largura) X 136px (altura). Também existe a opção dessa página ficar sem imagem principal, basta clicar no botão Excluir no formulário, ao lado do campo Imagem. Não alterar esse campo. 105

106 7 Campo Título da Tela Serviços : na página principal de Serviços, temos um pequeno resumo referente à página MIT SIM, com título, descrição e ícone. Esse campo de preenchimento é responsável pelo título do resumo, evidenciado em azul na imagem abaixo. Não alterar esse campo. Ao preencher todo o formulário nos campos acima, você deve salvar as alterações para não perder nenhum dado. Veja as possibilidades para salvar ou cancelar o processo: Salvar e Fechar para que volte para o conteúdo editado; Caso queira cancelar suas modificações, clique em Anterior e voltará à tela anterior sem salvar as alterações. Lembrando que, se já tiver salvado o conteúdo, ao clicar em Anterior irá voltar à tela de conteúdo com o mesmo conteúdo já salvo por você. 106

107 Área: Blindagem Vamos trabalhar agora com a página Blindagem. Clique no menu SERVIÇOS, evidenciado em vermelho na imagem abaixo. Você será direcionado para a página de Serviços. Em seguida, clique em BLINDAGEM, evidenciado em vermelho na imagem abaixo. 107

108 Você será direcionado para a página de BLINDAGEM. 108

109 Para Editar esta página, veja os procedimentos abaixo: Obs.: iremos trabalhar com retângulos e quadrados coloridos apontados nas imagens, com explicações logo abaixo, portanto, preste atenção na cor selecionada para editar ou cadastrar o item corretamente. 109

110 Retângulo Verde: opção editar o conteúdo. Clique no botão Editar para modificar os itens marcados em azul. Retângulo Azul: texto que poderá ser editado pelo usuário. Ao clicar em Editar, o formulário abaixo aparecerá para edição do conteúdo. 1 - Campo nome: o conteúdo inserido neste campo é apenas para controle da ferramenta e não será exibido em lugar algum do site. Como o conteúdo não é exibido no site, o preenchimento deste campo é opcional. Este campo não deve conter caracteres especiais como acento, vírgula, traços, etc. Segue um exemplo para preenchimento: Blindagem 110