Streaming live at 10am (PST)

Cant make my embedded Button Clickable


#1

Heres my website Im working on currently: http://lauren-freels.webflow.io/

I have the button Labeled “Get Started”. The button is currently clickable and opens up my jotform lightbox. My question though is, when I hove over the button Im only able to click the text and not the box. Also it doesn’t really label itself as a button link.

Would greatly appreciate any help! Also if you have better solutions rather than Jotform for collecting client data and payments, Im all ears!


#2

@Shea_Lewis

Is this your intended result?

http://html-sandbox.webflow.io/cant-make-my-embedded-button-clickable

this is not solution undo


#3

Yeah! How did you go about doing that haha?


#4
  1. Go to Preview project
    https://preview.webflow.com/preview/html-sandbox?utm_source=html-sandbox&preview=e67118bc353dff859a7c3e046fc087ce

  2. Go to page cant-make-my-embedded-button-clickable
    image

  3. Magic Button -
    a. Change Pointer Type
    b. Change Hover Over Type
    c. Create Interaction to Activate Lightbox

Create an interaction
image
image



#5

Ahh okay, so I dont think this actually answers my question. I already have a lightbox embeded code given to me from jotform.

<script src =“https://form.jotform.com/static/feedback2.js” type=“text/javascript”></script><script type=“text/javascript”> var JFL_80247578184162 = new JotformFeedback({ formId: ‘80247578184162’, base: ‘https://form.jotform.com/’, windowTitle: ‘Get Started’, background: ‘#000000’, fontColor: ‘#ffffff’, type: ‘2’, height: 800, width: 700, openOnLoad: false }); </script> <a class=“btn lightbox-80247578184162” style=“margin-top: 16px”> Room Style? </a>


#6

You must custom CSS your embed element like a DIV style like sample above

Refresh http://html-sandbox.webflow.io/cant-make-my-embedded-button-clickable

and apply back


#7

Dang okay this may take some time to custom build out jotform with embed. Also when you use their lightbox it doesnt show any branding.