# Connecting Elfsight Form Widget To Static Button

**URL:** <https://community.elfsight.com/t/connecting-elfsight-form-widget-to-static-button/13390>\
**Category:** Customization\
**Tags:** form-builder\
**Created:** [March 9, 2023, 8:08pm UTC](https://community.elfsight.com/t/connecting-elfsight-form-widget-to-static-button/13390 "2023-03-09T20:08:29Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![user2613](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/user2613/32/16613_2.png) [@user2613](https://community.elfsight.com/u/user2613)\
**Post date:** [March 9, 2023, 8:08pm UTC](https://community.elfsight.com/t/connecting-elfsight-form-widget-to-static-button/13390/1 "2023-03-09T20:08:29Z")

</div>

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](https://help.elfsight.com/article/777-form-builder-widget-from-a-custom-button#)) 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

```auto
<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](https://e1c8d3.myshopify.com/products/le-corbeau-et-le-renard)

PASSWORD: thaits

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [March 9, 2023, 8:13pm UTC](https://community.elfsight.com/t/connecting-elfsight-form-widget-to-static-button/13390/3 "2023-03-09T20:13:01Z")

</div>

Hello @user2613! Welcome to Elfsight Community 🎉

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 🙂

---

<div class="post-metadata">

**Author:** ![user2613](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/user2613/32/16613_2.png) [@user2613](https://community.elfsight.com/u/user2613)\
**Post date:** [March 10, 2023, 12:30pm UTC](https://community.elfsight.com/t/connecting-elfsight-form-widget-to-static-button/13390/5 "2023-03-10T12:30:13Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Masha](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/masha/32/1771_2.png) [@Masha](https://community.elfsight.com/u/Masha)\
**Post date:** [March 10, 2023, 1:17pm UTC](https://community.elfsight.com/t/connecting-elfsight-form-widget-to-static-button/13390/6 "2023-03-10T13:17:26Z")

</div>

Hello @user2613 ,

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

```auto
<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!

---

<div class="post-metadata">

**Author:** ![user2613](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/user2613/32/16613_2.png) [@user2613](https://community.elfsight.com/u/user2613)\
**Post date:** [March 10, 2023, 4:26pm UTC](https://community.elfsight.com/t/connecting-elfsight-form-widget-to-static-button/13390/7 "2023-03-10T16:26:08Z")

</div>

> [@Masha](#):
>
> ```auto
> <div class="banner__buttons">
> <a data-elfsight-show-form="c295a6f3-016f-4255-ab5f-d246d628405f" class="button button--secondary" 
> tabindex="-1"> 
> ENQUIRE &gt;
> </a>
> </div>
> 
> ```

Thank you @Masha that fixed it!