Streaming live at 10am (PST)

LeadPages pop-up code added to button


#1

Hello!

On this page (https://preview.webflow.com/preview/screenitdc?preview=57adf26c5fe55e249907689c0f45901f or http://screenitdc.webflow.io/) I'm trying to get the Free 3-Day Pass button to create a pop-up (that stays on the page and floats above it)

On my current homepage (www.screenit.com) this works via the text link that reads "Click here to get a FREE 3-day Pass into our Membership Site or Check Out Our Latest Reviews Below"

The coding for that is the following:

Click here to get a FREE 3-day Pass into our Membership Site or Check Out Our Latest Reviews Below

I can't figure out how to insert that LeadPages code into the attributes for the Free 3-Day Pass button to make that (or something similar) happen. Thanks!


#2

Hey! I found a pretty simple fix for this without using custom code.

  • Create a div that is fixed in the center of the screen and set the Display Settings to None

  • Create a new interaction on the "free 3 days" button and check "affect different element"- type in the fixed div class

  • set the interaction to Display: Block when Clicked

Boom! That should do it! I used this on my Last Site for a location button. I also added in a fade via opacity in the interaction. You can check out my button here.

Hope that helps! :slight_smile:


#3

Thanks for the tips!


#4

Thanks Brandon. Is there a way to then enter the LeadPages code (it didn't
show up in the post that converted it over to a link) once the part you
suggested is completed.

Sorry for my ignorance, I'm a movie reviewer and just a code newbie.

Here's the code:

<a href=
"https://my.leadpages.net/leadbox/143a29173f72a2%3A9446acc55/5766466041282560/"
<https://my.leadpages.net/leadbox/143a29173f72a2%3A9446acc55/5766466041282560/>
target="_blank">Click here to get a FREE 3-day Pass into our Membership
Site or Check Out Our Latest Reviews Below</a><script
type="text/javascript" src="//my.leadpages.net/leadbox-623.js"></script>


#5

Okay.

If you paste this into an embed widget it will create your form button.

<a class="button hollow" href="https://my.leadpages.net/leadbox/143a29173f72a2%3A9446acc55/5766466041282560/"
target="_blank">Free 3-Day Pass</a>

You can then delete the other button. Doing it this way, the form will open in a new tab, and I cannot seem to get webflow to accept the JS. You can double check the src to make sure it is correct and that may fix it. You can insert the in the same embed or in the custom code of the home page before .

I am not an expert at coding by any stretch of the imagination, but I hope this helps you! Let me know if you have any more questions :slight_smile:


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.