Skip to main content
Solved

Popup Background Image


chriscavill
Contributor I
Forum|alt.badge.img

Hi everyone,

I'm seeking assistance with customizing the popup on our site for an A/B test.

I've attached visuals of our goal, but it seems Klaviyo might not support background images. The only options I'm seeing are Image Left/Right. Am I overlooking something?

Ideally, we'd like the form content and text to appear above the image. Before resorting to our dev team, I wanted to get an opinion from a Klaviyo specialist to potentially save some time.

Thanks!

 

 

Best answer by WildMustardNZ

Hi,

You can add a background image under the ‘styles’ menu when building your signup form:
 



You just need to toggle it on and then you can upload it.
You may need to play around with padding and transparency to get it to look exactly how you envision, but it’s definitely doable.

L

View original
Did this topic or the replies in the thread help you find an answer to your question?

4 replies

WildMustardNZ
Partner - Silver
Forum|alt.badge.img+3
  • Partner - Silver
  • 6 replies
  • Answer
  • May 15, 2024

Hi,

You can add a background image under the ‘styles’ menu when building your signup form:
 



You just need to toggle it on and then you can upload it.
You may need to play around with padding and transparency to get it to look exactly how you envision, but it’s definitely doable.

L


chriscavill
Contributor I
Forum|alt.badge.img
  • Author
  • Contributor I
  • 1 reply
  • May 15, 2024

Hey WildMustardNZ

thanks for the fast reply!

Its working out nicely!

Do you know if we have control of the Input Border Stroke Thickness (highlighted in Blue box)

And For some reason the input field background isnt showing White. Any idea why that is occuring?

Thanks again!

 


WildMustardNZ
Partner - Silver
Forum|alt.badge.img+3

Hey @chriscavill 

I don’t think there is a way to change border thickness here (maybe some custom coding?) and I believe if you publish the form, the input field background colour will be white when blank - it’s just got the blue-ish gray because there is dummy text. Use preview mode to be sure.

Might need a dev to fact check me on this one though!

L


  • Contributor I
  • 1 reply
  • October 11, 2024

what would be the best size for background images?