embedding a form

  • gabectiller

    (@gabectiller)


    9 years, 1 month ago

    I am trying to embed the below widget so just the form is visible on my site, and not the button. When I remove the code at the bottom the whole thing disappears though. I am using the Divi Theme and using a code block. I know nothing about javascript and am a newb at html and css. If this is not possible I would at the very least like to style the button so that it matches the rest of my theme, but I’ve tried this and no luck…Thanks!

    <script type="text/javascript" src="http://rms.spottedtailoutdoors.com/rms_widget_new.php?token=cmVlc3dlc3RAZ21haWwuY29tLDsyNDQ="></script><script>var rmsOptions = {"company" : "Dreamcatcher Outdoors","title" : "BOOK A TRIP","message" : "Fill out the following info to request a trip. We will get back in touch with you to confirm the booking.","notifications" : "marc@dreamcatcherflyfishing.com","success" : "Thank you for your reservation request! We will be in touch shortly to confirm your trip."};</script>

<button id='btnBook' class='rmsBookButton' style="color: red">BOOK A TRIP</button><a href='javascript:void(0);' id='btnBook' class='rmsBookButton'>BOOK A TRIP</a><img src='PATH TO YOUR IMAGE HERE' class='rmsBookButton' />
    • This topic was modified 9 years, 1 month ago by gabectiller.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Jack

    (@jdabber)

    9 years, 1 month ago

    Why are you including the button html if you don’t want it on the page?

    If you do need it there, you could just add display: none; to the inline style you already have, like so:

    <button id='btnBook' class='rmsBookButton' style="color: red; display:none;">BOOK A TRIP</button><a href='javascript:void(0);' id='btnBook' class='rmsBookButton'>BOOK A TRIP</a><img src='PATH TO YOUR IMAGE HERE' class='rmsBookButton' />

    Thread Starter gabectiller

    (@gabectiller)

    9 years, 1 month ago

    Thanks Jack. That’s better. My main issue with the button is that it’s tiny, and I tried to make it bigger by adding css and pointing it to the id selector, but I couldn’t get it to work. I also tried adding style directly in between the html tags (I got the text to change to red, but that’s all i could figure out).

    So then I thought it would be better if the whole form was just embedded in the page. Is that possible?

    Thanks in advance.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘embedding a form’ is closed to new replies.