Jump to content

Trigger Form Block Modal using a href or button html

Recommended Posts

  • Replies 1
  • Created
  • Last Reply

If you have a budget, you can use this plugin

If not, you can search Google:  jQuery modal popup or button click modal popup or jquery open popup on button click

eg. https://www.w3schools.com/howto/howto_css_modals.asp

https://stackoverflow.com/questions/24017306/jquery-open-popup-on-button-click-for-bootstrap/24017532

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
<script>
  // when DOM is ready
$(document).ready(function () {

     // Attach Button click event listener 
    $("#myBtn").click(function(){

         // show Modal
         $('#myModal').modal('show');
    });
});
</script>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.