OVERVIEW

This is a guideline for project teams who are building workflow for PWA panel on XTOPIA. 

User need to create an element ID for the PWA panel.

Step by step on each workflow

  • hide install panel

    1. Create a workflow and name it "hide install panel"
    2. Add the function "change the visibility of object"
    3. Go to setting and select the element.
    4. Turn off the "Visible" button.

  • install callback

    1. Create a workflow and name it "install callback"
    2. Add the function "run another workflow"
    3. Go to setting and choose "hide install panel" workflow

  • hide and defer workflow

    1. Create a workflow and name it "install callback"
    2. Add the function "run another workflow"
    3. Go to setting and choose "hide install panel" workflow
    4. Add a new step "Defer".
    5. Select the function " Set value of web app variable"
    6. Go to setting and choose "No. of day to defer install prompt"
    7. Set the value to "3"

  • install prompt

    1. Create a workflow and name it "install prompt"
    2. Add the function "change the visibility of object"
    3. Go to setting and select the object.
    4. Turn on the "Visible" button.

  • install pwa

    1. Create a workflow and name it "install pwa"
    2. Choose the function "run another workflow"
    3. Select "Hide install panel" workflow.
    4. Add new step - install.
    5. Choose the function "Web app install"
    6. Go to setting and select "Install callback"

Assign workflow

  1. On page load, add the trigger "install prompt" and "hide install panel"
  2. Go to PWA panel button and add the trigger "install pwa"
  3. Click on the close icon and add trigger "hide install panel"

Copyright © 2025 XTOPIA.IO  |  All rights reserved.
Ooops!
Generic Popup2