How to make an iFrame pop up when a button is clicked

Hi,

Can anyone help me to make a custom code iFrame pop up when someone clicks a button.

I added this code into the header section. This is to pull the form in.

<iframe
  src="https://link.marnager.co.uk/widget/form/aA0oeu6CQ5tmZqniLekw"
  style="display:none;width:100%;height:100%;border:none;border-radius:0px"
  id="popup-aA0oeu6CQ5tmZqniLekw" 
  data-layout="{'id':'POPUP'}"
  data-trigger-type="alwaysShow"
  data-trigger-value=""
  data-activation-type="alwaysActivated"
  data-activation-value=""
  data-deactivation-type="neverDeactivate"
  data-deactivation-value=""
  data-form-name="Website Enquiry Form"
  data-height="385"
  data-layout-iframe-id="popup-aA0oeu6CQ5tmZqniLekw"
  data-form-id="aA0oeu6CQ5tmZqniLekw"
  title="Website Enquiry Form"
      >
</iframe>
<script src="https://link.marnager.co.uk/js/form_embed.js"></script>

But I want the form to only pop up when someone clicks the 'Free Consultation' button in the navigation.

Is there a way to hide it until that button is clicked? I'm not sure how to do this.

Site: https://stirlingfurnituredesign.squarespace.com/

Password: stirling

Any help would be appreciated ! Thank you

Hi Tim, Maybe you need to consider implementing a lightbox feature for the iFrame pop-up. This would activate when users interact with the button.