Como usar HTML em seus anúncios
no MercadoLivre
1
MercadoLivre Brasil
Conteúdo
• Apresentação
• O que é necessário para editar os templates
• Como começar a editá-los
• Como salvar uma imagem em um servidor
2
MercadoLivre Brasil
Apresentação
 O MercadoLivre oferece templates gratuitos em HTML para que
você possa melhorar a qualidade e o conteúdo de seus anúncios e
assim, conseguir mais vendas.
 São páginas pré-desenvolvidas que deixarão seus anúncios mais
atrativos. Para utilizá-las basta incluir suas fotografias, a descrição
do produto e colocar seus links personalizados.
 Para aqueles que já têm conhecimento básico de HTML é muito
simples de utilizar, e para quem não tem, disponibilizamos a seguir
um pequeno tutorial com mais informações.
 Também oferecemos a todos os vendedores um curso sobre esse
tema. Para participar, envie um e-mail para
[email protected] e informe sobre seu interesse no
"Curso exclusivo de HTML".
 Para começar seus novos anúncios com HTML, acesse a Central de
Vendedores e baixe os códigos.
3
MercadoLivre Brasil
Apresentação
4
MercadoLivre Brasil
Apresentação
5
MercadoLivre Brasil
Apresentação
Ideal
para
leilões
Link para
venda
imediata
6
MercadoLivre Brasil
Conteúdo
• Apresentação
• O que é necessário para editar os templates
• Como começar a editá-los
• Como salvar uma imagem em um servidor
7
MercadoLivre Brasil
O que é necessário para editar os templates
1. Editor de Html: para incluir as fotos e os textos, é
necessário ter um editor de HTML.
Os mais conhecidos são:
•
(vem no pacote office)
•
Macromedia Dreamweaver
•
Ou qualquer outro editor de HTML
8
MercadoLivre Brasil
O que é necessário para editar os templates
2. Editor de imagens: para alterar o tamanho das
imagens, podem ser:
•
Paint (vem no Windows)
•
•
Ou qualquer outro editor de imagens
9
MercadoLivre Brasil
O que é necessário para editar os templates
3. Além disso, é necessário ter um servidor FTP para
salvar as imagens. Geralmente, os provedores de
Internet disponibilizam para os assinantes um certo
espaço em seus servidores.
•
Também existem alguns serviços grátis que permitem
armazenar as imagens:
10
•
www.photobucket.com
•
www.free-webhosts.com
•
www.2and2.net
MercadoLivre Brasil
Conteúdo
• Apresentação
• O que é necessário para editar os templates
• Como começar a editá-los
• Como salvar uma imagem em um servidor
11
MercadoLivre Brasil
1º Escolha o template de sua preferência
Escolha 1 dos 6 templates
que desejar usar e abra-o
com o editor de HTML.
12
MercadoLivre Brasil
2º Substituição dos textos
Coloque o logo
(texto ou imagem)
Em caso de
imagem, o
tamanho deve ser
670X80.
Troque o texto
pelo título
desejado.
13
MercadoLivre Brasil
2º Substituição dos textos (cont)
Substitua todos os
textos
14
MercadoLivre Brasil
3º Inserção das imagens
Insira as
imagens com o
tamanho
informado no
quadro 160 x
160 píxels
15
MercadoLivre Brasil
3º Cargar las imágenes (cont)
Para que as fotos possam ser
inseridas e visualizadas em
seu anúncio, elas devem
estar hospedadas em um
servidor. Você pode utilizar
um servidor próprio ou um
dos mencionados no início
dessa apresentação. (ver)
Ao armazenar uma imagem
em um servidor, você
automaticamente receberá
um endereço – URL. Copie
essa URL no campo “Src” do
editor HTML.
Copie aqui a URL da
imagem armazenada.
16
MercadoLivre Brasil
3º Inserir as imagens (cont)
Como inserir utilizando o FrontPage
Para inserir a imagem:
Clique em inserir imagem > escolha a opção “Do arquivo”. Selecione a foto que deseja colocar na
descrição, nesse caso nomeada “SonyW5.jpg”. A mesma aparecerá na sua descrição.
Sem dúvida, se o código dessa foto for colocado na web, ela não aparecerá, uma vez que estará
armazenada apenas em seu disco rígido. Então você deve modificar o código (HTML).
Para que a foto fique “visível na Internet”, clique na aba HTML no FrontPage. Você verá uma série de
códigos, de onde selecionará uma parte específica:
<img border="0" src=" SonyW5.jpg" width="252" height="321">.
Selecione a parte onde diz “SonyW5.jpg” e substitua pela URL que copiou anteriormente do servidor de
imagens. O código final será o seguinte:
<img border="0" src="http://xxxx/yyyy/ SonyW5.jpg" width="252" height="321">
Nota: a URL da imagem irá variar, já que o endereço é o servidor escolhe para cada uma.
17
MercadoLivre Brasil
4º Modificar os links
Apenas será
necessário
substituir os
links.
18
MercadoLivre Brasil
4º Modificar os links (cont)
Como fazer isso?
1) Copie a URL da barra de endereços para direcionar o link de seu anúncio. Por exemplo,
para “Nossos produtos”, você deverá fazer o seguinte:
Clique no link “Buscar” na barra de navegação do MercadoLivre (1) e busque o seu apelido
(2)
Depois clique em “Ver produtos” (3) e filtre a sua lista de produtos da forma que desejar.
Então copie a URL da barra de endereços (4).
(1)
(4)
(3)
(2)
19
MercadoLivre Brasil
4º Modificar os links (cont)
Como fazer isso?
2) Uma vez copiado o endereço para
onde o seu link deverá ser direcionado,
você terá que incluí-lo no código HTML.
Para fazer isso, abra o Editor de HTML
e selecione o link que deseja editar,
então cole o endereço (URL) no campo
“Link”.
20
MercadoLivre Brasil
5º Inserir o código HTML no MercadoLivre
Agora que você já tem o template pronto, copie o código HTML e cole no campo de descrição
de seu anúncio no MercadoLivre.
Antes de colar, clique na aba “Código HTML”.
1)
Cole o código
HTML.
2
Clique na aba “Código Html”
1
21
MercadoLivre Brasil
5º Inserir o código HTML no MercadoLivre
2) Volte à página de “pré-visualização” e verifique se está tudo correto.
Revise a
descrição.
4
3
22
Clique na aba “prévisualização”.
MercadoLivre Brasil