Skip to main content
  1. Repro Help&Support
  2. en-ReproWeb
  3. User Guide
  4. Web Message
loading

    Dialog

    Repro Support
    • Updated

     Repro Web

    Dialog

    Dialog

    Dialog-type web messages allow you to display a combination of images, text, and buttons, with or without overlays, depending on where they appear.

    Also, the message floats above the site and stands out well. This is useful for displaying content that you want to make a strong statement to the user.

    Recommended Uses

    • Coupons in EC
    • Surveys and announcements that you want all users to know about

    Compose a web message by filling out the form below.

    The details of each item are explained here.

    Overlay

    When displaying a message, you can choose whether or not to cover the entire screen with an element (an overlay). An overlay will stop the user's eye from focusing on the message and draw their attention to it. Also, if you click on a screen covered with an overlay, both the message and the overlay will be hidden.

    Close button

    Show or hide the close button (located in the upper right corner of the message). If you don't show the close button, users can still hide the message if you have an overlay set up.

    Background Color

    Individually specify the background color of the overlay, the background color of the dialog section, and the background color of the close button. For the close button, you can specify not only the background color but also the color of the icon.

    Image

    You can specify the image to be displayed in the message. There are three different image sizes available, depending on the template.

    You can specify the size of the image to be displayed in the message.

    • File Format: JPEG, PNG, GIF
    • File size: 1MB maximum

    Large Image Dialog

    • Image Size - Recommended: 600px x 500px or more (desktop, mobile)

    Small Image Dialog

    • Image Size - Recommended: 150px x 150px or larger (desktop, mobile)

    Image only dialog

    • Image Size - Recommended: 800px x 800px (desktop, mobile)

    Heading (optional)

    Specifies the header of the message. You can specify the color of the text.

    Text

    Specifies the body of the message. You can specify the color of the text.

    Action Button

    Specifies the text to be displayed on the action button. You can specify the color of the button border, the background color of the button, and the color of the text.

    URL or deep link (optional)

    If you specify a URL or deep link, you can open the page of the specified URL or launch the app to move to the desired screen when the button is pressed.

    If you don't specify a URL or deeplink, pressing the button will not cause a screen transition and will end the web message display.

    • String length: up to 1000 characters

    Tracking event name (optional)

    If you specify the name of the tracking event, you can set the event that will be measured when you click the button.