Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.


Image Added

...

O TOTVS Flows é uma solução de processos pré-definidos e configurados pelo time TOTVS Fluigque estão prontos para uso. Ele pode atender a diversos segmentos, tais como tecnologia da informação, suprimentos, financeiro, recursos humanos, dentre outros.

O Flows permite agilizar e otimizar a implantação de processos na sua empresa, pois basta instalar os processos e começar a usar!

Aqui você encontra a documentação completa dos processos que fazem parte do TOTVS Flows.

Dica
titleComo adquirir

Os flows são listados como uma solução paga no recurso Itens da Store do TOTVS Fluig Plataforma a partir da atualização Mist - 1.8.0-230523.

Para adquiri-los, é necessário entrar em contato com o executivo de soluções de negócio responsável por sua conta.

Com o processo de aquisição finalizado, o acesso à instalação dos flows é liberado, sendo necessário instalá-los para utilizar. Para saber como instalar e configurar cada flow, basta seguir os passos descritos na documentação de cada um deles.

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

*incluir banner do Flows

Navegue por conteúdo

HTML
<style type="text/css">
    .products {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        word-break: break-word;
    }

    .product {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        width: 280px;
        padding: 15px;
        box-shadow: 0px 2px 4px #00000029;
        margin: auto auto 30px auto;
        border-radius: 10px;
    }

    .product-image-container {
        height: 124px;
        position: relative;
    }

    .product-image {
        height: 100%;

        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .product-title {
        text-align: center;
        margin: 0 0 10px 0 !important;
    }

    #product-title-link {
        font-weight: bold;
        font-size: 16pt;
        color: #013f65;
        text-decoration: none;
    }

    #product-title-link:hover {
        text-decoration: underline;
    }

    .product-desc {
        margin: 0 !important;
        text-align: center;
        font-size: 15px;
        letter-spacing: 0px;
        color: #494440;
    }
</style>

<section class="products">
    <div id="product-nodecode" class="product">
        <div class="product-image-container">
            <img class="product-image" src="https://tdn.totvs.com/download/attachments/563436139/home-release-notes.png" alt="">
        </div>
        <h2 class="product-title">
            <a id="product-title-link" href="https://tdn.totvs.com/x/3XiVIQ">O que há de novo?</a>
        </h2>
        <p class="product-desc">Fique por dentro das novidades e correções de cada atualização do TOTVS Collab.</p>
    </div>
 
    <div id="product-identity" class="product">
        <div class="product-image-container">
            <img class="product-image" src="https://tdn.totvs.com/download/attachments/563436139/home-guia-usu%C3%A1rio.png" alt="">
        </div>
        <h2 class="product-title">
            <a id="product-title-link" href="https://tdn.totvs.com/x/uVqVIQ" >Guia do usuário</a>
        </h2>
        <p class="product-desc">Confira – passo a passo – como utilizar os recursos do TOTVS Collab no seu dia a dia.</p>
    </div>
<div id="product-identity" class="product">
        <div class="product-image-container">
            <img class="product-image" src="https://tdn.totvs.com/download/attachments/563436139/home-perguntas-frequentes.png" alt="">
        </div>
        <h2 class="product-title">
            <a id="product-title-link" href="https://tdn.totvs.com/x/DoFqIg" >Perguntas frequentes</a>
        </h2>
        <p class="product-desc">Reunimos as perguntas mais frequentes para tornar sua busca por soluções mais ágil e fluída.</p>
    </div>      <div id="product-identity" class="product">
        <div class="product-image-container">
            <img class="product-image" src="https://tdn.totvs.com/download/attachments/563436139/home-aprenda-pr%C3%A1tica.png" alt="">
        </div>
        <h2 class="product-title">
            <a id="product-title-link" href="https://tdn.totvs.com/x/RRvHKg" >Aprenda na prática</a>
        </h2>
        <p class="product-desc">Assista a vídeos rápidos e aprenda como utilizar os recursos de forma intuitiva.</p>
    </div>
</section>

Comece agora mesmo!

