--- title: Seu Negócio + Rápido e Eficiente: Criação de Página no Fluig Sem Código source: https://tdn.totvs.com/pages/viewpage.action?pageId=953014428 path: \Plataforma Documentação técnica\Palestras - Universo TOTVS\Universo TOTVS 2025\Seu Negócio + Rápido e Eficiente Criação de Página no Fluig Sem Código.md --- ### Palestrantes ![Palestrante 1 - Alyson](..\..\..\images\retrato.jpg) Alyson ![Palestrante 2 - Alexandre](..\..\..\images\retrato-Ale.jpg) Alexandre ![Palestrante 3 - Rafael](..\..\..\images\retratovanat.jpg) Rafael **Apresentação:** [Seu Negócio + Rápido e Eficiente: Criação de Página no Fluig Sem Código](https://docs.google.com/presentation/d/1Dr4-DfjpMxLvyzmNgwkMqA2ekSCCsVFsHRHt52nSThA/edit?usp=sharing) - [📘 Guia Fluig – Criação de Páginas com Widgets padrões e do Kit Intranet](#SeuNegócio+RápidoeEficiente:CriaçãodePáginanoFluigSemCódigo-📘GuiaFluig–CriaçãodePáginascomWidgetspadrõesedoKitIntranet) - [📦 Importando o Kit Intranet](#SeuNegócio+RápidoeEficiente:CriaçãodePáginanoFluigSemCódigo-📦ImportandooKitIntranet) - [🏭 Página: Indústria](#SeuNegócio+RápidoeEficiente:CriaçãodePáginanoFluigSemCódigo-🏭Página:Indústria) - [🚛 Página: Logística](#SeuNegócio+RápidoeEficiente:CriaçãodePáginanoFluigSemCódigo-🚛Página:Logística) - [🧑‍💼Página: Recursos Humanos](#SeuNegócio+RápidoeEficiente:CriaçãodePáginanoFluigSemCódigo-🧑‍💼Página:RecursosHumanos) - [✅ Publicação](#SeuNegócio+RápidoeEficiente:CriaçãodePáginanoFluigSemCódigo-✅Publicação) - [Treinamentos gratuitos para ajudar nessa jornada:](#SeuNegócio+RápidoeEficiente:CriaçãodePáginanoFluigSemCódigo-Treinamentosgratuitosparaajudarnessajornada:) - [Sobre os recursos citados do TOTVS Fluig:](#SeuNegócio+RápidoeEficiente:CriaçãodePáginanoFluigSemCódigo-SobreosrecursoscitadosdoTOTVSFluig:) # **📘 Guia Fluig – Criação de Páginas com** **Widgets padrões e do Kit Intranet** Este guia ensina como importar o **Kit Intranet**, criar páginas específicas (Indústria, Logística e Recursos Humanos) e configurar os principais **widgets visuais e funcionais** do Fluig. --- ## **📦 Importando o Kit Intranet** 1. Acesse o menu **Painel de Controle > Importar/Exportar páginas> Importar página**. 2. Clique em **Selecionar Arquivo** e envie o arquivo `.zip` do Kit Intranet: 👉 **[Kit Intranet](../../Configuração/Apps e Mashups/Kit Intranet.md)** 3. Clique em **Importar** e aguarde a confirmação de sucesso. --- ## **🏭 Página: Indústria** Criando a Página ### 📄 Criando a Página 1. Vá em **Painel de Controle > Minhas Páginas> Nova Página**. 2. Preencha: - **Título:** Indústria - **URL:** industria 3. Escolha o **layout desejado**. 4. Clique em **Salvar e Editar Conteúdo**. Adicionando Widgets ### 🧱 Adicionando Widgets 🎞️ **[Slideshow](https://tdn.totvs.com/display/public/fluig/Kit+Intranet#KitIntranet-WidgetSlideshow)** - Arraste o widget **Slideshow** para a área desejada. - Selecione imagens ou configure caminho no GED. - Clique em **Salvar**. 📋 **[Listar Registros de Datasets](https://tdn.totvs.com/pages/viewpage.action?pageId=234455977#Plataforma%E2%9D%99Widgets-ListarRegistrosdeDatasets)** - Arraste o widget **Listar Registros de Datasets**. - Clique em **Editar Widget**. - Escolha o **dataset** relacionado à produção/estoque. - Configure os campos a exibir, filtros e nome de exibição. - Clique em **Salvar**. ✏️ **[Editor de Conteúdo](https://tdn.totvs.com/pages/viewpage.action?pageId=342306655)** - Arraste o widget **Editor de Conteúdo**. - Digite textos, instruções ou notícias internas. - Use o ícone de corrente para adicionar links. - Clique em **Salvar**. 🧩 [**Processos favoritos**](https://tdn.totvs.com/pages/viewpage.action?pageId=234455977#Plataforma%E2%9D%99Widgets-ProcessosFavoritos) - Arraste o widget de **Processos favoritos**. - Escolha os processos desejados. - Configure filtros e ordenações. - Clique em **Salvar**. 🔗 **[Links Úteis](https://tdn.totvs.com/pages/viewpage.action?pageId=864324175)** - Arraste o widget **Links Úteis**. - Adicione nome e URL de sistemas, documentos etc. - Clique em **Salvar**. **📋 [Cardápio](https://tdn.totvs.com/display/public/fluig/Kit+Intranet#KitIntranet-WidgetCard%C3%A1pio)** - **Arraste o widget Cardápio** - Configure o formulário - Clique em **Salvar**. ![](..\..\..\images\Imagem1.gif) ## **🚛 Página: Logística** Criando a Página ### 📄Criando a Página 1. Vá em **Painel de Controle > Páginas > Nova Página**. 2. Preencha: - **Título:** Logística - **URL:** logistica 3. Escolha o layout. 4. Clique em **Salvar e Editar Conteúdo**. Adicionando Widgets 🧱Adicionando Widgets 🌐 **[Endereço Web](https://tdn.totvs.com/pages/viewpage.action?pageId=234455977#Plataforma%E2%9D%99Widgets-Endere%C3%A7oWEB)** - Arraste o widget **Endereço Web**. - Clique em **Editar Widget**. - Insira a **URL externa** (ex: painel de rastreamento). - Defina a **altura do iframe**. - Clique em **Salvar**. 📢 [**Mural de Avisos**](https://tdn.totvs.com/pages/viewpage.action?pageId=234455977#Plataforma%E2%9D%99Widgets-MuraldeAvisos) - Arraste o widget **Mural de Avisos**. - Configure a fonte de dados (avisos recentes ou dataset). - Defina quantidade e ordenação. - Clique em **Salvar**. [📊 **Gráfico de Processos e Tarefas**](https://tdn.totvs.com/pages/viewpage.action?pageId=317296930) - Arraste o widget. - Escolha o tipo de gráfico (pizza, barra). - Selecione os processos e filtros desejados. - Clique em **Salvar**. ⏳ [**Tarefas Pendentes**](https://tdn.totvs.com/pages/viewpage.action?pageId=234455977#Plataforma%E2%9D%99Widgets-TarefasPendentes) - Arraste o widget. - Configure por status, processo ou usuário. - Defina a quantidade de itens. - Clique em **Salvar**. 🎞️ **[Slideshow](https://tdn.totvs.com/display/public/fluig/Kit+Intranet#KitIntranet-WidgetSlideshow)** - Arraste o widget. - Clique em **Editar Widget**. - Selecione imagens logísticas ou operacionais. - Defina tempo de transição e clique em **Salvar**. [✏️ **Editor de Conteúdo**](https://tdn.totvs.com/pages/viewpage.action?pageId=342306655) - Arraste o widget. - Insira textos, orientações ou procedimentos. - Use hiperlinks para documentos, formulários e portais. - Clique em **Salvar**. ![](..\..\..\images\Imagem2.gif) ## **🧑‍💼Página: Recursos Humanos** Criando a Página ### 📄 Criando a Página 1. Acesse **Painel de Controle > Páginas > Nova Página**. 2. Preencha: - **Título:** Recursos Humanos - **URL:** recursos-humanos 3. Escolha um layout com 2 ou 3 colunas. 4. Salve e edite o conteúdo. Adicionando Widgets 🧱 Adicionando Widgets 🎂 **[Aniversariantes](https://tdn.totvs.com/display/public/fluig/Kit+Intranet#KitIntranet-WidgetAniversariantes)** - Arraste o widget **Aniversariantes**. - Configure dataset com datas de nascimento. - Filtre por mês atual. - Clique em **Salvar**. [📆 **Adicionar ao Calendário**](../../Configuração/Apps e Mashups/Widget Adicionar ao calendário.md) **\*** - Arraste o widget. - Adicione nome do evento, data, horário e descrição. - Permite exportar para Google/Outlook. - Clique em **Salvar**. 🌐 **[Endereço Web](https://tdn.totvs.com/pages/viewpage.action?pageId=234455977#Plataforma%E2%9D%99Widgets-Endere%C3%A7oWEB)** - Arraste o widget. - Configure link de sistemas externos (benefícios, folha, etc). - Defina altura e salve. 📋 **[Listar Registros de Dataset](https://tdn.totvs.com/pages/viewpage.action?pageId=234455977#Plataforma%E2%9D%99Widgets-ListarRegistrosdeDatasets)** - Arraste o widget Listar registros de Dataset - Escolha o dataset (colaboradores, treinamentos, férias). - Defina os campos visíveis e filtros. - Clique em **Salvar**. 🤝 **[Convênios](https://tdn.totvs.com/display/public/fluig/Kit+Intranet#KitIntranet-WidgetConv%C3%AAnios)** - Arraste o widget. - Configure com dataset de convênios (nome, tipo, contato). - Salve. 🎞️ **[Slideshow](https://tdn.totvs.com/display/public/fluig/Kit+Intranet#KitIntranet-WidgetSlideshow)** - Arraste o widget Slideshow - Adicione imagens de campanhas internas. - Defina tempo de exibição e salve. **\***Para importar a widget **Adicionar ao calendário** siga as instruções deste material: **[Widget Adicionar ao calendário](../../Configuração/Apps e Mashups/Widget Adicionar ao calendário.md)** ![](..\..\..\images\Imagem3.gif) ## **✅ Publicação** Após configurar cada página: 1. Clique em **Publicar Página**. 2. Acesse pelos seguintes caminhos: - **`https:///portal/p/industria`** - **`https:///portal/p/logistica`** - **`https:///portal/p/recursos-humanos`** ## **Treinamentos gratuitos para ajudar nessa jornada:** - [Adapte seu layout ao novo construtor de páginas](https://academy.fluig.com/theme/totvs_fluig_academy/landpage.php?course=72) - [Trilha iniciando o desenvolvimento de Portais com o Totvs Fluig Plataforma](https://academy.fluig.com/theme/totvs_fluig_academy/trilha.php?codigo=8) - #### WCM - Gestão de portais - #### TOTVS Fluig Dev Start - #### Como fazer - Instalar Eclipse 2019-R9 + Fluig Studio - #### Iniciando o desenvolvimento de widgets - #### Preferências da widget, como salvar e recuperar os dados - #### Templates Mustache em widgets, aprenda a desenvolver - [Style Guide - Modal](https://academy.fluig.com/theme/totvs_fluig_academy/landpage.php?course=106) ## **Sobre os recursos citados do TOTVS Fluig:** - [Social e Comunidades](https://tdn.totvs.com/pages/viewpage.action?pageId=233762842) - [Widgets](https://tdn.totvs.com/pages/viewpage.action?pageId=234455977) - [Slots](https://tdn.totvs.com/x/roP5DQ) - [Layouts](https://tdn.totvs.com/x/sYP5DQ)