eCommercePlayer
Voltar ao Blog
PlatformsSeller Tips8 min de leitura

Galeria de templates de anúncio: 6 templates HTML para copiar e colar por categoria de produto

Chris Montgomery

Por que templates específicos por categoria funcionam melhor

Um "template de descrição de produto" genérico tenta servir para tudo — os campos que um comprador de câmera precisa são diferentes dos que um comprador de disco procura, e ainda outros do que um comprador de relógio quer ver. Um comprador que passa os olhos num anúncio pelo celular vai embora em três segundos se a informação que ele procura não aparecer na primeira tela.

Esta galeria traz seis templates, um por categoria que costuma se beneficiar mais de descrições HTML estruturadas:

  1. Discos de vinil e CDs — classificação de condição, números de matriz, espaço para amostra de áudio
  2. Câmeras e lentes — contagem de disparos, notas do sensor, espaço para material de amostra
  3. Instrumentos musicais — ano, origem, notas de setup, espaço para clipe demo
  4. Relógios — movimento, dimensões da caixa, notas de autenticidade
  5. Roupas vintage e de grife — época, medidas, fotos de condição
  6. Colecionáveis e memorabilia — procedência, grading, autenticação

Cada template é agnóstico de marketplace: o HTML é simples o bastante para colar em qualquer editor de anúncio que aceite HTML (a aba HTML do Mercado Livre para contas Pro, o campo de descrição do Yahoo Auctions, Amazon.com.br, a "Visão Geral" do Etsy se você converter para texto simples, etc.). Para marketplaces que removem todo o HTML (OLX, Shopee Brazil, Discogs, Reverb, Mercari, Facebook Marketplace), use o texto entre as tags como seu template em texto simples e coloque um link curto + QR code sobre uma das fotos.

Todos os seis templates reservam um bloco claramente identificado para uma prévia de áudio ou vídeo. É a parte que transforma curiosos em compradores sempre que som, movimento ou detalhe de perto importam — um disco que você consegue mesmo ouvir, uma guitarra que você ouve sendo tocada, uma câmera cujo material de exemplo você vê.

Pegue o template que combina com o que você vende, cole e preencha os [PLACEHOLDERS ENTRE COLCHETES].

Template 1 — Discos de vinil e CDs

Feito para vendedores de discos que querem que o comprador avalie o áudio por conta própria. O bloco de amostra é onde você cola o código do Image Link da página Publish do eCommercePlayer, ou onde coloca um link curto + QR sobre uma das fotos do anúncio.

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[ARTISTA] — [TÍTULO]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[GRAVADORA] · [N° DE CATÁLOGO] · [ANO] · [PAÍS]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Formato</td><td>[LP / 12" / 7" / CD]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Condição do disco</td><td>[VG+ / NM / M]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Condição da capa</td><td>[VG+ / NM / M]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Matriz / runout</td><td>[NÚMEROS DE MATRIZ GRAVADOS]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Ouça o disco</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK CODE HERE -->
  <p style="color: #666; font-size: 13px;">Gravado da minha vitrola para você avaliar o áudio por conta própria antes de dar um lance.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Observações</h3>
  <p>[O QUE O COMPRADOR PRECISA SABER: ruído de superfície, desgaste da capa, carimbos promo, etc.]</p>
</div>

Por que funciona no mobile: estilos inline simples, sem CSS grid ou flexbox que precisem de fallback, max-width limita a coluna de texto a uma largura legível no desktop sem quebrar no mobile. A tabela de classificação renderiza limpa em qualquer largura porque são só duas colunas.

Observações por marketplace: a aba HTML do eBay aceita isso como está. O Yahoo Auctions aceita tudo menos <script> (que não está no template). O Discogs remove HTML — cole a versão em texto simples e coloque seu Direct Link + QR sobre uma das fotos.

Template 2 — Câmeras e lentes

Compradores de câmera se importam com dados técnicos mensuráveis e material de amostra. O bloco de clipe de amostra é onde fica um vídeo curto do eCommercePlayer.

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[MARCA] [MODELO]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[BAIONETA] · [ANO] · [FAIXA DE SÉRIE SE RELEVANTE]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Contagem de disparos</td><td>[N] acionamentos</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Sensor / formato</td><td>[FULL FRAME / APS-C / M43 / FILME]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Condição</td><td>[EX+ / EX / BGN / NO ESTADO]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Incluso</td><td>[CORPO, LENTE, ALÇA, BATERIA, CARREGADOR, CAIXA, MANUAIS]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Material de amostra / clipe de teste</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER EMBED OR IMAGE-LINK CODE HERE -->
  <p style="color: #666; font-size: 13px;">Clipe curto gravado com este corpo para você ver a saída do sensor e ouvir o obturador antes de dar um lance.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Observações de condição</h3>
  <ul style="margin: 0; padding-left: 20px;">
    <li>[DESGASTE ESTÉTICO]</li>
    <li>[OBSERVAÇÕES FUNCIONAIS — ex.: fotômetro funciona, todas as velocidades testadas]</li>
    <li>[PROBLEMAS CONHECIDOS OU NENHUM]</li>
  </ul>
