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.

Gerar meu código de incorporação Experimente o exemplo primeiro

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 Altura

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.

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/sl/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.

Converse com a atividade a partir da sua própria página Uma vez que ela está na sua página, essa página pode receber a pontuação e o progresso do jogador, ser avisada no momento em que ele termina, e reiniciar a atividade para uma nova tentativa.

Ideias de atividades

Todas as ideias →

Roda da fortuna Premium

Roda de prêmios

Um giro por visitante, segmentos do tamanho que você decidir, o resultado mostrado em destaque, e confete só no prêmio principal.

Caça-palavras

Caça-palavras de sorteio

As letras que sobram formam o código de um sorteio. Adicione um formulário de cadastro no final e o passatempo vira o bilhete de participação.

Palavras cruzadas diretas

Passatempo de newsletter

Um passatempo no estilo sueco para a última página da newsletter da equipe. As definições ficam dentro da grade, e as casas numeradas formam a palavra que os leitores enviam.

Quiz Premium

Que tipo de pessoa você é?

Sem respostas certas, apenas um resultado sobre o jogador. Cada resposta o move ao longo de uma escala, e onde ele para é o resultado.

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.