Repro Web
Speech Balloon
Speech Balloon
With a balloon type web message, you can specify a CSS selector that matches a specific element on your site, such as a menu or a button, to display the message.
This is a great way to drive conversions.
Notes
Knowledge of HTML and CSS is required to use the speech bubble function.
Setting the display position
You can set the CSS selector as the reference element and adjust the display position of the callout.
You can also use an offset to fine-tune the display position.
For more details, please refer to Success.repro.io/web-message/web-message11.
Make a speech bubble
Please fill out the form below to create a web message.
Close button
You can choose whether to display the close button for the message. The close button is placed at the top left of the message when the display position is "lower left", otherwise it is placed at the top right of the message.
Notes
If you lose the close button, the user will not be able to close the message.
Background Color
Specifies the background color of the speech bubble and close button. For the close button, you can specify not only the background color but also the color of the icon.
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 and go to any screen when you press the button. The message is closed.
The message is closed.
- String length: up to 1000 characters
Tracking event name (optional)
If you specify the name of the tracking event, you can change the event that is measured when the action button is clicked.