Tutorial de incorporação

Incorporar uma roda no seu site

Use a página de reprodução sem navegação num site, plataforma de aprendizagem, painel ou apresentação.

Criar e partilhar uma roda

Criar a incorporação

1
Crie ou abra a roda.
2
Selecione Guardar e partilhar e depois Incorporar.
3
Cole o iframe num bloco HTML ou de incorporação.
4
Teste em desktop e telemóvel antes de publicar.

Padrão responsivo

O iframe funciona sozinho; este contentor mantém uma proporção responsiva 3:2.

<div style="position:relative;width:100%;aspect-ratio:3/2;min-height:420px">
  <iframe src="https://spinnerwheel.ai/pt/play?cmsWheelId=87078b04-dc89-40d8-b2fb-8e948c839e51&lang=pt&topBar=false" title="SpinnerWheel.ai" style="position:absolute;inset:0;width:100%;height:100%;border:0" allowfullscreen loading="lazy"></iframe>
</div>

Opções úteis

topBar=false remove navegação e rodapé.
allowfullscreen permite ecrã inteiro.
100% de largura acompanha o contentor.
Cerca de 420px de altura mínima mantém os controlos utilizáveis.

Resolução de problemas

Use o bloco de incorporação aprovado se a plataforma remover iframes.
Aumente a altura se a roda ficar apertada.
Gere novo código depois de alterar opções.

Pré-visualização

A pré-visualização usa a mesma página localizada dos códigos gerados.