Launch lightbox form via shortcode button

  • Profile Image
    rokore
    Asked on August 23, 2012 at 08:08 PM

    Greetings, I hope somebody can help me. My website makes use of shortcodes for buttons etc. I would like to luanch a lightbox form when a user clicks on a shortcode button. The code in question looks like this: 

    [custom_button text="Custom Button" title="Custom Button" url="http://www.your-link-goes-here.com/" size="medium" bg_color="#FF5C00" text_color="#FFFFFF" align="left"]

    I have done a lot of searching, but I cannot seem to find a solution.

     

  • Profile Image
    jeanettebmz
    Answered on August 23, 2012 at 08:28 PM

    We actually offer among our embed options for our forms, the lightbox code. Please check this thread were I've provided a guide for feedback button, which is most likely the same thing

  • Profile Image
    rokore
    Answered on August 23, 2012 at 09:11 PM

    Thank you for your response, but that does not help me. At present the button code I have posted above will take the user to a link. What i need it to do is open up a lightbox instead while still keeping the same look.

  • Profile Image
    jonathan
    Answered on August 23, 2012 at 10:19 PM

    @rokore

    Hi, perhaps you can provide us more info like the URL of your website where the form was used. This way we can further check what it is you need done.

    The offered suggestion by my colleague Jeanettebmz was actually a lightbox already, so I am not sure if you got correctly what was suggested.

    Please update us.

    Thanks.

  • Profile Image
    smartchic
    Answered on November 15, 2012 at 09:29 PM

    I am needing the same help... please visit my page here: http://smartchicology.com/button/

    As you see, I already have a "button" on the page created from a "shortcode". Here is the sample of the short code: 

    < a class="button-purple" target="_blank" href="#">Sign Up!!< /a >

    I MUST have this shortcode in the HTML of my page for it to show correctly.  So, I want the light box to open when "Sign Up!!!" is clicked.  How do I integrate the two (button and lightbox). I have tried this:

    http://www.jotform.com/answers/104378-Combining-lightbox-button-functionality

    .... and it doesn't work.

    I need to know how to get the lightbox link to put in place of the # sign within the button shortcode.

    Thanks!

  • Profile Image
    jonathan
    Answered on November 15, 2012 at 10:51 PM

    Hi,

    Unfortunatelly, your website is secured and I could not see the code of the button and lightbox setup.

    But base on this thread , if check the very last message by Liyam, -- that should be the way to setup the lightbox and the button combined within the class.

    Please inform us if you have further inquiry.

    Thanks.

  • Profile Image
    NeilVicente
    Answered on November 16, 2012 at 12:53 AM

    @smartchic

    If you want to achieve the same button/link style for your lightbox form, you will simply need to add the class "button-purple" and remove the existing inline style declaration from the lightbox embed codes.

    Kindly try using the following modified embed codes for your form:

    http://pastie.org/5386130

  • Profile Image
    smartchic
    Answered on November 16, 2012 at 07:11 PM
    ♥  IT WORKED PERFECT!!! 
  • Profile Image
    mjschindlernd
    Answered on May 23, 2013 at 11:06 AM

    Can you help me with this too? I am having the same problem as rokore, but it looks like my shortcode is formatted differently from smartchic's.

    How do you integrate the lightbox code with a shortcode that looks like this (from a Woo theme)?

    [button link="#" size="large" color="silver"]Contact Us[/button]

  • Profile Image
    NeilVicente
    Answered on May 23, 2013 at 11:17 AM

    @mjschindlernd

    I am not sure our codes will work with shortcode buttons, but would you mind giving us the URL of the page where you plan to have the lightboxed form embedded as a button?

  • Profile Image
    mjschindlernd
    Answered on May 23, 2013 at 11:29 AM

    I was afraid of that. :) I can't give you the URL, but I'll try to figure something else out.  Thanks!