Connecting Elfsight Form Widget To Static Button

Ask the Community Customization
1

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

<div 

class="banner__buttons" >

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

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

</a>
</div>

<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div class="elfsight-app-c295a6f3-016f-4255-ab5f-d246d628405f"></div>

<style>
[class*="FloatingButton__FloatingButtonContainer"] {
   display: none;
}
</style>

Can anyone see where I have gone wrong?

SITE: My Store

PASSWORD: thaits

1 Like
3

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:

5

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

6

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" 
tabindex="-1"> 
    ENQUIRE &gt;
  </a>
</div>

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!

2 Likes
7

Thank you @Masha that fixed it!

3 Likes