Form Builder widget from a custom button

Would like to get in touch with your website's visitors but the Form takes up too much space on the site? We have a perfect workaround!

With our Form Builder widget, you don't have to waste your time creating a separate Contact or a Feedback page! We would like to inform you that you can make the floating Form to appear right from a custom button on your website. You just need to follow several easy steps:

1
First of all, you need to choose the Pane layout in the Layout tab of your widget's settings:
2
Create the element/button which you need the form to come up from and add the following attribute to it:  data-elfsight-show-form="WIDGET_IDwhere you need to replace  WIDGET_ID with the actual ID of your widget. It's a part of the installation code that goes in the second line after "elfsight-app":    
3
Add your widget's installation code to the Custom HTML section of your website.
4
Add the following supplement right after the installation code in order to hide the floating Form button:
<style>
[class*="FloatingButton__FloatingButtonContainer"] {
   display: none;
}
</style>
	

This is what it should like after that:

<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div class="elfsight-app-8c4f4595-083c-45ea-a5f2-f33eb1013091"></div>
<style>
[class*="FloatingButton__FloatingButtonContainer"] {
   display: none;
}
</style>
	
5
Save the changes.

Done! Your Form from a custom button is ready.


If you think that our widget is missing any features, you're always welcome to leave your feature request in our wishlist tool. We will be happy to consider all the suggestions for their realization in future app updates.

Did this article answer your question? Share your feedback: Thanks for sharing your feedback. It helps us grow! There was a problem submitting your feedback. Please try again later.

Still looking for assistance? Contact Us Contact Us