hey everyone, I have this third party tool that I am trying to add to my site simplesolar.energy . It is a solar design system tool that help customers view and deisgn there own solar system and see there estiamted potential savings. They use a head code that calls a https url sdk.
The code looks like this:
< script
id =" auroraLCAI "
data-org-id =" your-organization-id "
src =" https://leads.aurorasolar.com/lead-capture-sdk-v1.js "
type =" text/javascript "
</ script >
I have that code added to my sites head code and it is reading just fine when I look in the inspector on my published site.
I am trying to connect this to a button click, which they have a shorter scrupt that is supposed to be able to added to DOM elements with a class name lcaiCta. But velo on editor x does not allow you to change the class name of elements, just the ID.
I have tried adding straight html to the site and use java and css to create a button and do the button click, but would 1. either get a forbidden black box, or it would just not do anything.
I tried creating a html file on git and hosted it there with this code:
Design Your Solar System <script>
window.AuroraLeadCaptureAsyncInit = () => {
const button = document.getElementById('DesignButton');
button.addEventListener('click', () => {
[AuroraLeadCapture.open](http://AuroraLeadCapture.open) ();
});
};
</script>
and added the source url for a custom element to this files url.
still nothing.
I have created a button in editor x using the button block and tried to add the ID for that, as you can see in the code above, I am trying to map the button ID, not the class, since that seems like what editor x uses to identify elements. But still nothing at this point. I have tried to map it to the class as well in case anyone was wondering.
Im unsure at this point what else to do or try. I have gotten the embeded tool to work by adding a auto populate script to my site that I can control on which page it appears, which is the method I am going with right now just to get this live, but would really like to get this button click working.
Here is the auto populate code that is working:
I also tried to map the button click here in the head code, but still nothing. Here is the code I was trying for that:
I am not super versed on this and the dev side of things and would appriciate any help or insite on how to get the sdk to populate on a button click.
They also have some other modules as options for peoples sites and would like to know if we can get those to work as well. But one step at a time I guess.
This is the link to the sdk documentation in case anyone is wondering about it: https://sdk.fe-alpha.auslr.io/lead-capture-sdk/
Thanks in advanced and again would appriciate any help or insight in this. As it seems editor x and velos enviroment is set up a bit different from a typical html enviroment.
please let me know if there is anything else I can provide to help with the issue or give more context.