Aviso

title	Atenção!

A solução TOTVS Fluig No-Code será descontinuada em 30/10/2024 e não estará mais disponível para acesso a partir dessa data.

Mais informações podem ser obtidas em Descontinuação TOTVS Fluig No-Code.

Dica

title	Dica!

Encontre os recursos existentes nos aplicativos TOTVS Fluig No-Code na nova solução que já está disponível: o TOTVS Collab.

Assim, você pode continuar usufruindo de todos os benefícios da gestão de projetos e tarefas, além de promover a colaboração no seu time!

Índice

maxLevel	3
exclude	.*ndice

Falando de templates de páginas... Image Modified

...

Os templates te ajudam a construir as páginas com mais agilidade, já trazendo um layout com componentes adequados à sua necessidade.

Dica
Utilize esses templates como ponto de partida, e personalize as opções conforme sua necessidade!

Os templates são categorizados em Básicos e Avançados.

Painel

borderColor	#e8f6f0
bgColor	#e8f6f0

HTML

<style type="text/css">
    .lms * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .lms-text-center {
      text-align: center;
    }

    .lms-full-height {
      height: 100%;
    }

    /* Component LMS Callout */

    .lms-callout {
      border: none;
      padding: 0px;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;
      -moz-align-items: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      -ms-align-items: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;
      -webkit-align-items: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
      align-items: center;
    }
  
    .lms-callout .lms-callout-image {
      width: 24px;
    }

    .lms-callout .lms-callout-body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

	.lms-callout .lms-callout-citacao {
      border: 0px solid;
      border-left-width: 3px;
      border-left-color: #f36f21;
	  margin: 4px;
	  margin-left: 25px;
	  padding-left: 8px;
      font-size: 13px;
	}

    .lms-callout .lms-callout-thumb {
      width: 24px;
      height: 24px;
    }

    .lms-callout .lms-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }
</style>
<div class="lms">
	<div class="lms-callout">
		<div class="lms-callout-image">
			<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/thumbnails/286221066/dica.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>DICA!</b><br>Utilize esses <i>templates</i> como ponto de partida, e utilize o <a href = "http://tdn.totvs.com/x/9Y5qH" style="color: #41d262">Editor de páginas</a> para personalizar as opções conforme sua necessidade!</p>
		</div>
	</div>
</div>

Templates básicos

...

São templates mais simples com foco em alguns segmentos de negócio. Não possuem integração com outros aplicativos.

Logística

...

...
Foi construído para empresas do ramo de logística, contendo menu, seção, conteúdos de texto, parágrafos e rodapé.

Multimedia
name Logistica.mp4
width

...

100%
height

...

5%

...

Educacional

...

Foi construído com foco em redes de universidades e instituições de ensino, contendo menu, banner, conteúdos de texto, galeria de imagens e rodapé.

Multimedia
name Educacional.mp4
width

...

100%
height

...

5%

...

Saúde

...

Foi construído pensando em hospitais, clínicas e laboratórios. A página contém menu, banner, conteúdos de texto, galeria de imagens e rodapé.

Multimedia
name Saúde.mp4
width

...

100%
height

...

5%

...

Varejo

...

Foi construído com foco em redes de restaurantes. A página contém menu, galeria de imagens, conteúdos de texto e rodapé.

Multimedia
name Varejo.mp4
width

...

100%
height

...

5%

...

Construções e projetos

...

Foi construído para empresas no ramo de engenharia e arquitetura, contendo menu, banner, conteúdos de texto, seção, galeria de imagens e rodapé.

Multimedia
name Construção.mp4
width

...

100%
height 5%

Templates avançados

...

São templates mais complexos que possuem integração com outros aplicativos e, juntos, eles proporcionam mais valor agregado ao negócio.

Central de atendimento

...

Image Added ^{Assista ao vídeo}

Foi construído para prover às empresas de qualquer ramo uma solução completa de atendimento de solicitações que pode ser utilizada para suporte técnico para seus clientes, dúvidas, solicitações internas, de equipamentos ou qualquer outra necessidade que ela possa atender.

Esse template é constituído por recursos do TOTVS Pages, TOTVS Forms e TOTVS Tasks, todos integrados automaticamente na criação da página. A seguir, são descritos cada um dos recursos e suas características.

Painel

borderColor	#fdf7e8
bgColor	#fdf7e8

HTML

<div class="lms">
	<div class="lms-callout">
		<div class="lms-callout-image">
			<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/thumbnails/286221066/importante.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>IMPORTANTE!</b><br>É necessário que o usuário que esteja criando a página com esse <i>template</i> também tenha acesso ao <a href = "https://tdn.totvs.com/x/i28hH" style="color: #e1af29">TOTVS Forms</a> e ao <a href = "https://tdn.totvs.com/x/02YhH" style="color: #e1af29">TOTVS Tasks</a>.</p>
		</div>
	</div>
</div>

Multimedia
name Central de atendimento.mp4
width 100%
height 5%

Página

Ao utilizar esse template, uma página no estilo Central de atendimento será criada automaticamente com componentes prontos e configurados, você só precisará editar o conteúdo deles com as informações da sua empresa. Se desejar, também pode modificá-los e configurá-los para adequar ao seu negócio e deixá-lo do seu jeito.

