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!

Image Added

...

Divulgamos aqui todas

Image Removed

Listamos aqui as novidades e correções que estão disponíveis em nosso aplicativo – no TOTVS Pages – pages.totvs.app – – das mais recentes para as mais antigas. Confira!

Índice

maxLevel	1

...

Atualizações › 27/07/2022

...

Correções

Corrigido o envio de informações de um formulário respondido a partir de uma página do Pages depois que um dos campos do formulário foi excluído.

Atualizações › 20/07/2022

...

Correções

Ajustadas as permissões para que sejam aplicadas a todas as páginas do portal e não apenas à principal.

Atualizações › 26/08/2021

...

Correções

Corrigida a edição de portais que utilizam o componente Parágrafo.

Atualizações › 12/08/2021

...

Novidades

Mais detalhes na escolha de templates de páginas

Agora, os templates de páginas são categorizados em Básicos e Avançados. Além disso, o template avançado exibe quais integrações ele possui e quais os pré-requisitos para usá-lo caso não esteja disponível.

Dessa forma, é mais fácil identificar os benefícios que um template proporciona e escolher aquele que for mais aderente e apropriado ao seu negócio. Bacana, hein?

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>Confira os <i>templates</i> disponíveis em <a href = "https://tdn.totvs.com/x/_dGQHQ" style="color: #41d262"><i>Templates</i> de páginas</a>.</p>
		</div>
	</div>
</div>

Image Removed

Atualizações › 12/07/2021

Novidades

Um portal, infinitas possibilidades!

Já imaginou criar um portal completo para a sua empresa sem nenhuma linha de código? Bom, isso já é realidade!

Agora, você pode criar um portal com várias páginas para alavancar o seu negócio. Tudo de forma super simples: crie um portal para agrupar as páginas, crie as páginas a partir de uma interface intuitiva, arraste componentes para elas de forma prática e configure tudo do jeito que quiser. Além disso, você pode criar o portal a partir de modelos prontos de páginas e apenas ajustá-lo à sua necessidade. Sem codificação, sem complicação. Simples assim.

É muita agilidade para o seu dia a dia, não é mesmo? Crie já o seu portal e agregue mais valor ao seu negócio!

...

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>Fique tranquilo! As páginas que você já possui continuarão existindo.
<br>Confira mais detalhes em: <a href = "https://tdn.totvs.com/x/8I5qH" style="color: #41d262">Início</a>, <a href = "https://tdn.totvs.com/x/Kx3JJ" style="color: #41d262">Portal</a>, <a href = "https://tdn.totvs.com/x/FiHJJ" style="color: #41d262">Componentes</a> e <a href = "https://tdn.totvs.com/x/9Y5qH" style="color: #41d262">Páginas</a>.</p>
		</div>
	</div>
</div>

Multimedia

name	portal.mp4
width	100%
page	Portal
autostart	true
height	100%

Atualizações › 07/04/2021

Novidades

Encontre componentes com mais facilidade

Agora, no editor de páginas, os componentes estão ordenados seguindo o fluxo de montagem de uma página. Por exemplo: o menu é o primeiro item da lista e o rodapé é o último.

Você também pode buscar por um componente específico na parte superior da listagem. E, além disso, ele está com um visual mais moderno.

Assim é mais fácil encontrar os componentes à medida que você vai criando e montando sua página, não é mesmo? Confira!

Image Removed

Novidades

Uma central de atendimento pronta para usar? Sim!

Está precisando de uma central de atendimento na sua empresa e está preocupado achando que vai gastar um dinheirão com um sistema desses? Calma, a gente resolve!

Conheça o novo template de página Central de atendimento¹. Com ele, você cria uma página e a gente cria uma central de atendimento para você!

Sim, é isso mesmo: ao criar uma página com esse template, você terá automaticamente um formulário e uma lista de tarefas para atender as solicitações. Assim, seus clientes preenchem o formulário da solicitação na página e o responsável recebe uma tarefa para atendê-la. Sem códigos, sem programação. Parece mágica, não parece?

^{1 -> É preciso ter acesso ao FO e ao FT para utilizar esse template.}

...

Painel

borderColor	#fcf1ea
bgColor	#fcf1ea

HTML

<div class="lms">
	<div class="lms-callout">
		<div class="lms-callout-image">
			<img class="lms-callout-thumb" src="https://tdn.totvs.com/download/attachments/485434705/v%C3%ADdeo.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>Assista ao vídeo!</b><br><a href = "https://tdn.totvs.com/download/attachments/496030201/Criar%20central%20de%20atendimento.mp4" target="_blank" style="color: #f36f21">Clique aqui</a> e veja como criar uma página com o <i>template</i> Central de atendimento!</p>
		</div>
	</div>
</div>

Deck of Cards

history	false
id	Central de atendimento

Card

default	true
id	1
label	Página

Image Removed

Card

id	2
label	Formulário

Image Removed

Card

id	3
label	Lista de tarefas

Image Removed

Novidades

Veja dados de formulários a partir das páginas

Agora, você pode ver os dados que foram respondidos em formulários de páginas diretamente pelo TOTVS Pages!

