Change error messages using JS

ekt · ‎Jun 18, 2019

I need to change error messages for my form and I don't have an opportunity to use raw html for form, only iFrame.

When I'm writing js-code for it in the console - everything is working, but when I'm adding js-code to the page (like a separate file or before closing <body> or to the setting of all pages) - it's not working. I can see this code in developer tools, but it works only when I'm copying it to the console.

Is there any chance to fix it?

Here is the code

$( document ).ready(function() {
   $('.subscribe-form-wrapper .hs-form-iframe').contents().find('.hs-error-msg').css('display', 'none');
   $('.subscribe-form-wrapper .hs-form-iframe').contents().find('.hs-error-msgs .hs-main-font-element').text('Please, share your work email with us');
});

Bryantworks · ‎Jun 20, 2019

Yes, that is possible via CSS, you can read more about it here: https://knowledge.hubspot.com/articles/kcs_article/forms/how-do-i-style-my-embedded-form

Chris Bryant | Your Dedicated HubSpot Expert

View solution in original post

Bryantworks · ‎Jun 18, 2019

Hey @ekt

Due to the way the forms are rendered, you would have to use the embed code to enable this functionality. This embed function is available on all tiers of HubSpot:

Hope this helps!

ekt · ‎Jun 19, 2019

Thanks, but still it's not working

Bryantworks · ‎Jun 19, 2019

Hey @ekt

Have you checked out how to customize the form embed code? You might find your answer here.

ekt · ‎Jun 20, 2019

Thanks)
I've found another solution - to use setInterval. It's not a perfect approach so with a client we've decided to leave messages as they are.

But now I need to style these messages - is it possible using only css? (the form is in an iframe)

Bryantworks · ‎Jun 20, 2019

Yes, that is possible via CSS, you can read more about it here: https://knowledge.hubspot.com/articles/kcs_article/forms/how-do-i-style-my-embedded-form

ekt · ‎Jun 21, 2019

thanks for help!

Lead Capture Tools