Contact Form widget from a custom button

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

With our widget, you don't have to waste your time creating a separate Contact page! We would like to inform you that you can make the floating Contact 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 "Floating" layout in the "Appearance" 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_ID" where 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 Contact Form button:

<style>.eapps-form-floating-button{
 display: none;
}</style>
5.  Save the changes.
Done! Your Contact Form from a custom button is ready.

In case you have further questions or need our assistance, please contact our support team at https://help.elfsight.com/contact, we will do our best to help you.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us