Jump to content

javascript embedded form gives bogus close button

Recommended Posts

Site URL: https://www.wordsbyhermes.com/test

I want to pop a ConvertKit form on button click using javacript (i tried inserting the form as HTML and it wouldn't display anything inside a <p> tag). 

I tried the SpaceTutorials "button lightbox" set up and got the result at the URL above. 

The problem is that everything works right up until you want to close the form and return to the page. Basically, you're stuck once you click the button. I dunno, could be good to increase optin rate, but super shitty UX.

Can you tell me if i've done something to cause this? Or how i can fix it so that the 'x' button is clickable?

The code on the actual button looks like the below (Spacetutorials header and footer code are in place already.)

Thanks.
 

<div style="text-align:center; padding:0;">
<a href="#/" data-featherlight="#bio-john" class="sqs-block-button-element--medium sqs-block-button-element" style="background-color:#000; color:#fff; padding:20px 20px;">View John's Bio</a>
</div>

<div style="display:none;">
<div id="bio-john" style="text-align:center;">
<script async data-uid="8dd9c2100e" src="https://words-by-hermes.ck.page/8dd9c2100e/index.js"></script>
      
</div>
</div>

 

Link to comment
  • 2 weeks later...
  • Replies 1
  • Views 256
  • Created
  • Last Reply

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.