What is Meta Playground?

Meta Playground is a tool provided by Meta that allows developers, designers and business teams to create and visualize WhatsApp message flows intuitively, using a graphical interface instead of code.

With this tool you can:

• Design interactive conversation flows.
• Test the user experience directly in the design environment.
• Export the flows to use in a future implementation.
  

Link to Meta Playground Tool

Benefits of using Meta Playground

1. No coding or APIs required: Perfect for non-technical users.
2. Rapid iteration: Test and fine-tune your flows in minutes.
3. Realistic prototypes: Visualize how your flows will look and work on WhatsApp before you launch them.
4. Easy collaboration: Share your prototypes with other teams to get feedback.

How does Meta Playground work?

The design interface is divided into three main sections:

Screens

Here you must add and create all the screens in the order that the Flow will have. You can change the order of the screens by clicking and dragging them on the six-dot icon.

Edit Content

This is where you create and modify screen content.

Different types of content can be added:

• Text
• • Large header.
  • Small header.
  • Photo or video caption.
  • Body.

• Multimedia Content
• • Image
• Text Response
• • Short answer.
  • Paragraph.
  • Date picker.
• Selection
• • Single choice.
  • Multiple choice.
  • Drop-down list.
  • Activate.

Preview

In this section you can view each screen of the WhatsApp Flow, interact and test the texts and buttons on them, as well as change the visual configuration.

To test the Flow in operation, you must activate the “Interactive Mode” option.

Note: You can visually configure the Flow depending on the operating system interface (Android or iOS) and the background theme (Light or Dark).

How to export WhatsApp Flows design to Botmaker?

You can export the prototype and use it within the WhatsApp Flows section in Botmaker.

After creating and finalizing the WhatsApp Flows template:

1. Select the “Copy Flow JSON” option.
2. Open the WhatsApp Flow Code Editor in Botmaker.
3. Select all the existing code and delete it.
4. Press Ctrl+V or Right Click and “Paste” to paste the code into your design.
   

Note: Please note that this is code automatically generated by the application and therefore will not be entirely readable or user-friendly if you want to make manual modifications to said code.

FAQs

Is technical knowledge required to use Meta Playground?

No, Meta Playground is designed to be used by anyone, regardless of technical experience.

Can this prototype be used directly in production?

No, Meta Playground is a tool for creating and testing prototypes. Exported flows will need to be properly integrated with the official WhatsApp API to work in production.

Remember to visit our Help Center for further information.