Instruções de uso e edição do template HTML

Transcrição

1 Instruções de uso e edição do template HTML CATIV8 Studio Cativ8studio@gmail.com

2 Como adicionar o template ao anúncio Na tela de criação de anúncio do mercado livre, vá até o campo de descrição. Clique na aba HTML e, em seguida, clique no ícone HTML (Editar código fonte) destacado na imagem abaixo Abra o arquivo.txt do template, copie todo o conteúdo e cole na janela que irá abrir.

3 Clique em atualizar e confira se o template foi adicionado corretamente. Se sim, basta adicionar as imagens e a descrição do produto (Caso ainda não tenha feito) e seguir com o cadastro do produto no Mercado Livre. Edições do HTML Edição do link de dúvidas do HTML No menu do seu template, você encontrará um ícone Tire suas dúvidas, ao clicar neste ícone, o cliente deverá ser redirecionado para o campo de perguntas do seu anúncio. Para isto, você deve fazer uma pequena alteração no link do HTML, APÓS a criação do anúncio. Ou seja, primeiro o anúncio deve ser criado normalmente e, após a criação, você deverá modificar o anúncio seguindo as instruções abaixo. Após a criação do seu anúncio, copie o link do mesmo. Após copia-lo vá até sua lista de anúncios e clique para editar a descrição do anúncio em questão. No campo da descrição do anúncio, clique no ícone Tire duas dúvidas com o botão direito e vá na opção Inserir/editar hyperlink Em URL do hyperlink, substitua o link pelo link do seu anúncio e, no final do link do seu anúncio, escreva #questions SEM ESPAÇOS. Ex: template-profissional-personalizado-para-sua-loja-no-ml-_jm#questions Não altere os outros campos. Clique em atualizar e salve o anúncio

4 Com está pequena edição, seu cliente será redirecionado ao campo de dúvidas do seu anúncio quando clicar no ícone em questão. Edição da descrição do produto no template Para editar a descrição do seu produto, cole o texto de descrição do mesmo no campo DESCRIÇÃO AQUI. No seu template, você tem 3 espaços para preencher coma descrição do seu produto, mas você pode usar apenas um dos espaços ou os três, fica a seu critério. Você pode colocar todo o texto em uma única linha (Pulando linhas normalmente e editando como preferir) ou dividir nos espaços de descrição. Se você usar apenas uma das linhas, apague as outras ( DESCRIÇÃO AQUI ) e salve. Adicionando as imagens do produto ao seu template. Você pode adicionar quantas imagens desejar ao seu anúncio, porém, sugerimos que use sempre o mesmo tamanho para as imagens e que as adicione lado a lado no seu template. A largura do seu template e do campo de descrição dos anúncios do Mercado Livre é de 900px, portanto, a imagem ou as imagens lado a lado não podem ultrapassar 900px. As imagens devem ser hospedadas em sites de hospedagem de imagem antes de serem adicionadas ao template. Alguns sites gratuitos de hospedagem de imagem: (Sugiro este. Basta criar uma conta gratuita e fazer upload das imagens)

5 Você pode adicionar as imagens direto no editor do Mercado livre ou editar diretamente no html. NO MERCADO LIVRE: Adicione o HTML do seu template no campo de descrição do anúncio, vá até o campo FOTOS AQUI, apague este texto ( FOTOS AQUI ), clique com o botão direito no campo e escolha a opção Inserir/editar imagem Na janela que irá abrir, adicione o link direto da imagem do produto no campo endereço da imagem. Em Descrição da imagem e título, preencha com dados referentes ao produto em questão e clique em Inserir. Para adicionar outra imagem ao lado da imagem já adicionada, clique ao lado da imagem e repita o processo de adição de imagem. *Você pode adicionar quantas imagens desejar em um único campo Fotos Aqui, basta apertar enter no final da última imagem para que mais uma linha seja adicionada. NO HTML: Abra o arquivo.txt o seu template, aperte Ctrl+F e digite FOTOS AQUI (Sem aspas), marque a opção Abaixo e clique em Localizar próxima. Você verá algo como isto Substitua o texto FOTOS AQUI aqui por <img src="subdstitua PELO LINK DIRETO DA IMAGEM" style="display:block;" alt=""/> O resultado será: <tr>

6 <td><img src=" SUBDSTITUA PELO LINK DIRETO DA IMAGEM " style="display:block;" alt=""/></td> </tr> Print: No campo destacado Substitua pelo link direto da imagem (MANTENHA AS ASPAS), cole o link direto da imagem do produto. No formato do print, cada linha terá apenas uma imagem, ou seja, as imagens vão ficar uma em baixo da outra. Para adiciona-las lado a lado (Duas imagens na mesma linha), use o seguinte código: <td><img src="subdstitua PELO LINK DIRETO DA IMAGEM" style="display:block;" alt=""/><img src="subdstitua PELO LINK DIRETO DA IMAGEM" style="display:block;" alt=""/></td> Para três imagens na mesma linha (Lado a lado): <tr> <td><img src="subdstitua PELO LINK DIRETO DA IMAGEM" style="display:block;" alt=""/><img src="subdstitua PELO LINK DIRETO DA IMAGEM" style="display:block;" alt=""/><img src="subdstitua PELO LINK DIRETO DA IMAGEM" style="display:block;" alt=""/></td> </tr> Lembre-se de que a largura máxima é de 900px, por tanto, a imagem ou as imagens lado a lado não podem ultrapassar a medida de 900px de largura.

7 Você pode adicionar quantas linhas desejar para adicionar imagens ao seu template, copie e cole o modelo apresentado abaixo da última foto adicionada de forma que fique como no print apresentado.