HTML
<style type="text/css">
    .cards-container {
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        justifybox-itemssizing: centerborder-box;
    }

    .cardfluig-text-center {
        widthtext-align: 100%center;
    }

    .fluig-full-height: auto;{
        displayheight: flex100%;
    }

    margin: auto auto 20px.fluig-container {
      margin-right: auto;
        boxmargin-shadowleft: 0px 2px 4px #00000029auto;
        bordermax-radiuswidth: 10px1046px;
    }

    .cardfluig-imagerow {
	  width: 100%;
     object-fit: cover display: -moz-box;
      -moz-flex-flow: row wrap;
        width-moz-justify-content: 43%center;

      display:  max-width: 420px;

  -ms-flexbox;
      border-topms-leftflex-radiusflow: row 10pxwrap;
        border-bottomms-leftjustify-radiuscontent: 10pxcenter;
      }

      display: .card-text-container {
 webkit-flex;
      display: text-align: left-webkit-box;
      -webkit-flex-flow: row padding: 30pxwrap;
    }

    .card-label {-webkit-justify-content: center;

        colordisplay: #8c8d8fflex;
        fontflex-weightflow: row bold;
wrap;      
      fontjustify-sizecontent: 13px;center;     

    }

    #card-title-link.fluig-col {
      width: 50%;
      textpadding-decorationright: none15px;
        colorpadding-left: #CB195915px;
        fontmargin-weightbottom: bold30px;
    }

    font.fluig-size:panel 17px;{
    }

  border:  #card-title-link:hover {1px solid #dadada;
        textborder-decorationradius: underline4px;
    }

    .card-desc {padding: 30px;
    }

    margin: 0 !important;.fluig-panel .fluig-panel-thumb {
        font-sizewidth: 15px48px;
    }

     font-weight: 400;.fluig-panel .fluig-panel-title {
        letterfont-spacingsize: 0px20px;
        color: #494440#58595b;
    }

    .card-text-margin-bottom {
        margin: 0 0 5px 0 !important;fluig-panel .fluig-panel-title a {
    }
</style>

<section class="cards-container">
    <div class="card">
     color: #58595b;
      font-weight: bold;
    <img }

    .fluig-panel .fluig-panel-text {
      class="card-image" 
color: #58595b;
      line-height: 1.75;
      src="https://tdn.totvs.com/download/attachments/563436139/home-equipes.jpg" margin-bottom: 0;
    }
  </style>
<div class="fluig">
    <div altclass="fluig-container">
        >
        <div class="fluig-row">
<div class="cardfluig-text-containercol">
          <div   <p class="cardfluig-labelpanel cardfluig-text-center fluig-marginfull-bottomheight">Equipes</p>
			<h2 id="card-title">
            <img class="cardfluig-textpanel-margin-bottom">
				<a hrefthumb" src="https://tdn.totvs.com/x/Xin-IQ#Collab|Minhasequipes-Criarequipe" id="card-title-link">Crie equipes colaborativas</a>
download/attachments/745756064/abertura-chamado.png">
             </h2>
<h1 class="fluig-panel-title">
              <p<a classhref="card-desc">Gerencie suas equipes com tarefas, projetos, reuniões e documentos.</p>
https://tdn.totvs.com/x/3FVzL">Abertura de chamado</a>
            </div>h1>
        </div>

    <div<p class="card">
        <img 
            class="card-image" 
            src="https://tdn.totvs.com/download/attachments/563436139/home-videochamada.jpg"fluig-panel-text">Permite abrir um chamado para qualquer área da empresa informando o tipo de suporte que precisa e ele será direcionado para a equipe que fará a tratativa correta da sua necessidade.</p>
            alt=""</div>
        ></div>
        <div class="cardfluig-text-containercol">
          <div  <h2 idclass="card-title" class="card-text-margin-bottomfluig-panel fluig-text-center fluig-full-height">
                 <p<img class="cardfluig-label card-text-margin-bottom">Reuniões</p>
				 <a hrefpanel-thumb" src="https://tdn.totvs.com/download/attachments/x/GyTXIQ#Collab|Reuni%C3%B5es-Criarreuni%C3%A3o" id="card-title-link">Faça videochamadas a qualquer momento</a>
