Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Aviso
titleAtençã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
titleDica!

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 nossa solução – no TOTVS Pages – pages.totvs.app – das mais recentes para as mais antigas. Confira!


Índice
maxLevel1

Atualizações › 

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 › 

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
width800
urlhttps://www.youtube.com/watch?v=4eUNKjZ_tkY&list=PLD-htCoWcvYqg-2YviLwyUiEHrfMU4M4U&index=2
height450

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
idtelas
Card
defaulttrue
id1
labelTela inicial de Pages

Image Removed

Card
id2
labelEditor de páginas

Image Removed

Card
id3
labelConfiguração de componente

Image Removed

  Curiosidade!

...


Atualizações ›  

...

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 ›  

...

Correções

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


Atualizações ›  

...

Correções

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


Atualizações ›  

...

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
<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>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 Added


Atualizações ›  

...

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
nameCriar portal.mp4
width100%
pagePages | Portal
autostarttrue
spacefluig
height100%


Atualizações ›  

...

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>