Jump to content

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

Recommended Posts

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

Tim Marner®
Award-Winning Branding Agency In Bolton

https://timmarner.co.uk/

Link to comment
  • Replies 1
  • Views 366
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.