topic Re: Change error messages using JS in Lead Capture Tools

Change error messages using JS

ekt — Tue, 18 Jun 2019 12:21:47 GMT

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');
});

Re: Change error messages using JS

Bryantworks — Tue, 18 Jun 2019 12:19:21 GMT

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!

Re: Change error messages using JS

ekt — Wed, 19 Jun 2019 07:37:18 GMT

Thanks, but still it's not working

Re: Change error messages using JS

Bryantworks — Wed, 19 Jun 2019 14:32:13 GMT

Hey @ekt

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

Re: Change error messages using JS

ekt — Thu, 20 Jun 2019 12:59:17 GMT

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)

Re: Change error messages using JS

Bryantworks — Thu, 20 Jun 2019 15:38:08 GMT

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

Re: Change error messages using JS

ekt — Fri, 21 Jun 2019 08:12:50 GMT

thanks for help!