Image Added

Formulário

Junto com a criação da página, um formulário é criado no TOTVS Forms e automaticamente incorporado a ela – onde serão preenchidas as informações da solicitação de atendimento.

Painel

borderColor	#f2f2f2
bgColor	#f2f2f2

O formulário solicita as seguintes informações:

Nome completo
Nome completo de quem está abrindo a solicitação.

Empresa
Empresa na qual quem está abrindo a solicitação atua.

E-mail
E-mail para o qual serão enviadas informações sobre o andamento da solicitação.

Telefone
Telefone para contato caso seja necessário solicitar mais informações ou para informar sobre o andamento da solicitação.

Como podemos te ajudar?
Assunto sobre o qual a solicitação se refere.

Descrição
Descrição detalhada sobre a solicitação.

Anexo
Documento demostrando a situação ou para auxiliar no atendimento da solicitação. Pode ser adicionado qualquer tipo de arquivo.

Painel

borderColor	#e8f6f0
bgColor	#e8f6f0

HTML

<div class="lms">
	<div class="lms-callout">
		<div class="lms-callout-image">
			<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/thumbnails/286221066/dica.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>DICA!</b><br>Informações sobre as ações disponíveis para o formulário podem ser obtidas no <a href = "https://tdn.totvs.com/x/e8j1H" style="color: #41d262">Guia de usuário</a> do TOTVS Forms.</p>
		</div>
	</div>
</div>

Image Added

Lista de tarefas

Da mesma forma, uma lista de tarefas será criada automaticamente no TOTVS Tasks para que os responsáveis por atender as solicitações prossigam com o atendimento.

A lista possui todas as notificações de gerenciamento ativadas. Desta forma, um alerta é emitido sempre que uma tarefa é criada na lista, quando uma tarefa muda de etapa, quando a tarefa está atrasada e quando o seu responsável mudou. O alerta também é enviado por e-mail quando a tarefa muda de etapa e quando ela é encerrada.

Painel

borderColor	#f2f2f2
bgColor	#f2f2f2

A lista de tarefas possui as seguintes etapas:

Triagem: etapa na qual a solicitação fica assim que é criada, aguardando análise de um atendente para prosseguir com o atendimento;

Atendimento: etapa na qual a solicitação permanece quando já está sendo atendida;

Pausado: etapa na qual a solicitação fica aguardando um retorno do solicitante ou algo que é necessário para prosseguir com o atendimento;

Concluído: quando a solicitação já foi atendida e está solucionada.

Painel

borderColor	#e8f6f0
bgColor	#e8f6f0

HTML

<div class="lms">
	<div class="lms-callout">
		<div class="lms-callout-image">
			<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/thumbnails/286221066/dica.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>DICA!</b><br>Informações sobre as ações disponíveis para a lista de tarefas podem ser obtidas no <a href = "https://tdn.totvs.com/x/-P7jH" style="color: #41d262">Guia de usuário</a> do TOTVS Tasks.</p>
		</div>
	</div>
</div>

Image Added

...

Atalhos

Árvore de páginas

Versões comparadas

Versão antiga 2

Nova versão Atual

Chave

Falando de templates de páginas... Image Modified

Templates básicos

Logística

...
Foi construído para empresas do ramo de logística, contendo menu, seção, conteúdos de texto, parágrafos e rodapé.

Multimedia
name Logistica.mp4
width

100%
height

5%

Educacional

Multimedia
name Educacional.mp4
width

100%
height

5%

Saúde

Multimedia
name Saúde.mp4
width

100%
height

5%

Varejo

Multimedia
name Varejo.mp4
width

100%
height

5%

Construções e projetos

Multimedia
name Construção.mp4
width

100%
height 5%

Templates avançados

Central de atendimento

Multimedia
name Central de atendimento.mp4
width 100%
height 5%

Página

Formulário

Lista de tarefas

Atalhos

Árvore de páginas

Histórico da Página

Versões comparadas

Versão antiga 2

Nova versão Atual

Chave

Falando de templates de páginas... Image Modified

Templates básicos

Logística

...Foi construído para empresas do ramo de logística, contendo menu, seção, conteúdos de texto, parágrafos e rodapé.

MultimedianameLogistica.mp4width

100%height

5%

Educacional

MultimedianameEducacional.mp4width

100%height

5%

Saúde

MultimedianameSaúde.mp4width

100%height

5%

Varejo

MultimedianameVarejo.mp4width

100%height

5%

Construções e projetos

MultimedianameConstrução.mp4width

100%height5%

Templates avançados

Central de atendimento

MultimedianameCentral de atendimento.mp4width100%height5%

Página

Formulário

Lista de tarefas

...
Foi construído para empresas do ramo de logística, contendo menu, seção, conteúdos de texto, parágrafos e rodapé.

Multimedia
name Logistica.mp4
width

100%
height

Multimedia
name Educacional.mp4
width

100%
height

Multimedia
name Saúde.mp4
width

100%
height

Multimedia
name Varejo.mp4
width

100%
height

Multimedia
name Construção.mp4
width

100%
height 5%

Multimedia
name Central de atendimento.mp4
width 100%
height 5%