apitdn/fluig_rag_docs/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

---
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://<seudominio>/portal/p/industria`**
   - **`https://<seudominio>/portal/p/logistica`**
   - **`https://<seudominio>/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)