O elemento de sum\u00e1rio do Geppetto \u00e9 um recurso que permite criar uma navega\u00e7\u00e3o indexada dentro de um curso online com links que deslocam o aluno automaticamente at\u00e9 se\u00e7\u00f5es espec\u00edficas da p\u00e1gina ou que saltam para p\u00e1ginas diferentes quando o conte\u00fado est\u00e1 paginado. Neste guia, \u00e9 poss\u00edvel acompanhar o passo a passo completo de como adicionar, configurar e personalizar esse elemento.<\/p>\n\n\n\n
Para quem preferir ver na pr\u00e1tica, h\u00e1 um v\u00eddeo demonstrando todos os recursos citados aqui: assista \u00e0 demonstra\u00e7\u00e3o completa no YouTube<\/a>.<\/p>\n\n\n\n O sum\u00e1rio \u00e9 um elemento dispon\u00edvel no plano Expert do Geppetto. Ele funciona como um \u00edndice din\u00e2mico: ao ser inserido em um curso, captura automaticamente os t\u00edtulos e elementos marcados para aparecer no sum\u00e1rio e exibe uma lista naveg\u00e1vel para o aluno. Ao clicar em qualquer entrada do sum\u00e1rio, o aluno \u00e9 redirecionado diretamente para aquele trecho \u2014 seja na mesma p\u00e1gina ou em uma p\u00e1gina diferente, quando h\u00e1 pagina\u00e7\u00e3o configurada.<\/p>\n\n\n\n Para inserir o sum\u00e1rio, \u00e9 necess\u00e1rio primeiro adicionar um novo grid ou sub-grid ao layout do curso. Dentro desse espa\u00e7o, o elemento “Sum\u00e1rio” fica dispon\u00edvel para inser\u00e7\u00e3o. Ap\u00f3s adicionado, ele exibe automaticamente um aviso informando que ainda n\u00e3o h\u00e1 nenhum item configurado para aparecer no \u00edndice \u2014 o que \u00e9 esperado nessa etapa inicial.<\/p>\n\n\n\n O sum\u00e1rio n\u00e3o captura todos os t\u00edtulos do curso automaticamente. \u00c9 preciso marcar cada elemento que deve ser indexado. Para isso, basta selecionar o elemento desejado \u2014 como um cabe\u00e7alho ou um card estilizado \u2014 e, na aba Geral, ativar a op\u00e7\u00e3o “Incluir sum\u00e1rio”<\/strong>.<\/p>\n\n\n\n No momento em que essa op\u00e7\u00e3o \u00e9 ativada, a entrada correspondente aparece imediatamente no sum\u00e1rio, com o t\u00edtulo do elemento como r\u00f3tulo padr\u00e3o.<\/p>\n\n\n\n Quando o t\u00edtulo original do elemento \u00e9 muito longo ou n\u00e3o \u00e9 adequado para o sum\u00e1rio, \u00e9 poss\u00edvel substitu\u00ed-lo por um r\u00f3tulo personalizado. Essa configura\u00e7\u00e3o fica dispon\u00edvel logo abaixo da op\u00e7\u00e3o “Incluir sum\u00e1rio”, no mesmo painel do elemento. O r\u00f3tulo definido \u00e9 atualizado em tempo real no sum\u00e1rio, sem necessidade de salvar antes de visualizar.<\/p>\n\n\n\n Al\u00e9m do r\u00f3tulo, \u00e9 poss\u00edvel definir o n\u00edvel hier\u00e1rquico de cada entrada \u2014 n\u00edvel 1, 2 ou 3. Isso permite criar uma estrutura com entradas principais e subentradas, organizando o sum\u00e1rio de forma clara para o aluno. Essa configura\u00e7\u00e3o pode ser feita tanto no painel do elemento quanto diretamente dentro do sum\u00e1rio.<\/p>\n\n\n\n Opcionalmente, \u00e9 poss\u00edvel associar um \u00edcone a cada entrada do sum\u00e1rio. O \u00edcone \u00e9 escolhido no painel do elemento e pode ser ajustado a qualquer momento.<\/p>\n\n\n\n Cada elemento marcado para o sum\u00e1rio recebe automaticamente um ID de \u00e2ncora, que \u00e9 o identificador usado para o deslocamento da p\u00e1gina ao clicar no link. Esse ID pode ser mantido no padr\u00e3o gerado automaticamente ou substitu\u00eddo por um valor personalizado.<\/p>\n\n\n\n Quando o aluno clica em uma entrada do sum\u00e1rio e o conte\u00fado est\u00e1 na mesma p\u00e1gina, a rolagem acontece automaticamente at\u00e9 o item. Se o posicionamento final n\u00e3o ficar exatamente onde o esperado \u2014 o aluno para um pouco antes ou depois do t\u00edtulo \u2014 \u00e9 poss\u00edvel ajustar o deslocamento de ancoragem com um controle fino dispon\u00edvel no painel do elemento, deslocando para cima ou para baixo conforme necess\u00e1rio.<\/p>\n\n\n\n Quando h\u00e1 pagina\u00e7\u00e3o no curso, o sum\u00e1rio tamb\u00e9m funciona entre p\u00e1ginas: ao clicar em uma entrada que est\u00e1 em outra p\u00e1gina, o Geppetto navega para a p\u00e1gina correta e posiciona o aluno no elemento correspondente.<\/p>\n\n\n\n Dentro do elemento de sum\u00e1rio, h\u00e1 op\u00e7\u00f5es de customiza\u00e7\u00e3o visual que permitem ajustar a apar\u00eancia do \u00edndice. Os estilos dispon\u00edveis incluem:<\/p>\n\n\n\n Outras op\u00e7\u00f5es de personaliza\u00e7\u00e3o incluem: numera\u00e7\u00e3o de entradas, exibi\u00e7\u00e3o do n\u00famero de p\u00e1gina (quando h\u00e1 pagina\u00e7\u00e3o), pontilhado entre o r\u00f3tulo e o n\u00famero, exibi\u00e7\u00e3o dos \u00edcones associados a cada entrada, tamanho de fonte e espa\u00e7amento entre itens.<\/p>\n\n\n\n Ap\u00f3s salvar as configura\u00e7\u00f5es, a visualiza\u00e7\u00e3o do curso exibe o sum\u00e1rio completo com todas as entradas configuradas, seus r\u00f3tulos, n\u00edveis hier\u00e1rquicos, \u00edcones (quando definidos) e numera\u00e7\u00e3o. Em dispositivos m\u00f3veis, o sum\u00e1rio se ajusta automaticamente ao tamanho de tela, com fontes reduzidas para manter a legibilidade sem comprometer o layout.<\/p>\n\n\n\n A configura\u00e7\u00e3o completa do elemento de sum\u00e1rio, incluindo a demonstra\u00e7\u00e3o visual de cada estilo e a navega\u00e7\u00e3o entre p\u00e1ginas com pagina\u00e7\u00e3o, pode ser acompanhada no v\u00eddeo original: assistir ao tutorial completo no YouTube \u2192<\/strong><\/a><\/p>\n\n\n\n O elemento de sum\u00e1rio est\u00e1 dispon\u00edvel em todos os planos do Geppetto?<\/strong> O sum\u00e1rio captura todos os t\u00edtulos do curso automaticamente?<\/strong> \u00c9 poss\u00edvel ter mais de um n\u00edvel hier\u00e1rquico no sum\u00e1rio?<\/strong> O sum\u00e1rio funciona entre p\u00e1ginas quando o curso tem pagina\u00e7\u00e3o?<\/strong> \u00c9 poss\u00edvel ajustar o posicionamento de ancoragem?<\/strong> O sum\u00e1rio funciona em dispositivos m\u00f3veis?<\/strong>O que \u00e9 o elemento de sum\u00e1rio no Geppetto Creator<\/h2>\n\n\n\n
Passo 1: adicionar o elemento de sum\u00e1rio ao layout<\/h2>\n\n\n\n
Passo 2: marcar os elementos que v\u00e3o aparecer no sum\u00e1rio<\/h2>\n\n\n\n
Passo 3: configurar o r\u00f3tulo e o n\u00edvel hier\u00e1rquico<\/h2>\n\n\n\n
Passo 4: configurar a ancoragem<\/h2>\n\n\n\n
Passo 5: personalizar o estilo do sum\u00e1rio<\/h2>\n\n\n\n
\n
Visualizando o resultado<\/h2>\n\n\n\n
Veja na pr\u00e1tica<\/h2>\n\n\n\n
Perguntas frequentes<\/h2>\n\n\n\n
N\u00e3o. O sum\u00e1rio \u00e9 um elemento do plano Expert do Geppetto.<\/p>\n\n\n\n
N\u00e3o. Apenas os elementos com a op\u00e7\u00e3o “Incluir sum\u00e1rio” ativada aparecem no \u00edndice. Isso permite controle total sobre o que \u00e9 exibido.<\/p>\n\n\n\n
Sim. Cada entrada pode ser definida como n\u00edvel 1, 2 ou 3, criando uma estrutura hier\u00e1rquica com entradas principais e subentradas.<\/p>\n\n\n\n
Sim. Ao clicar em uma entrada que est\u00e1 em outra p\u00e1gina, o Geppetto navega automaticamente para a p\u00e1gina correta e posiciona o aluno no elemento correspondente.<\/p>\n\n\n\n
Sim. H\u00e1 um controle de deslocamento que permite ajustar para cima ou para baixo o ponto exato onde a p\u00e1gina para ao clicar em uma entrada do sum\u00e1rio.<\/p>\n\n\n\n
Sim. O elemento se adapta automaticamente a telas menores, ajustando o tamanho do texto e o layout para manter a usabilidade em celulares e tablets.<\/p>\n\n