745756064/solicita%C3%A7%C3%A3o-compra.png">
            <h1 class="fluig-panel-title">
   </h2>
           <a <p class="card-desc">Reúna sua equipe a qualquer hora e de qualquer lugar para trocar ideias.</p>href="https://tdn.totvs.com/x/yFVzL">Solicitação de compras</a>
        </div>
    </div>
h1>
    <div class="card">
        <img 
            class="card-image" 
            src="https://tdn.totvs.com/download/attachments/563436139/home-monitoramento.jpg"<p class="fluig-panel-text">Permite abrir uma solicitação de compra informando o item que precisa e ela será direcionada para área responsável em busca das aprovações necessárias automaticamente.</p>
            alt=""</div>
        >
        </div>
<div class="fluig-col"> 
<div class="cardfluig-panel fluig-text-container-center fluig-full-height"> 
            <h2 id="card-title" class="card-text-margin-bottom">
                 <p class="card-label card-text-margin-bottom">Estatísticas</p>
				 <img class="fluig-panel-thumb" src="https://tdn.totvs.com/download/attachments/745756064/flaticon-light.png"> 
<h1 class="fluig-panel-title"> 
<a href="https://tdn.totvs.com/x/X0FuKw" id="card-title-link">Monitore o andamento das tarefas</a>
            </h2>
            <p class="card-desc">Acompanhe a situação das tarefas em cada projeto da equipe e tome as ações necessárias.</p>
        </div>
    </div>
</section>

Fale conosco!

HTML
<style type="text/css">
    .cards-container {
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;/x/IvVLLQ">Solicitação de férias</a> 
</h1> 
<p class="fluig-panel-text">Permite abrir uma solicitação de férias otimizada, enviando diretamente ao superior para aprovação, programando o pagamento com o financeiro e documentação para assinatura.</p> 
</div> 
</div>
<div class="fluig-col"> 
<div class="fluig-panel fluig-text-center fluig-full-height"> 
<img class="fluig-panel-thumb" src="https://tdn.totvs.com/download/attachments/745756064/flaticon-monetization-on.png?api=v2"> 
<h1 class="fluig-panel-title"> 
<a href="https://tdn.totvs.com/x/EjgELg">Solicitação de pagamento</a> 
</h1> 
<p class="fluig-panel-text"> Permite abrir uma solicitação de pagamento avulso, seja para um fornecedor, colaborador, prestador de serviço ou outro.</p> 
</div> 
</div>    
</style>
<div class="fluig">
    <div class="fluig-container">
      <div  flex-direction: column;
class="fluig-row">
<div class="fluig-col">
          <div  box-sizing: border-box;
class="fluig-panel fluig-text-center fluig-full-height">
         justify-items: center;
  <img  }
class="fluig-panel-thumb" src="https://tdn.totvs.com/download/attachments/745756064/solicita%C3%A7%C3%A3o-viagem.png">
    .card {
        width: 100%;<h1 class="fluig-panel-title">
        height: auto;
     <a href="https://tdn.totvs.com/x/gTYELg">Solicitação  display: flex;de viagem</a>
        margin: auto auto 20px auto;</h1>
        box-shadow: 0px 2px 4px #00000029;
        border-radius: 10px;
    }

    .card-image {
        object-fit: cover;
<p class="fluig-panel-text">Permite solicitar uma viagem informando o motivo, os serviços necessários, bem como o adiantamento monetário e a solicitação será enviada para aprovação do gestor.</p>
         width: 43%; </div>
        max-width: 420px;

</div>
        <div border-top-left-radius: 10px;class="fluig-col">
        border-bottom-left-radius: 10px;
 <div class="fluig-panel  }
fluig-text-center fluig-full-height">
    .card-text-container {
        text-align: left;<img class="fluig-panel-thumb" src="https://tdn.totvs.com/download/attachments/745756064/flaticon-tests-central.png?api=v2">
        padding: 30px;
    }

<h1 class="fluig-panel-title">
      .card-label {
       <a color: orange;href="https://tdn.totvs.com/x/re30L">Lançamento de documento</a>
        font-weight: bold;
    </h1>
    font-size: 13px;
    }

   <p #card-title-link {
        text-decoration: none;
        color: #013f65;
        font-weight: bold;
class="fluig-panel-text">Possibilita o lançamento de dados referentes a um documento, seja uma nota, recibo, boleto ou outro que a empresa possua, com a obrigatoriedade de anexar o documento citado.</p>
         font-size: 17px; </div>
    }

    #card-title-link:hover {
        text-decoration: underline;
    }

    .card-desc {
        margin: 0 !important;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0px;
        color: #494440;
    }

    .card-text-margin-bottom {
        margin: 0 0 5px 0 !important;
    }