</div>

Para câmeras de filme, adicione uma linha à tabela para "Vedação de luz" (trocada / original / precisa trocar) — é a pergunta mais frequente em corpos vintage. Para lentes, substitua a linha da contagem de disparos por "Lâminas do diafragma" (limpas / oleosas) e "Condição do vidro" (sem fungos, marcas leves de limpeza, etc.).

Template 3 — Instrumentos musicais

Compradores de guitarra e baixo dão lances pelo timbre, pela ação e pela história. Um clipe demo de 20 segundos do instrumento sendo tocado converte como nada.

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[MARCA] [MODELO] — [ANO]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[PAÍS DE ORIGEM] · Série [NÚMERO DE SÉRIE]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Madeira do corpo</td><td>[AMIEIRO / FREIXO / MOGNO / MAPLE]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Braço / escala</td><td>[MAPLE / JACARANDÁ / ÉBANO]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Captadores</td><td>[ORIGINAIS / TROCADOS — DETALHES]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Trastes</td><td>[% DE VIDA RESTANTE / RECENTE TROCA DE TRASTES]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Setup</td><td>[SETUP RECENTE / COMPRADOR FAZ SETUP]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Ouça o instrumento tocando</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">Clipe curto, sem efeitos, ambos os captadores. Você ouve o timbre real antes de dar um lance.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Mods e histórico</h3>
  <p>[MODS, REPAROS, DONOS ANTERIORES, QUALQUER RESTAURAÇÃO]</p>
</div>

Para instrumentos acústicos, troque "Captadores" e "Trastes" por "Madeira do tampo" e "Padrão do leque harmônico". Para pianos, teclas e ações, use um template diferente — este é para instrumentos com trastes e similares.

Template 4 — Relógios

Relógios vendem por detalhes do movimento e marcadores de autenticidade. Um vídeo de 15 segundos do relógio funcionando + som do tique-taque converte muito mais que fotos estáticas.

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[MARCA] [MODELO] [REFERÊNCIA]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[ANO] · Série [PRIMEIROS 2 DÍGITOS]xxx (parcial)</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Movimento</td><td>[NÚMERO DO CALIBRE — MANUAL / AUTO / QUARTZO]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Tamanho da caixa</td><td>[N] mm · alça a alça [N] mm · espessura [N] mm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Mostrador</td><td>[ORIGINAL / RESTAURADO — NOTAS]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Pulseira / correia</td><td>[ORIGINAL / APÓS-VENDA — SPEC]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Histórico de serviço</td><td>[ÚLTIMO SERVIÇO / DESCONHECIDO]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Caixa / documentos</td><td>[INCLUSOS / NÃO INCLUSOS]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Veja-o funcionando</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">Clipe de 15 segundos mostrando o relógio funcionando, com som. A varredura do ponteiro dos segundos e o rotor dizem que o movimento está saudável.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Precisão medida</h3>
  <p>[+/- N SEGUNDOS POR DIA, POSIÇÃO TESTADA]</p>
</div>

Para relógios vintage em que a autenticidade é a preocupação principal, adicione uma linha à tabela para "Série coincidente" (caixa / movimento) e mencione qualquer procedência documentada. Compradores de relógios de cinco dígitos vão fundo nesses campos.

Template 5 — Roupas vintage e de grife

Compradores de moda medem, não chutam. Um vídeo curto em 360° da peça em um manequim (ou vestida) fecha a lacuna entre foto e caimento real.

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[MARCA] [PEÇA] — [ÉPOCA / ANO]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[COR] · [MATERIAL] · [FEITO EM ...]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Tamanho da etiqueta</td><td>[ETIQUETA / PEÇA]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Peito / busto</td><td>[N] cm esticado</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Cintura</td><td>[N] cm esticado</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Comprimento</td><td>[N] cm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Ombro</td><td>[N] cm</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Manga</td><td>[N] cm</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Vídeo de caimento</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">Vídeo curto em um manequim para você ver o caimento e as proporções antes de comprar.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Condição</h3>
  <ul style="margin: 0; padding-left: 20px;">
    <li>[MANCHAS / NENHUMA]</li>
    <li>[REPAROS / NENHUM]</li>
    <li>[DESBOTAMENTO / COR ORIGINAL]</li>
  </ul>
</div>

Para sapatos, substitua as linhas de medida por comprimento da palmilha, largura do solado na região dos metatarsos e altura do salto. Para bolsas, use dimensões externas e queda da alça. A estrutura continua idêntica — só troque as linhas.

Template 6 — Colecionáveis e memorabilia

