Árvore de páginas

Versões comparadas

Chave

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


EnglishImage Added

SpanishImage Added

PortugueseImage Added


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

    .card {
        width: 100%;
        height: auto;
        display: flex;
        margin: auto auto 20px auto;
        box-shadow: 0px 2px 4px #00000029;
        border-radius: 10px;
    }

    .card-image {
        object-fit: cover;
        width: 43%;
        max-width: 420px;

        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .card-image.card-image-full {
        width: 100%;
        max-width: inherit;
        border-radius: 10px;
        display: block;
    }

    .card-text-container {
        text-align: left;
        padding: 30px;
    }

    .card-label {
        color: orange;
        font-weight: bold;
        font-size: 13px;
    }

    #card-title-link {
        text-decoration: none;
        color: #CB1959;
        font-weight: bold;
        font-size: 17px;
    }

    #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">
            <img 
            class="card-image card-image-full" 
            src="https://tdn.totvs.com/download/attachments/164003874/help-center.png" 
            alt=""
        >        
    </div>
</section>

Browse by product


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: 160px;
        position: relative;
    }

    .product-image {
        height: 70%;

        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: 15pt;
        color: #0897E9;
        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-plataforma" class="product">
        <div class="product-image-container">
            <img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/plataforma.png" alt="">
        </div>
        <h2 class="product-title">
            <a id="product-title-link" href="https://tdn.totvs.com/x/1ZibK">TOTVS Fluig Platform</a>
        </h2>
        <p class="product-desc">Join processes, people and systems under a user-friendly interface.</p>
    </div>

    <div id="product-nodecode" class="product">
        <div class="product-image-container">
            <img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/no-code.png" alt="">
        </div>
        <h2 class="product-title">
            <a id="product-title-link" href="https://tdn.totvs.com/x/PzkzJg">TOTVS Fluig No-Code</a><b>*</b></h2>
        <p class="product-desc">Solve many day-to-day needs without needing lines of code.</p>
    </div>
 
    <div id="product-identity" class="product">
        <div class="product-image-container">
            <img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/identity.png" alt="">
        </div>
        <h2 class="product-title">
            <a id="product-title-link" href="https://tdn.totvs.com/x/WiiqE" >TOTVS Identity</a></h2>
        <p class="product-desc">Get single sign-on authentication to access company systems.</p>
    </div>
</section>


Learn what’s new!


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

    .card {
        width: 100%;
        height: auto;
        display: flex;
        margin: auto auto 20px auto;
        box-shadow: 0px 2px 4px #00000029;
        border-radius: 10px;
    }

    .card-image {
        object-fit: cover;
        width: 43%;
        max-width: 420px;

        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .card-text-container {
        text-align: left;
        padding: 30px;
    }

    .card-label {
        color: #FEAC0E;
        font-weight: bold;
        font-size: 13px;
    }

    #card-title-link {
        text-decoration: none;
        color: #0897E9;
        font-weight: bold;
        font-size: 17px;
    }

    #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">
        <img 
            class="card-image" 
            src="https://tdn.totvs.com/download/attachments/164003874/Crystal_Mist_1.8.2.png" 
            alt=""
        >
        <div class="card-text-container">
            <p class="card-label card-text-margin-bottom">TOTVS Fluig Platform</p>
            <h2 id="card-title" class="card-text-margin-bottom">
                <a href="https://tdn.totvs.com/x/hTHWMg" id="card-title-link">Crystal Mist Update - 1.8.2</a>
            </h2>
            <p class="card-desc">Stay on top of all the news on the latest major update of the TOTVS Fluig Platform to add value to your business.</p>
        </div>
    </div>

    <div class="card">
        <img 
            class="card-image" 
            src="https://tdn.totvs.com/download/attachments/164003874/home-novo-collab.png"
            alt=""
        >
        <div class="card-text-container">
            <p class="card-label card-text-margin-bottom">TOTVS Fluig No-Code</p>
            <h2 id="card-title" class="card-text-margin-bottom">
                <a href="https://tdn.totvs.com/x/a1qVIQ" id="card-title-link">New TOTVS Collab: your ally in team and project management!</a><b>*</b></h2>
            <p class="card-desc">Manage your face-to-face and remote teams, track project and task progress, make video calls, attach Google Drive documents, and more.</p>
        </div>
    </div>

    <div class="card">
        <img 
            class="card-image" 
            src="https://tdn.totvs.com/download/attachments/66618185/social.jpg"
            alt=""
        >
        <div class="card-text-container">
            <p class="card-label card-text-margin-bottom">TOTVS Identity</p>
            <h2 id="card-title" class="card-text-margin-bottom">
                <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=269063445#Identity|Produ%C3%A7%C3%A3o-Junho" id="card-title-link">New provisioning and authentication options
</a><b>*</b></h2>
            <p class="card-desc">You can now allow login with social networks (Linkedin, Google, Facebook, etc.) for your company's users. Also check out the new Security screen, which is much more organized and easier to use.</p>
        </div>
    </div>
</section>


Want to learn more?


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

    .card {
        width: 100%;
        height: auto;
        display: flex;
        margin: auto auto 20px auto;
        box-shadow: 0px 2px 4px #00000029;
        border-radius: 10px;
    }

    .card-image {
        object-fit: cover;
        width: 43%;
        max-width: 420px;

        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .card-image.card-image-full {
        width: 100%;
        max-width: inherit;
        border-radius: 10px;
        display: block;
    }

    .card-text-container {
        text-align: left;
        padding: 30px;
    }

    .card-label {
        color: orange;
        font-weight: bold;
        font-size: 13px;
    }

    #card-title-link {
        text-decoration: none;
        color: #CB1959;
        font-weight: bold;
        font-size: 17px;
    }

    #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">
    <a href="https://academy.fluig.com/" target="_blank"> 
        <img 
            class="card-image card-image-full" 
            src="https://tdn.totvs.com/download/attachments/164003874/Academy_en.png" 
            alt=""
        ></a>        
    </div>
</section>
HTML
<style type="text/css">
    .cards-container {
        width: 100%;
        height: auto;
        margin: auto;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        justify-items: center;
    }

    .card {
        width: 100%;
        height: auto;
        display: flex;
        margin: auto auto 20px auto;
        box-shadow: 0px 2px 4px #00000029;
        border-radius: 10px;
    }

    .card-image {
        object-fit: cover;
        width: 43%;
        max-width: 420px;

        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .card-text-container {
        text-align: left;
        padding: 30px;
    }

    .card-label {
        color: #FEAC0E;
        font-weight: bold;
        font-size: 13px;
    }

    #card-title-link {
        text-decoration: none;
        color: #0897E9;
        font-weight: bold;
        font-size: 17px;
    }

    #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">Support</p>
            <h2 id="card-title" class="card-text-margin-bottom">
                <a href="https://suporte.totvs.com/portal/p/10098/suporte-fluig-home" id="card-title-link" target="blank">Need help and can’t find it here?</a>
            </h2>
            <p class="card-desc">Contact us through the <a href="https://suporte.totvs.com/portal/p/10098/suporte-fluig-home" target="blank">Customer Portal</a> or our phone channel at <b>+55 (11) 3003 5559</b>. TOTVS Fluig’s customer service team is ready to help you.</p>
        </div>
    </div>
</section>


* Documentation in Portuguese language

Image RemovedImage RemovedImage RemovedHere you will find technical details of fluig and will stay on top of developments on the platform.

Column
width10%

LEARN MORE NOW! Videos 

Conector de Widget
width500
urlhttps://www.youtube.com/watch?v=bwEIYaCWEMU&list=PLD-htCoWcvYoP4GHnG4JWXgDVKztWPNPX

Column
width10%
 
Column
width40%

RELEASE NOTES  

Nice and warm out of the oven!

Check out the release notes of the last fluig update:

Update 1.5.6

 

See also:

 Update 1.5.5

Update 1.5

Column
width10%
 

...

width10%

Image Removed 

Column
width40%

FAQ

FAQs provide answers to your questions. Find a solution in a fluid and quick way.

Column
width1
 
Column
width10%

Image Removed

Column
width40%

ON-SITE TRAINING

Training taught by fluig teams. Visit the fluig Store and check out the training available

 

Column
width10%

Image Removed

Column
width40%

ONLINE HELP

To access the fluig user manual in the platform itself, just go to Settings Menu > Help.

Column
width1
 
Column
width10%

Image Removed

Column
width40%

E-LEARNING 

With the fluig E-learning, you will learn virtually all the details of the platform. Become an expert!

 

Column
width10%

Image Removed

Column
width40%

STYLE GUIDE 

Learn the best practices of development on the platform and customize fluig to the needs of the company.

Column
width1
 
Column
width10%

 Image Removed

Column
width40%

FLUIG API

Routines and standards established in the fluig API allow for the creation of applications and resources external or internal to fluig.

Column
width10%

Image Removed

Column
width40%

FLUIG SUPPORT 

If after querying the documentation you are still left with doubts, please contact fluig’s customer service team.

Column
width1
 
Column
width10%
 
Column
width40%
 

 

 

...