In order for this data to be transmitted, you have to set up the GetCourse registration form.<\/p>\n
1. Form settings for transmitting data from pages created in GetCourse<\/strong><\/p>\n Firstly, you need to create a page on GetCourse and add a standard form with the necessary fields to it. Important!<\/strong> If you check the box “Hide if filled in” in the settings of a specific form field, the data from this field will not be transmitted to BotHelp.<\/p>\n To transfer data from the form, go to the form settings on GetCourse, then to the “Form Handler” section. Add an arbitrary “JavaScript Call” action there and paste the data transfer code into the field that opens (it is given below).<\/p>\n Important!<\/strong> This script works specifically for the registration form, which is located on the pages of the site created in GetCourse itself. If you are using the GetCourse registration form as a widget for other website builders, then use the script from the next section.<\/p>\n In the second line of the code, Important!<\/strong> When using this script, you do not need to add the “Redirect” action in the form handler. The script itself redirects to the specified page.<\/p>\n Important!<\/strong> If you add additional arbitrary actions, they have to be placed above the “JavaScript Call” action, since the code contains a redirect to the next page. If this is not done, subsequent arbitrary actions will not be performed.<\/p>\n Important!<\/strong> Make sure that the CSS style is present in the form. To do this, go to settings by clicking the Style<\/strong> button. The “registration-form” style should be specified in the lowest field of the “CSS class of the block”.<\/p>\n When creating the widget, select “Form” and then go to the form settings. Add an arbitrary “JavaScript Call” action and set the code for data transmission in the field that opens. The main difference between the form settings and the widget form settings is the absence of CSS styles in the latter. Styles have to be added manually.<\/p>\n The style for the form on the page was Important!<\/strong> Make sure to check that the CSS style is present in the form. To do this, go to settings by clicking the Style<\/strong> button. The “registration-form” style should be specified in the lowest field of the “CSS class of the block”.<\/p>\n Important!<\/strong> This script works specifically for the registration form in the form of a widget, which is located on the pages of a site made in other constructors, and not on GetCourse.<\/p>\n In the second line of the code, Important!<\/strong> When using this script, you do not need to add the “Redirect” action in the form handler. The script itself will redirect to the specified page.<\/p>\n Important!<\/strong> If you add additional arbitrary actions, they have to be placed above the “JavaScript Call” action, since the code contains a redirect to the next page. If this is not done, then subsequent arbitrary actions will not be performed.<\/p>\n FAQ<\/strong><\/p>\n Can the widget be placed only on the page created in GetCourse, or on other sites too? Like Tilda, for example?<\/strong><\/p>\n The GetCourse widget can be used on third-party services or on your website.<\/p>\n If you haven’t found the answer to your question, contact us in the chat in your profile or email hello@bothelp.io<\/a>\ud83d\ude03<\/p>\n Get 14 days of full functionality of BotHelp, a platform for creating broadcasting, autofunnels, and chatbots.<\/p>\n
\n![](\"https:\/\/files.carrotquest.io\/knowledge-bases-images\/articles\/49290\/49290-1666099312047-v2biyoqq.png\")
<\/p>\n![](\"https:\/\/files.carrotquest.io\/knowledge-bases-images\/articles\/49290\/49290-1668187060477-nkpm4sbp.png\")
<\/p>\n![](\"https:\/\/files.carrotquest.io\/knowledge-bases-images\/articles\/49290\/49290-1666104599629-w0yqp7ja.gif\")
<\/p>\n\/**\r\n* Script for passing form data as query parameters to a page with widget buttons\r\n*\/\r\n\r\n(() => {\r\nconst FORM_CONTAINER_CLASS = \"registration-form\";\r\nconst REDIRECT_URL = \"https:\/\/www.google.com\/\";\r\n\r\nconst windowRef = window.top !== window.window ? window.top?.[0] ?? window.top : window;\r\nconst elementVisible = (elem) => elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length;\r\nconst formSelector = `.${FORM_CONTAINER_CLASS.replace(\".\", \"\")} form`;\r\nconst form = document.querySelector(formSelector);\r\n\r\nconst url = new URL(REDIRECT_URL);\r\n\r\nconst windowSearchParams = new URLSearchParams(windowRef.location.search);\r\nwindowSearchParams.delete(\"ref\");\r\nwindowSearchParams.delete(\"loc\");\r\nwindowSearchParams.forEach((value, key) => {\r\nvalue = value.trim();\r\nif (value) {\r\nurl.searchParams.set(key.toLowerCase(), value);\r\n}\r\n});\r\n\r\nconst formData = new FormData(form);\r\nformData.forEach((value, key) => {\r\nconst el = form.querySelector(`[name=\"${key}\"]`);\r\nconst isFormValue = key.includes(\"[\") && key.includes(\"]\");\r\nif (elementVisible(el) && value && isFormValue) {\r\nkey = key.match(\/\\[(.*)]\/)[1];\r\nkey = key === \"full_name\" ? \"name\" : key;\r\n\r\nvalue = value.trim();\r\nif (value) {\r\nurl.searchParams.set(key.toLowerCase(), value);\r\n}\r\n}\r\n});\r\n\r\nwindowRef.location.href = url.href;\r\n})();\r\n\r\n<\/pre>\nconst REDIRECT_URL = \"https:\/\/www.your_page_for_redirect.com\";<\/code> instead of an example link https:\/\/www.your_page_for_redirect.com<\/code> you need to specify a link to the page where the redirect will be performed from the current page with the registration form. For example:<\/p>\n\n
![](\"https:\/\/files.carrotquest.app\/knowledge-bases-images\/articles\/49290\/49290-1718096614808-bvlgy5b2.png\")
\n
\n2. GetCourse widget settings for transmitting data from pages created on other site builders<\/strong><\/p>\n
\nThe widget code does not require any additional settings or parameters.<\/p>\n![](\"https:\/\/files.carrotquest.io\/knowledge-bases-images\/articles\/49290\/49290-1666102901846-vmgsrmpk.gif\")
<\/p>\nregistration-form<\/code>, the same style should be used for the widget.<\/p>\n![](\"https:\/\/files.carrotquest.io\/knowledge-bases-images\/articles\/49290\/49290-1668428153050-4uoc3sto.png\")
\n
\nIMPORTANT!<\/strong> If you want to set a different style for the widget, specify the same style in the first line of the data transfer code:<\/p>\n(() => { const FORM_CONTAINER_CLASS = \"your-chosen-style\";
\n<\/code>
\nTo transfer data from the form, go to the form settings on GetCourse. In the settings, in the “Form Handler” section, you have to add an arbitrary action, namely “JavaScript Call” and insert the code for data transfer into the field that opens.<\/p>\n\/**\r\n* Script for passing form data as query parameters to a page with widget buttons\r\n*\/\r\n\r\n(() => {\r\nconst FORM_CONTAINER_CLASS = \"registration-form\";\r\nconst REDIRECT_URL = \"https:\/\/www.google.com\/\";\r\n\r\nconst windowRef = window.top !== window.window ? window.top : window;\r\nconst elementVisible = (elem) => elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length;\r\nconst formSelector = `.${FORM_CONTAINER_CLASS.replace(\".\", \"\")} form`;\r\nconst form = document.querySelector(formSelector);\r\n\r\nconst url = new URL(REDIRECT_URL);\r\n\r\nconst windowSearchParams = new URLSearchParams(windowRef.location.search);\r\nwindowSearchParams.forEach((value, key) => {\r\nvalue = value.trim();\r\nif (value) {\r\nurl.searchParams.set(key.toLowerCase(), value);\r\n}\r\n});\r\n\r\nconst formData = new FormData(form);\r\nformData.forEach((value, key) => {\r\nconst el = form.querySelector(`[name=\"${key}\"]`);\r\nconst isFormValue = key.includes(\"[\") && key.includes(\"]\");\r\nif (elementVisible(el) && value && isFormValue) {\r\nkey = key.match(\/\\[(.*)]\/)[1];\r\nkey = key === \"full_name\" ? \"name\" : key;\r\n\r\nvalue = value.trim();\r\nif (value) {\r\nurl.searchParams.set(key.toLowerCase(), value);\r\n}\r\n}\r\n});\r\n\r\nwindowRef.location.href = url.href;\r\n})();<\/pre>\nconst REDIRECT_URL = \"https:\/\/www.your_page_for_redirect.com\";<\/code> instead of an example link https:\/\/www.your_page_for_redirect.com<\/code> you have to specify the link to which the redirect will be performed from the current page with the registration form. For example:<\/p>\n\n
\n