É isso mesmo, basta usar a opção Registro de formulários para acessar as informações de um formulário que foi importado para a página a partir do componente Formulário. Assim, fica bem mais fácil gerenciar o que está sendo respondido nos formulários das suas páginas e tomar as ações necessárias. É praticidade que se fala, né?

Multimedia

name	Ver registros de formulário.mp4
width	100%
page	Início
autostart	true
space	FP
height	100%

Atualizações › 16/09/2020

Novidades

Formulários: arraste, selecione e... pronto!

Sabia que é possível importar formulários diretamente do TOTVS Forms para suas páginas?

É isso mesmo! Agora, basta arrastar o novo componente Formulário e selecionar o formulário¹ desejado para a sua página. Tudo isso de forma simples e prática, sem configurações complexas e complicadas.

Assim, é bem mais fácil criar aquela página para que seus clientes entrem em contato com você, para colher feedback de seus colaboradores, para atender às solicitações internas ou o que mais você precisar!

^{1 → Apenas formulários públicos.}

Deck of Cards

history	false
id	Componente Formulário

Card

default	true
id	1
label	Componente Formulário

Image Removed

Card

id	2
label	Formulário na página

Image Removed

Atualizações › 09/06/2020

Novidades

Mediadores do TOTVS Pages!

Você sempre quis definir permissões de acesso às suas páginas do TOTVS Pages? Agora isso é possível por meio do recurso Mediadores, que veio para dar mais segurança e facilidade para as edições futuras das páginas.

Ao adicionar uma página e inserir as informações iniciais, será possível adicionar colaboradores que serão os mediadores da página tendo acesso à página que está sendo criada.

Existem três tipos de permissão de acesso:

Visualizar: ao conceder essa permissão, o usuário terá acesso apenas para visualizar a página;

Editar: ao conceder essa permissão, o usuário terá acesso para editar a página, fazer alterações necessárias, salvar e publicar a página.

Gerenciar: ao conceder essa permissão o usuário terá acesso para fazer edições, salvar, publicar e excluir a página.

Dessa forma você concede acesso aos usuários que também participaram do assunto, criação do projeto facilitando a manutenção, criação de novas páginas e contribuindo para uma constante atualização.

Deck of Cards

id	1

Card

id	1
label	Definir a permissão do mediador

Image Removed

Painel

borderColor	#f2f2f2
bgColor	#f2f2f2

Para mais detalhes sobre como adicionar mediadores e definir suas permissões acesse Início e Editor de páginas.

Atualizações › 25/03/2020

Novidades

Fluig Pages agora é TOTVS Pages!

Hoje em dia, tudo à nossa volta está em constante evolução, não é mesmo? E aqui na TOTVS não é diferente. Por isso, reformulamos nossa arquitetura de marca com o objetivo de simplificar a forma como nossos produtos são apresentados, facilitando o entendimento do nosso portfólio pelo mercado.

Isso quer dizer que, a partir de agora, o fluig Pages passa a se chamar TOTVS Pages: um aplicativo by Fluig com toda a força da marca TOTVS!

Desta forma, o endereço de acesso ao TOTVS Pages passa a ser: https://pages.totvs.app. Mas, pode ficar tranquilo! Por enquanto, o antigo endereço redireciona para o novo e você pode continuar acessando o Pages normalmente enquanto se acostuma e se adapta ao novo endereço.

Painel

borderColor	#ebf8ff
bgColor	#ebf8ff

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/attachmentsthumbnails/266977769286221066/notadica.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>NOTA:><b>DICA!</b><br>Ob><br>Confira endereço direto para o <b>Painel administrativo</b> – onde são gerenciados usuários, grupos e aplicativos – também mudou paraos <i>templates</i> disponíveis em <a href = "https://managertdn.totvs.appcom/x/_dGQHQ" style="color: #4bb9dc#41d262"><b>https://manager.totvs.app</b><><i>Templates</i> de páginas</a>.</p>
		</div>
	</div>
</div>

Image Removed

Atualizações › 14/08/2019

Correções

Ajustes realizados para que seja possível usar diretamente a URL de um formulário compartilhado no conteúdo externo, sem precisar utilizar um encurtador de URL.
Correção no botão de Aplicativos Image Removed, para apresentar corretamente as opções ao clicar.
Correção de inconsistência que impedia a inclusão de componentes na página, quando a área de destino fosse no componente de conteúdo externo.

Release to marketing › 15/07/2019

Chegou o aplicativo Pages!

Com ele você publica páginas incríveis em poucos minutos!

Quer saber como criar um canal de comunicação para clientes, parceiros e/ou fornecedores em apenas alguns minutos?

Todos sabem que páginas bem elaboradas, com um conteúdo atrativo e rico podem trazer muitas vantagens ao seu negócio. Novos clientes, engajamento e fortalecimento de sua marca são algumas dessas vantagens.

Conector de Widget

width	800
url	https://www.youtube.com/watch?v=4eUNKjZ_tkY&list=PLD-htCoWcvYqg-2YviLwyUiEHrfMU4M4U&index=2
height	450

Explorando o potencial do Pages você pode construir páginas públicas atrativas e sem nenhuma codificação! Siga os 4 passos abaixo e se surpreenda com o resultado.

