Incorporação

O teu quebra-cabeças, na tua página, com o teu nome.

Um iframe coloca a atividade diretamente no teu site, CMS ou LMS. White label — sem cabeçalhos, sem rodapés, sem marca Puzzel dentro do quadro.

Funciona em qualquer CMS ou LMS Sem marca Puzzel no quadro Os resultados continuam a ser acompanhados

iframe · 600px × 900px Palavras cruzadas

Nada no quadro diz Puzzel. 600px × 900px

Plano A incorporação faz parte de qualquer subscrição paga. Ver planos

Gerador de código de incorporação

Prepara aqui, cola ali.

1 · Que atividade

2 · Tamanho do quadro

Largura Altura

Largura adaptável

O quadro preenche o contentor — 100% de largura em vez de pixéis fixos

Largura fixa. Ativa a largura adaptável se a tua página tiver de funcionar nos telemóveis.

3 · Pré-visualiza o aspeto

As cores vêm das definições de estilo da própria atividade, para que o quebra-cabeças pareça parte do teu site.

O teu código de incorporação

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

Ajusta a largura e a altura à vontade — 100% também é um valor válido.

Edita a atividade mais tarde e todas as páginas que a incorporam atualizam-se sozinhas.

Este excerto usa uma atividade de exemplo real, por isso podes colá-lo já.

Passo 1

Cria-a como de costume no editor. O botão 'Usar a minha atividade' dá-te o código de incorporação — nunca mexes num ficheiro.

Passo 2

Define o tamanho que serve a tua página e coloca o excerto no respetivo HTML.

Passo 3

Dá estilo à atividade no editor — as cores e os tipos de letra passam para o quadro, para que pareça parte do teu site.

Experimenta antes de subscrever

Coloca isto numa página de testes para veres como o quadro se comporta na tua página. É um quebra-cabeças real e jogável — não precisas de conta.

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

Testado em

WordPress custom HTML block

Google Sites embed → code

Moodle HTML editor

Canvas LMS rich content editor

Squarespace / Wix embed element

Bloqueado pelo teu CMS? Cola o excerto num bloco de HTML puro ou de incorporação, em vez de um campo de texto formatado.

Os jogadores chegam a ver a Puzzel?

Não. A atividade incorporada é white label — sem logótipo, sem cabeçalho, sem rodapé. A experiência é toda a tua página.

E se o quebra-cabeças ficar cortado?

Aumenta a altura ou usa 100% de largura para que o quadro acompanhe a tua coluna em vez de um valor fixo em pixéis.

Funciona nos telemóveis?

Sim. Com largura adaptável a atividade reajusta-se e o toque funciona tal como em puzzel.org.