Take your own interactive screenshots

To create a screenshot of an app in a certain state please follow these instructions.  You will need to use Google Chrome as your browser for this process. 

Features

Interactive screenshots offer the following:

1. Fliplet users can take screenshots of their app in use.

Get Started

To take your interactive screenshots you will need to:

1. Launch your app as a web app
2. Capture the screenshots

Step 1- Launch your app as a web app

1. Using Fliplet Studio open your app.
2. Select the “Publish” option in the top right of the screen.
3. Next to “Publish to the web via a URL” press “Select”.
4. On the popup window, click “Publish”. The popup window will refresh and display the link to the app’s URL. To go to the app, simply click on the link.

Step 2 – Capture the screenshots

1. In your web app, navigate to the screen you wish to screenshot.
2. As the app is live you can use the app as you wish to create the page you want to screenshot.
3. Once you have the correct screen, open the developer options. To do this, use Command + Option + J on Mac or F12 on Windows.
4. Click the “Toggle device toolbar” icon.
   

5. Using the top bar, select the device size you want to capture.
   

6. If the device size you want to screenshot is not listed, select “Responsive”.

7. Then enter the sizes that you require.
   Apple and Google require the following sizes: 

   1. Apple app store requires three different sizes: 

      1. 1242 x 2208 px

      2. 1242 x 2688 px

      3. 2048 x 2732 px or 2732 x 2048 px

   2. Google play store: 

      1. 720 x 1280 px

      2. 1080 x 1920 or 1920 x 1080 px

8. To take the screenshot, click on the three dots icon in the same top bar
   

9. Choose “Capture screenshot” 

10. The screenshot will then be saved, or you will be asked to save the screenshots, depending on your browser settings.