Connecting Elfsight Form Widget To Static Button

Hi all,

I am trying to link my Elfsight widget to a custom button on my product page. I followed the instructions on Elfsight’s help forum (see here) but still having no luck- just getting a 404 rather than the form opening-up

This is the code I added in a custom liquid block to add the button and link it to the form widget


class="banner__buttons" >

<a id="data-elfsight-show-form="c295a6f3-016f-4255-ab5f-d246d628405f" 

class="button button--secondary" 
tabindex="-1"> ENQUIRE &gt;


<script src="" defer></script>
<div class="elfsight-app-c295a6f3-016f-4255-ab5f-d246d628405f"></div>

[class*="FloatingButton__FloatingButtonContainer"] {
   display: none;

Can anyone see where I have gone wrong?

SITE: My Store

PASSWORD: thaits

1 Like

Hello @user2613! Welcome to Elfsight Community :tada:

I am terribly sorry that you’ve experienced such difficulties!

We’ll be happy to check things for you. I’ve forwarded your request to our devs, and, hopefully, they’ll come up with a solution really soon.

Please do not worry, we’ll keep you updated :slightly_smiling_face:

Thanks @Max I did submit a support request help request 3 days ago but haven’t had any feedback yet… :frowning_face:

Hello @user2613 ,

For the button element you need to add the following code:

<div class="banner__buttons">
  <a data-elfsight-show-form="c295a6f3-016f-4255-ab5f-d246d628405f" class="button button--secondary" 
    ENQUIRE &gt;

At the moment you have the required attribute assigned to the element’s id, so it doesn’t work correctly. Let me know if this helps!


Thank you @Masha that fixed it!