Configuring Your Mini Apps (WhatsApp Flows)

This guide walks you through the steps of creating fully interactive Mini Apps—from selecting a category to building the layout with blocks and actions.

1. Create a New Mini App

  • Start by defining the purpose of your Mini App.

Start by defining the purpose of your Mini App.

  • Navigate to Sales Channel > WhatsApp and select the Mini Apps tab.

Navigate to Sales Channel > WhatsApp and select the Mini Apps tab.

  • Click the + New Mini App button.

Click the + New Mini App button.

  • In the popup window, configure the basics:

    • Name: Enter a unique name for your app.

    • Categories: Select the most relevant category for your use case. Options include: Sign Up, Sign In, Appointment Booking, Lead Generation, Contact Us, Customer Support, Survey, or Others.

Categories: Select the most relevant category for your use case. Options include: Sign Up, Sign In, Appointment Booking, Lead Generation, Contact Us, Customer Support, Survey, or Others.

  • Click Create.

2. Add Screens & Layouts

Once created, you need to define the pages (Screens) your customer will see.

Once created, you need to define the pages (Screens) your customer will see.

  • Find your new app in the list, click the three dots icon •••, and select Edit.

Find your new app in the list, click the three dots icon •••, and select Edit.

  • To add a page, click + Add New Screen on the left sidebar.

To add a page, click + Add New Screen on the left sidebar.

  • Configure the Screen:

    • Screen Title: Give this specific screen a name (e.g., “Sign Up Page”).

    • Layout Type: Select Single Column Layout.

    • Finally, Click Add.

Finally, Click Add.

  • The new screen will appear in your workflow on the left.

3. Build Content with Blocks

Now, design the content customers will interact with.

Now, design the content customers will interact with.

  • Under the “Screen Blocks” section, click + Add Block.

Under the "Screen Blocks" section, click + Add Block.

  • Choose the block type you need from the list.

Choose the block type you need from the list.

  • For this example, I chose the Text Input block. You will see the configuration options appear on the sidebar.

For this example, I chose the Text Input block. You will see the configuration options appear on the sidebar.

  • Once you have adjusted the Data Field and Label, you can toggle the Required switch if the field is mandatory. Your block will automatically appear on the preview screen.

    • To close the settings, click the X.

    • Click Delete Block if you wish to remove it.

Define what happens when the customer clicks the button at the bottom of the screen.

Define what happens when the customer clicks the button at the bottom of the screen.

  • Scroll down to the Footer Action Type setting.

Scroll down to the Footer Action Type setting.

  • Select the appropriate action.

Select the appropriate action.

  • Once you have chosen your Action Type (in my case, I chose ‘Complete Flow’), don’t forget to fill in your Footer Button Text.

5. Publish

5. Publish

  • Click the Publish button at the top left of the editor to make your Mini App live and ready for use in Interactive Messages.

[Go to Interactive Messages Settings]