In-App Message Image Template

In-App Message Layouts

Hackle currently supports Modal, Banner, and Bottom Sheet layouts.

Below are the recommended aspect ratios and sizes for each layout.

• File format: PNG, JPG, JPEG

• File size: up to 3MB

Since the recommended image aspect ratio differs by layout, please check the ratio and size when uploading images. (When landscape orientation is selected on mobile, a separate landscape image must be uploaded.)

Layout	Layout Details	Recommended Size
Modal	Image	* Portrait: 2:3 / 1200px:1800px
Modal	Image + Button	* Portrait: 2:3 / 1200px:1800px
Modal	Image + Text + Button	* Portrait: 29:10 / 1450px:500px
Banner	Image + Text	* Ratio: 1:1
Banner	Image	* Ratio: 24:7
Bottom Sheet	Image	* Portrait: 3:2 / 1800px:1200px
Bottom Sheet	Image + Button	* Portrait: 3:2 / 1800px:1200px

Build the appropriate campaign based on the effect each layout delivers!

1. Modal: Primarily used for important information or promotions that users must not miss.

2. Banner: Used when providing simple feedback or information on the page where the user is located.

3. Bottom Sheet: Primarily used when immediately displaying promotions or notices when a user enters the service.

Notice Sample Sources

We provide samples you can use for in-app message campaigns. Download the desired image directly, or edit it in Figma and use it!

Image + Button

Popup example

1200x1800

1450x500

1800x1200

Image + Text + Button

Popup example

1200x1800

1450x500

1800x1200

User Survey Sample Sources

Image + Button

Popup example

1200x1800

1450x500

1800x1200

Image + Text + Button

Popup example

1200x1800

1450x500

1800x1200

Promotion Sample Sources

Image + Button

Popup example

1200x1800

1450x500

1800x1200

Image + Text + Button

Popup example

1200x1800

1450x500

1800x1200

Figma

In-App Message Example Images

FigmaFigma

Commerce In-App Message Samples

FigmaFigma

In-App Message Specifications

FigmaFigma