> ## Documentation Index
> Fetch the complete documentation index at: https://partner-integrations.voyado.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Login flow

This article covers the flow for the Vipps Login product.

<Warning>
  The minimum age to use Vipps is 15, but it is possible that in your Engage configuration a higher minimum age has been set. In this case, be aware that data coming in from Vipps won't be saved in Engage.
</Warning>

<Steps>
  <Step title="Signup">
    To be able to use Vipps with Engage, the customer first need to sign up.

    This is done through what is technically known as a CIBA (Client Initiated Backchannel Authentication) and this process starts when the customer displays the identifying QR-code on the Vipps app on their phone in-store.

    <Frame caption="The QR code">
      <img src="https://mintcdn.com/voyado-partners/rthJ1B11b2vqqU5w/images/vipps/vipps-02.png?fit=max&auto=format&n=rthJ1B11b2vqqU5w&q=85&s=01013c272f78c1545553d853c4c743d7" alt="The QR code" width="360" height="740" data-path="images/vipps/vipps-02.png" />
    </Frame>
  </Step>

  <Step title="Create contact">
    Once the QR-code is scanned by the POS, the customer's mobile number is fetched and displayed. The customer will then be created as a contact in Engage through the integration between the POS and Engage.

    <Tip>
      Vipps will never create the customer in Engage; that is done by the POS.
    </Tip>
  </Step>

  <Step title="Onboarding automation">
    Once the customer is created in Engage, a custom activity will trigger the onboarding flow that's been set up in Engage's automation tool:

    <Frame caption="New contact registered automation">
      <img src="https://mintcdn.com/voyado-partners/rthJ1B11b2vqqU5w/images/vipps/vipps-03.png?fit=max&auto=format&n=rthJ1B11b2vqqU5w&q=85&s=c7cd7b6020449200fd977cbe662f4abf" alt="New contact registered automation" width="425" height="266" data-path="images/vipps/vipps-03.png" />
    </Frame>
  </Step>

  <Step title="App push">
    Engage then triggers an app push to Vipps to ask the customer to share data with the merchant:

    <Frame caption="The app push">
      <img src="https://mintcdn.com/voyado-partners/rthJ1B11b2vqqU5w/images/vipps/vipps-04.png?fit=max&auto=format&n=rthJ1B11b2vqqU5w&q=85&s=272395d0da31bd05dd294a2c908dc724" alt="The app push" width="360" height="740" data-path="images/vipps/vipps-04.png" />
    </Frame>

    <Frame caption="Information shared">
      <img src="https://mintcdn.com/voyado-partners/rthJ1B11b2vqqU5w/images/vipps/vipps-05.png?fit=max&auto=format&n=rthJ1B11b2vqqU5w&q=85&s=b0e51b88820484f464c84cf6bb4f5abc" alt="Information shared" width="360" height="740" data-path="images/vipps/vipps-05.png" />
    </Frame>
  </Step>

  <Step title="Give consent">
    If the customer proceeds, they choose which consents (if any) they want to give.

    <Frame caption="Consents request">
      <img src="https://mintcdn.com/voyado-partners/rthJ1B11b2vqqU5w/images/vipps/vipps-06.png?fit=max&auto=format&n=rthJ1B11b2vqqU5w&q=85&s=862401e989836538262583ee39c0c4c2" alt="Consents request" width="360" height="740" data-path="images/vipps/vipps-06.png" />
    </Frame>

    This customer has accepted to be contacted by email:

    <Frame caption="Giving email consent">
      <img src="https://mintcdn.com/voyado-partners/rthJ1B11b2vqqU5w/images/vipps/vipps-07.png?fit=max&auto=format&n=rthJ1B11b2vqqU5w&q=85&s=8019f88324b0d8d77caca4ce9e2cff9b" alt="Giving email consent" width="360" height="740" data-path="images/vipps/vipps-07.png" />
    </Frame>
  </Step>

  <Step title="Consents are synced">
    When the customer selects "Continue" their consents and data are synced to Engage:

    <Frame caption="Information shared">
      <img src="https://mintcdn.com/voyado-partners/rthJ1B11b2vqqU5w/images/vipps/vipps-08.png?fit=max&auto=format&n=rthJ1B11b2vqqU5w&q=85&s=7b94a9610cd8605cf4945bf40e77cc57" alt="Consents are synced" width="1860" height="616" data-path="images/vipps/vipps-08.png" />
    </Frame>
  </Step>
</Steps>

This following video showing the connection between Vipps and Engage:

<iframe src="https://player.vimeo.com/video/865925659" title="Vipps and Engage" className="w-full h-96" />

## Summary of flow

The whole flow looks like this:

<Frame caption="CIBA flow">
  <img src="https://mintcdn.com/voyado-partners/rthJ1B11b2vqqU5w/images/vipps/vipps-09.png?fit=max&auto=format&n=rthJ1B11b2vqqU5w&q=85&s=a56fbc7429402dee1cf6a3234b45ef25" alt="CIBA flow" width="1374" height="1380" data-path="images/vipps/vipps-09.png" />
</Frame>

*CIBA = Client Initiated Backchannel Authentication*