Colecionáveis vendem por procedência e grading de condição. Um vídeo mostrando o item sendo manuseado prova de forma convincente que ele existe, dissipa receios de falsificação e aumenta a confiança do comprador.

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; max-width: 640px; line-height: 1.6; color: #222;">
  <h2 style="margin: 0 0 4px 0; font-size: 20px;">[DESCRIÇÃO DO ITEM]</h2>
  <p style="margin: 0 0 16px 0; color: #666; font-size: 14px;">[ÉPOCA / ANO] · [FABRICANTE / EDITORA]</p>

  <table style="width: 100%; border-collapse: collapse; margin-bottom: 16px; font-size: 14px;">
    <tr><td style="padding: 6px 0; color: #666;">Grading</td><td>[GRADING PROFISSIONAL OU MEU GRADING]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Autenticação</td><td>[PSA / JSA / BECKETT / AUTO-AUTENTICADO]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Procedência</td><td>[DE ONDE VEIO, SE CONHECIDO]</td></tr>
    <tr><td style="padding: 6px 0; color: #666;">Dimensões</td><td>[TAMANHO / PESO]</td></tr>
  </table>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Veja o item sendo manuseado</h3>
  <!-- PASTE YOUR ECOMMERCEPLAYER IMAGE-LINK OR EMBED CODE HERE -->
  <p style="color: #666; font-size: 13px;">Um vídeo mostrando o item sob boa iluminação, sendo manuseado normalmente. Ajuda compradores a verificar a autenticidade num relance.</p>

  <h3 style="margin: 20px 0 8px 0; font-size: 16px;">Observações</h3>
  <p>[PROCEDÊNCIA, QUAISQUER DEFEITOS, HISTÓRIAS, REFERÊNCIAS A CATÁLOGOS OU GUIAS DE PREÇO]</p>
</div>

A linha de procedência é opcional, mas decisiva em itens de alto valor. Se você tem documentação (notas de casas de leilão, cartas de autenticidade, referências de livros de colecionador), mencione-as explicitamente.

Como anexar áudio ou vídeo a qualquer um desses templates

Cada template reserva um bloco para uma prévia de áudio ou vídeo. Há três maneiras de preencher esse bloco, dependendo de onde você publica o anúncio:

  1. Mercado Livre (conta Pro), eBay, Amazon.com.br ou qualquer marketplace que permita HTML — No eCommercePlayer, abra a página Publish do clipe ou player e copie o código Image Link ou Video Tag. Cole no bloco de comentário HTML do template. Troque o editor do anúncio para a aba HTML antes de colar, ou a marcação fica bagunçada.

  2. Yahoo Auctions (ヤフオク) — O Yahoo aceita a maior parte do HTML, mas remove <script> e alguns embeds. O método image-link funciona. Também dá para usar os métodos Video Tag ou Embed Code; teste primeiro num rascunho, porque o sanitizer do Yahoo é ligeiramente diferente do eBay.

  3. Marketplaces que removem todo o HTML (OLX, Shopee, Mercado Livre conta comum, Discogs, Reverb, Mercari, Facebook Marketplace, Etsy) — Remova as tags <div> e use o texto entre elas como conteúdo em texto simples. Para o bloco de prévia, cole uma URL curta de Direct Link da página Publish, precedida por uma chamada curta para ação (use o botão Copy + CTA para fazer isso em um clique). Depois baixe o QR code da página Publish e coloque-o sobre uma das fotos do anúncio — não a primeira foto, mas uma do meio. Compradores no celular escaneiam, compradores no desktop clicam.

As três abordagens dão ao comprador uma forma de ouvir ou ver o item antes de dar um lance. A mecânica muda; o resultado é o mesmo.

Escolhendo e adaptando um template

  • Copie o template que combina com o que você vende, depois ajuste as linhas da tabela para os atributos específicos que os compradores mais perguntam. Releia suas últimas cinco perguntas de comprador — qualquer campo que continua aparecendo deveria virar uma linha da tabela.
  • Mantenha os estilos inline. Parecem antiquados, mas são o único CSS que sobrevive ao sanitizer HTML de cada marketplace. Não tente linkar uma folha de estilo externa ou usar um bloco <style> — os dois são removidos na maioria das plataformas.
  • Teste no celular. Cole o template num rascunho de anúncio, abra o rascunho no celular e role. Se algo estourar a tela, encurte o texto ou divida a tabela em várias tabelas.
  • Não use a paleta HTML de 16 cores. Os neutros (#222, #666) destes templates ficam bem em fundo claro e escuro. Temas escuros dos marketplaces (eBay, Yahoo) renderizam color: black como preto puro, que some no escuro.
  • Reutilize seus templates. Salve cada template de categoria localmente (num app de notas ou num arquivo de texto simples) depois que personalizar. Colar é rápido; re-decidir que campos incluir toda vez é lento.

Seis templates, um para o que você realmente vende. Cole, preencha os colchetes e deixe o áudio ou o vídeo fechar a venda.

Artigos Relacionados

Pronto para adicionar mídia aos seus anúncios?

Crie sua conta gratuita em menos de um minuto. Sem necessidade de cartão de crédito.