Skip to main content
Solved

How to make in app messages wider?

  • June 2, 2023
  • 1 reply
  • 74 views

Hi Everyone,


I’m struggling with using the design editor for In-App messaging, all the templates default to sizes that are formatted for mobile phone. Our product is primarily used as a web app and I simply want to make the message format wider, how do I adjust that from the design editor?

 

Thanks in advance.

Best answer by Byron

Hi Sean,

At this time, the in-app editor does not provide options to resize the in-app message container.

When sending in-app messages to a website, you could send them so they’re attached to a container on your site by using the inline positioning option and inputting the container’s `id` value. By doing this, you can use CSS to style the container on your website to the desired size and when the in-app message is received, it should adjust to fit the styled container. Give it a try and see if that works out for you!

 

Here’s a little more info from our docs: https://customer.io/docs/journeys/send-in-app-message/#display-and-position

View original
Did this topic help you find an answer to your question?

Byron
  • June 2, 2023

Hi Sean,

At this time, the in-app editor does not provide options to resize the in-app message container.

When sending in-app messages to a website, you could send them so they’re attached to a container on your site by using the inline positioning option and inputting the container’s `id` value. By doing this, you can use CSS to style the container on your website to the desired size and when the in-app message is received, it should adjust to fit the styled container. Give it a try and see if that works out for you!

 

Here’s a little more info from our docs: https://customer.io/docs/journeys/send-in-app-message/#display-and-position


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings