Target the URL using right syntax to communicate between HubL and Javascript

AzharBondi — Mon, 27 Nov 2023 13:01:31 GMT

Hi,

I would love to be able to change the URL in the page editor where I have a dedicated URL field for that

> response_redirect_url="{{ module.form_field.redirect_url }}"

Right now, I am using a hard coded URL which is not very convenient for the marketers when they want to make the changes!

This is the code that I am using to do a redirect to page when I submit a form :

<div class="form-box form-box-{{ module.background_color }} shadow-box align-{{ module.align }}"> <div class="wrap-course-info"> <{{ module.title_tag }}>{{ module.title }}</{{ module.title_tag }}> {% if module.description %} <p class="title-description2">{{ module.description }}</p>{% endif %} {% if module.text %} {{ module.text }}{% endif %} {% form form_to_use="{{ module.form_field.form_id }}" response_response_type="{{ module.form_field.response_type }}" response_message="{{ module.form_field.message }}" response_redirect_id="{{ module.form_field.redirect_id }}" response_redirect_url="{{ module.form_field.redirect_url }}" gotowebinar_webinar_key="{{ module.form_field.gotowebinar_webinar_key }}" %} <script> window.addEventListener('message', event => { if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmitted') { window.location.href = "mywebsite.com" + `?email=${event.data.data.submissionValues.email}`; console.log("email", event.data.data.submissionValues.email, event.data.data); console.log("Dynamic URL:", event.data.data.submissionValues.redirectUrl); } }); </script> </div> </div>

This Console printed > Undefined

console.log("Dynamic URL:", event.data.data.submissionValues.redirectUrl);

These are the ones I tested to substitute the URL "mywebsite.com":

any ideas how can I target : response_redirect_url="{{ module.form_field.redirect_url }}" within the JavaScript snippet?

Best regards,

Azhar Bondi

Re: Target the URL using right syntax to communicate between HubL and Javascript

Jaycee_Lewis — Tue, 28 Nov 2023 20:31:04 GMT

Hey, @AzharBondi 👋 Did you get this resolved? I wonder if the issue you shared is related to HubL running server-side and JS being client-side. And the JS can't access your HubL variable the way you are expecting.

I'd love to hear your thoughts.

Best,

Jaycee

Re: Target the URL using right syntax to communicate between HubL and Javascript

AzharBondi — Thu, 30 Nov 2023 14:39:50 GMT

Hey @Jaycee_Lewis !

Yes, I still couldn't figure out how to solve this and I assume it is related to what you mentioned above !
If I solve it, I will share the solution here !

Thank you

topic Target the URL using right syntax to communicate between HubL and Javascript in CMS Development

Target the URL using right syntax to communicate between HubL and Javascript

Re: Target the URL using right syntax to communicate between HubL and Javascript

Re: Target the URL using right syntax to communicate between HubL and Javascript