Solved

Klaviyo - Embed sing up form Messed Up My Website Fonts.

  • 29 July 2023
  • 7 replies
  • 115 views

Badge +1

Hello!

 

I just installed the klaviyo email marketing app. And tried to set up an embedded sign up form.

 

But a problem occurred when I put the embedded sign-up form into my website.

 

website: arprosystems.com

password: ialdea

provider: shopify

 

Some of the words that are in my website changed fonts and are stuck in those fonts. It even changes the fonts when I removed the sign up forms.

 

When refreshing the site you can see how it changes the words.

For example the language chooser (''Latviešu'') - you can see how it is in the original font and then it changes to a random light font. (Also the selection words in the dropdown menu changed for the ''palīdzība'' section)

3dbf89da938a32f51119be54345fe0db.png

 

When I am trying to change the font to something else these words on the whole website just don't change.....

 

I had Poppins Medium font - and put a Poppins font onto my sign-up form on the word ''E-pasts'' / ''Email'' (Maybe that changed something?) On the sign up form there is also an Arials BLACK font on the word ''PIESEKO'' / ''SUBSCRIBE''.

https://arprosystems.com/en/blogs/news/water-fed-pole-setup-usage - the app is at the bottom (I added back the app so maybe someone can see what it has done)

b6db4b31c692c766d8531d17fc17bc70.png

https://arprosystems.com/products/abena-mikroskiedras-lupata - here you can really see the changes that the app did to the fonts of some of the text.....

fb3293d76a4c2ebe252ef10a1c1e5cc9.png

 

84024a3d89cb7283f12a237f572ffe9a.png

Changed the Poppins Medium font to Poppins Extra Bold so the problem is more seeable.

https://arprosystems.com/policies/refund-policy - On this page, you can see it changing very well.

Really need some help!

Could someone help me fix this, please!?

 

Thanks.

icon

Best answer by ARPRO 2 August 2023, 09:46

View original

7 replies

Badge +1

I'm slowly getting to the core of the problem myself. Now I know that this problem only happens with the Poppins font…. If I change the font to something else - then everything is fine.

 

But still need help! As my websites font for styling is Poppins.

Badge +1

After more testing, I can see that there are fonts that don't mess up and there are fonts that mess up.... Inter font also messes up.

 

I can see that the font changes when I change it, but the weight of the specific words doesn't change when I change them (Regular to Medium or Bold).

 

It seems like the klaviyo app has overwritten the default Shopify google fonts with their google fonts - because on the klaviyo app the Poppins font has only one weight - Regular. And those words that seem to be stuck always stay on the Poppins Regular weight and just don't change....

 

How could I fix this?

Badge +1

After setting the font to Poppins Regular you can still see some changes being made to the text when refreshing the page….. https://arprosystems.com/policies/refund-policy

Badge +1

Fixed it.

How exactly did you fix it? I am experiencing the same issue on my site.

Badge +1

Just delete the font that you added under '’Content - Images & Brand - Fonts'’ section.

Hello!

 

I just installed the klaviyo email marketing app. And tried to set up an embedded sign up form.

 

But a problem occurred when I put the embedded sign-up form into my website.

 

website: arprosystems.com

password: ialdea

provider: shopify

 

Some of the words that are in my website changed fonts and are stuck in those fonts. It even changes the fonts when I removed the sign up forms.

 

When refreshing the site you can see how it changes the words.

For example the language chooser (''Latviešu'') - you can see how it is in the original font and then it changes to a random light font. (Also the selection words in the dropdown menu changed for the ''palīdzība'' section)

3dbf89da938a32f51119be54345fe0db.png

 

When I am trying to change the font to something else these words on the whole website just don't change.....

 

I had Poppins Medium font - and put a Poppins font onto my sign-up form on the word ''E-pasts'' / ''Email'' (Maybe that changed something?) On the sign up form there is also an Arials BLACK font on the word ''PIESEKO'' / ''SUBSCRIBE''.

https://arprosystems.com/en/blogs/news/water-fed-pole-setup-usage - the app is at the bottom (I added back the app so maybe someone can see what it has done)

b6db4b31c692c766d8531d17fc17bc70.png

https://arprosystems.com/products/abena-mikroskiedras-lupata - here you can really see the changes that the app did to the fonts of some of the text.....

 Changed the Poppins Medium font to Poppins Extra Bold so the problem is more seeable.

https://arprosystems.com/policies/refund-policy - On this page, you can see it changing very well.

Really need some help!

Could someone help me fix this, please!?

 

Thanks.

Are you talking about like this https://factbasket.com/ ? I think its somehow similar but I might be wrong. 

Reply