Pular para o conteúdo
Você está visualizando o novo Puzzel.org Voltar para o site atual
Recursos Incorporação
Incorporação

Seu passatempo, na sua página, com o seu nome nele.

Um único iframe coloca a atividade direto no seu site, CMS ou LMS. Sem marca — sem cabeçalhos, sem rodapés, sem identidade visual do Puzzel dentro do quadro.

Funciona em qualquer CMS ou LMS Sem identidade visual do Puzzel no quadro Resultados continuam sendo acompanhados
iframe · 600px × 900px Palavras cruzadas
Nada no quadro menciona o Puzzel. 600px × 900px
Plano A incorporação faz parte de qualquer assinatura paga. Ver planos
Gerador de código de incorporação

Configure aqui, cole lá.

1 · Qual atividade
2 · Tamanho do quadro
Largura responsiva
O quadro preenche o contêiner — 100% de largura em vez de pixels fixos

Largura fixa. Ative a largura responsiva se sua página precisar funcionar em celulares.

3 · Pré-visualize o visual

As cores vêm das próprias configurações de estilo da atividade, então o passatempo parece parte do seu site.

Seu código de incorporação
<div>
<iframe src='https://puzzel.org/br/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' width='600' height='900' frameborder='0'>
</iframe></div>
Ajuste a largura e a altura livremente — 100% também é um valor válido.
Edite a atividade depois, e toda página que a incorpora se atualiza automaticamente.
Este trecho de código usa uma atividade de exemplo real, então você pode colá-lo agora mesmo.
Etapa 1

Crie a atividade

Crie normalmente no editor. O botão 'Usar minha atividade' te dá o código de incorporação — você nunca precisa mexer em um arquivo.

Etapa 2

Copie o iframe

Defina o tamanho que combina com seu layout e coloque o trecho no HTML da sua página.

Etapa 3

Deixe do seu jeito

Estilize a atividade no editor — as cores e fontes passam para o quadro, então ele parece parte do seu site.

Experimente antes de assinar

Palavras cruzadas de exemplo, livre para colar

Coloque isso em uma página de teste para ver como o quadro se comporta no seu layout. É um passatempo real e jogável — sem necessidade de conta.

<div>
<iframe src='https://puzzel.org/br/crossword/embed?p=-N7G3WdPBEnNh4jW6-Q7' width='600' height='900' frameborder='0'>
</iframe></div>
Testado em

Em qualquer lugar que aceite iframe

WordPress custom HTML block
Google Sites embed → code
Moodle HTML editor
Canvas LMS rich content editor
Squarespace / Wix embed element

Bloqueado pelo seu CMS? Cole o trecho em um bloco de HTML bruto ou de incorporação, em vez de um campo de texto rico.

Antes de colar no ar

Os jogadores veem o Puzzel de alguma forma?

Não. A atividade incorporada não tem marca — sem logo, sem cabeçalho, sem rodapé. Sua página é toda a experiência.

E se o passatempo ficar cortado?

Aumente a altura, ou use 100% de largura para que o quadro acompanhe sua coluna em vez de um valor fixo em pixels.

Funciona em celulares?

Sim. Com a largura responsiva, a atividade se reorganiza, e o toque funciona igual ao do puzzel.org.