</style>

<section class="cards-container">
    <div class="card">
        
        <div class="card-text-container">
            <p class="card-label card-text-margin-bottom">Suporte</p>
            <h2 id="card-title" class="card-text-margin-bottom">
                </div>
<div class="fluig-col"> 
<div class="fluig-panel fluig-text-center fluig-full-height"> 
<img class="fluig-panel-thumb" src="https://tdn.totvs.com/download/attachments/745756064/flaticon-local-hospital%20%281%29.png?api=v2g"> 
<h1 class="fluig-panel-title"> 
<a href="https://tdn.totvs.com/x/MDQKM">Lançamento de atestado</a> 
</h1> 
<p class="fluig-panel-text">Permite ao colaborador lançar e encaminhar um atestado, indicando o período de afastamento.</p> 
</div> 
</div>
<div class="fluig-col"> 
<div class="fluig-panel fluig-text-center fluig-full-height"> 
<img class="fluig-panel-thumb" src="https://tdn.totvs.com/download/attachments/745756064/fluigicon-newspaper.png?api=v2"> 
<h1 class="fluig-panel-title"> 
<a href="https://tdn.totvs.com/x/9zcELg">Inclusão de contratos</a> 
</h1> 
<p class="fluig-panel-text"> Permite ao colaborador registrar os dados cadastrais de um contrato, tais como: fornecedor ou cliente, itens do contrato, data de validade e valor do contrato.</p> 
</div>
 </div>
<div class="fluig-col"> 
<div class="fluig-panel fluig-text-center fluig-full-height"> 
<img class="fluig-panel-thumb" src="https://tdn.totvs.com/download/attachments/745756064/flaticon-community-person.png?api=v2"> 
<h1 class="fluig-panel-title"> 
<a href="https://suportetdn.totvs.com/portal/p/10098/suporte-fluig-home" id="card-title-link" target="blank">Precisa de ajuda e não encontrou por aqui?</a>
            </h2>
            <p class="card-desc">Entre em contato pelo x/Z04KM">Solicitação de benefício</a> 
</h1> 
<p class="fluig-panel-text"> Permite ao colaborador solicitar sua inclusão, ou de seus dependentes, nos benefícios da empresa, anexando documentação exigida.</p> 
</div>  
</div>
<div class="fluig-col"> 
<div class="fluig-panel fluig-text-center fluig-full-height"> 
<img class="fluig-panel-thumb" src="https://tdn.totvs.com/download/attachments/745756064/flaticon-desktop.png?api=v2"> 
<h1 class="fluig-panel-title"> 
<a href="https://suportetdn.totvs.com/portal/p/10098/suporte-fluig-home" target="blank" style="color: #013f65"><b>Portalx/rfA4Lg">Solicitação de clientes</b><equipamentos</a> ou por nosso canal telefônico <b>(11) 3003 5559</b>. A equipe de atendimento do TOTVS Collab estará pronta para lhe ajudar.</p>
        </div>
    </div>
</section>
</h1> 
<p class="fluig-panel-text"> Permite registrar sua solicitação de equipamentos para o almoxarifado. Podendo ainda definir uma alçada de aprovação com o teto de valor do equipamento que poderá ser aprovado automaticamente.</p> 
</div>