Skip to main content
Solved

Is a ROUND sign-up form/popper possible in Klaviyo?

  • November 20, 2024
  • 1 reply
  • 21 views

Forum|alt.badge.img

Hi guys, I am trying to make my sign-up form popper ROUND/CIRCULAR (vs the square it currently is) in Klaviyo. Does anyone know how to do that? 

Best answer by bluesnapper

Welcome to the community ​@sfawle

For a circle, create a circular image with the colour you want within the circle and on a transparent background*. Save as a png or GIF format so transparency is retained. Add that image to your form as the background image. You’ll need to change the form background settings to get that transparent. Below is an example preview of what it’d look like though the grey would trans when published.

Just round edges. Change the form styles ‘corner radius’ to get the look you want. That will only round the corners of the form, you won’t get a circle.

Hope that helps

Andy ​​​​​​​​​​​​​
* could use Photoshop or upload a square trans image and then use Klaviyo’s image editor (Shapes option) in the form editor to add a circle to that trans background

 

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

1 reply

bluesnapper
Partner
Forum|alt.badge.img+45
  • Champion & Partner
  • 729 replies
  • Answer
  • November 22, 2024

Welcome to the community ​@sfawle

For a circle, create a circular image with the colour you want within the circle and on a transparent background*. Save as a png or GIF format so transparency is retained. Add that image to your form as the background image. You’ll need to change the form background settings to get that transparent. Below is an example preview of what it’d look like though the grey would trans when published.

Just round edges. Change the form styles ‘corner radius’ to get the look you want. That will only round the corners of the form, you won’t get a circle.

Hope that helps

Andy ​​​​​​​​​​​​​
* could use Photoshop or upload a square trans image and then use Klaviyo’s image editor (Shapes option) in the form editor to add a circle to that trans background