Como Colocar a Tabela do Campeonato no Seu Site (Widgets)

Se você mantém o site de uma liga de bairro, escolinha de futebol, portal esportivo regional ou página da sua empresa com o campeonato interno, sabe que manter a tabela atualizada é um trabalho à parte. A cada rodada, alguém precisa editar a página, atualizar pontos, subir imagem nova. Com os widgets embedáveis do Torneyo, a tabela campeonato embed site atualiza sozinha em tempo real — e você não precisa nunca mais mexer no HTML.

Neste tutorial você vai aprender a gerar o código do widget, colar no seu site e personalizar cores e elementos. Funciona em WordPress, Wix, Webflow, Squarespace, HTML puro e praticamente qualquer outro CMS.

O Que São Widgets Embedáveis

Um widget embedável é um pequeno bloco de HTML (normalmente um <iframe>) que você cola no seu site e ele exibe conteúdo de outra plataforma. É a mesma lógica do vídeo do YouTube ou do post do Instagram que você embeda em artigos.

No Torneyo, os widgets mostram informações ao vivo do seu campeonato:

Classificação completa
Próximos jogos
Últimos resultados
Artilharia
Cartões e disciplina
Chaveamento mata-mata

Tudo atualizado automaticamente, sem você precisar republicar nada.

Por Que Usar Widgets

Um site esportivo com tabela estática perde credibilidade rápido. Se o torcedor ou atleta visita o site na segunda-feira e a tabela ainda é da rodada anterior, ele deixa de visitar.

Com widget campeonato esportivo ao vivo, você ganha:

Atualização em tempo real — assim que a súmula é fechada, o widget reflete
SEO melhor — páginas atualizadas ranqueiam melhor
Engajamento maior — torcedor volta todo dia para checar a tabela
Zero manutenção — você esquece que o widget existe, ele se mantém sozinho
Identidade visual do seu site — personalização de cores e fontes

Tipos de Widgets Disponíveis

O mais popular. Mostra a tabela de classificação completa da categoria: posição, equipe, jogos, vitórias, empates, derrotas, gols pró, gols contra, saldo e pontos.

Ideal para a página principal de ligas e campeonatos de pontos corridos.

Lista os próximos 5 ou 10 jogos com data, horário, local e equipes. Útil para páginas de “agenda” ou “calendário”.

Mostra os últimos jogos realizados com placar final. Perfeito para a seção “resultados” ou para um banner lateral.

Ranking dos maiores artilheiros com foto, equipe e número de gols. Ótimo para engajar atletas e gerar buzz nas redes sociais.

Bracket visual interativo para a fase eliminatória. Quem clica em uma chave vê os detalhes da partida. Muito usado em semifinais e finais.

Lista de cartões e suspensões da rodada. Interessante para portais mais completos.

O processo leva menos de dois minutos.

Na área do campeonato, clique em “Widgets e Integração” no menu lateral.

Passo 2 — Escolher o Tipo

Selecione o widget desejado. Você pode gerar quantos quiser, todos apontando para o mesmo campeonato.

Passo 3 — Personalizar

Para cada widget, você define:

Categoria/fase — qual tabela mostrar (adulto, sub-15, quartas de final, etc.)
Cor principal — casa com a identidade do seu site
Cor de fundo — claro, escuro ou transparente
Fonte — padrão ou customizada
Mostrar logotipo do Torneyo — ligado ou desligado (disponível em planos pagos)
Tamanho — largura total, compacto, super compacto

Um preview em tempo real mostra como vai ficar.

Passo 4 — Copiar o Código

O sistema gera um código como:

<iframe
  src="https://torneyo.com/embed/campeonato/123/classificacao"
  width="100%"
  height="600"
  frameborder="0">
</iframe>

Você copia esse código e cola no seu site.

Como Colar em Cada Plataforma

WordPress

No editor de bloco, adicione um bloco “HTML Personalizado” e cole o código. Publique.

Wix

No modo edição, arraste o elemento “HTML embed” para a página, cole o código e salve.

Webflow

Arraste um “Embed” para o canvas, cole o código, salve e publique.

Squarespace

Adicione o bloco “Code” e cole o código. Ajuste altura se necessário.

HTML puro

Cole o código diretamente dentro do <body> onde deseja que o widget apareça.

Elementor (WordPress)

Use o widget “HTML” e cole o código.

Personalização Avançada

Para quem quer integração total com o visual do site, o Torneyo oferece:

CSS Customizado (planos pagos)

Você pode injetar regras CSS próprias via parâmetro na URL do iframe. Isso permite alinhar 100% com a identidade do site, alterando cores de posição, bordas, tipografia e até exibir logos dos times.

API Pública

Para devs, o Torneyo também expõe uma API REST que devolve os mesmos dados em JSON. Isso permite construir seu próprio widget do zero, integrar em apps mobile, dashboards internos ou gerar cards para redes sociais.

Multi-idioma

O widget respeita o idioma configurado no campeonato. Ideal para ligas internacionais que atendem público em português, inglês e espanhol.

Atualização Automática

Os widgets se atualizam sozinhos a cada 30 segundos. Torcedores com a página aberta veem o gol aparecer sem precisar dar F5.

Casos de Uso Reais

Site de Liga de Futsal

Liga amadora com 12 times mantinha um Excel no Google Drive compartilhado. Hoje embeda a classificação direto no site oficial, com atualização a cada súmula fechada. Tráfego do site triplicou.

Escolinha de Futebol

Escolinha com 200 alunos incorpora a artilharia das categorias de base no site. Pais visitam semanalmente para ver o filho no ranking. Engajamento e matrículas cresceram.

Portal Esportivo Regional

Portal de notícias esportivas de bairro usa o widget de próximos jogos para recomendar eventos para ir no fim de semana. Virou a principal seção de retenção de visitantes.

Copa Interna de Empresa

RH da empresa embeda o widget de classificação no Confluence interno. Funcionários acompanham a copa do quadrimestre e engajam mais.

Cuidados e Boas Práticas

Teste em diferentes larguras — o widget é responsivo, mas vale checar no mobile
Escolha altura adequada — tabelas grandes precisam de mais altura, ou scroll interno
Não abuse de widgets na mesma página — 3 a 4 é o ideal, mais que isso pesa
Mantenha coerência visual — use a mesma cor principal em todos os widgets do site
Use HTTPS — widgets do Torneyo só funcionam em sites com HTTPS (padrão hoje)

Dúvidas Frequentes

Sim. O widget é público. Qualquer visitante do seu site vê os dados, sem precisar logar em lugar nenhum.

Não. O widget aponta para o campeonato específico, mesmo que seja editado ou renomeado depois. Só para de funcionar se o campeonato for arquivado definitivamente.

Posso ter vários widgets no mesmo site?

Pode. Cada widget é independente, então você pode ter classificação em uma página, artilharia em outra, próximos jogos na home.

Funciona em apps mobile?

Via webview, sim. Para integração nativa, use a API REST.

Comece Hoje

A incorporar tabela torneio no seu site é uma das mudanças mais simples e com maior impacto visual do campeonato. Em minutos você tem um site com aparência profissional e conteúdo sempre atualizado.

Se você ainda não tem o campeonato configurado, leia também nosso guia sobre tabela de campeonato online gratuita e depois volte aqui para embedar.

Gerar widget do seu campeonato →