1- Escolha o template que melhor atende a sua necessidade

O Pages disponibiliza diversos templates que servem de ponto de partida para o desenho de sua página. A partir de um template previamente desenhado, você consegue editar as informações que desejar, para tornar a sua página mais personalizada e completa.

2- Adicione componentes à sua página

Sua página ficará muito rica com os componentes disponíveis. Você pode utilizar menu, banners, seções, parágrafos, galerias de imagens e informações de rodapé. E olha que bacana: você consegue colocar um conteúdo externo, que pode ser, por exemplo, um formulário que você criou utilizando o aplicativo Forms.

3- Publique sua página

Sua página ficou maravilhosa, né? Mas não esqueça de publicar, para que ela fique disponível para outras pessoas acessarem.

4- Compartilhe, compartilhe, compartilhe

Copie a URL da sua página e compartilhe. Com certeza a sua página vai ser um sucesso!

Image Removed

Para você ir se ambientando...

Deck of Cards

history	false
id	telas

Card

default	true
id	1
label	Tela inicial de Pages

Image Removed

Card

id	2
label	Editor de páginas

Image Removed

Card

id	3
label	Configuração de componente

Image Removed

Curiosidade!

...

Image Added

Atualizações › 12/07/2021

...

Novidades

Um portal, infinitas possibilidades!

Já imaginou criar um portal completo para a sua empresa sem nenhuma linha de código? Bom, isso já é realidade!

Agora, você pode criar um portal com várias páginas para alavancar o seu negócio. Tudo de forma super simples: crie um portal para agrupar as páginas, crie as páginas a partir de uma interface intuitiva, arraste componentes para elas de forma prática e configure tudo do jeito que quiser. Além disso, você pode criar o portal a partir de modelos prontos de páginas e apenas ajustá-lo à sua necessidade. Sem codificação, sem complicação. Simples assim.

É muita agilidade para o seu dia a dia, não é mesmo? Crie já o seu portal e agregue mais valor ao seu negócio!

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>Fique tranquilo! As páginas que você já possui continuarão existindo.
<br>Confira mais detalhes em: <a href = "https://tdn.totvs.com/x/8I5qH" style="color: #41d262">Início</a>, <a href = "https://tdn.totvs.com/x/Kx3JJ" style="color: #41d262">Portal</a>, <a href = "https://tdn.totvs.com/x/FiHJJ" style="color: #41d262">Componentes</a> e <a href = "https://tdn.totvs.com/x/9Y5qH" style="color: #41d262">Páginas</a>.</p>
		</div>
	</div>
</div>

Multimedia

name	Criar portal.mp4
width	100%
page	Pages \| Portal
autostart	true
space	fluig
height	100%

Atualizações › 07/04/2021

...

Novidades

Encontre componentes com mais facilidade

Agora, no editor de páginas, os componentes estão ordenados seguindo o fluxo de montagem de uma página. Por exemplo: o menu é o primeiro item da lista e o rodapé é o último.

Você também pode buscar por um componente específico na parte superior da listagem. E, além disso, ele está com um visual mais moderno.

Assim é mais fácil encontrar os componentes à medida que você vai criando e montando sua página, não é mesmo? Confira!

Image Added

Atualizações anteriores

...

Painel

borderColor	#f2f2f2

Toggle Cloak
id @atualizações-anteriores
Clique aqui e visualize as atualizações mais antigas do TOTVS Pages.

Cloak

id	@atualizações-anteriores

HTML

<!-- Hotjar Tracking Code for http://tdn.totvs.com/display/fb -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:1280165,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

Atalhos

Árvore de páginas

Histórico da Página

Versões comparadas

Versão antiga 75

Nova versão Atual

Chave

Atualizações › 27/07/2022

Correções

Atualizações › 20/07/2022

Correções

Atualizações › 26/08/2021

Correções

Atualizações › 12/08/2021

Novidades

Mais detalhes na escolha de templates de páginas

Atualizações › 12/07/2021

Novidades

Um portal, infinitas possibilidades!

Atualizações › 07/04/2021

Novidades

Encontre componentes com mais facilidade

Novidades

Uma central de atendimento pronta para usar? Sim!

Novidades

Veja dados de formulários a partir das páginas

Atualizações › 16/09/2020

Novidades

Formulários: arraste, selecione e... pronto!

Atualizações › 09/06/2020

Novidades

Mediadores do TOTVS Pages!

Atualizações › 25/03/2020

Novidades

Fluig Pages agora é TOTVS Pages!

Atualizações › 14/08/2019

Correções

Release to marketing › 15/07/2019

Chegou o aplicativo Pages!

Atualizações › 12/07/2021

Novidades

Um portal, infinitas possibilidades!

Atualizações › 07/04/2021

Novidades

Encontre componentes com mais facilidade

Atualizações anteriores

Toggle Cloakid@atualizações-anterioresClique aqui e visualize as atualizações mais antigas do TOTVS Pages.

Toggle Cloak
id @atualizações-anteriores
Clique aqui e visualize as atualizações mais antigas do TOTVS Pages.