WordPress.org

Ready to get started?Download WordPress

Forums

Form Lightbox
Activate from Worpress menu iem (3 posts)

  1. itchybrain
    Member
    Posted 1 year ago #

    Gday Form Lightbox

    Can the form be triggered by a wordpress menu item? For example, my menu has a contact link. Is there a class I can add to the link to activate the lightbox?

    cheers

    Darryl

    http://wordpress.org/extend/plugins/form-lightbox/

  2. harrydevries
    Member
    Posted 5 months ago #

    Yes this is possible: to make a contact link in the menu that points to the form lightbox you do the following:

    Step 1. head over to Appearance >> Menus and create a menu item with a custom link.

    To create a menu item with custom link expand ther "links" box on teh right hand side (open it) you see a box where you can create a Cusutom url and link text.
    In the link box you tick a # and in the link text you type in for example "Contact"

    You have now made a custom link with # as url, and now you can add the link to the menu.

    Step 2. Above you open the screen and you see various options. Tick the option Link relation (XFN) and the option CSS classes. now in the menu head over to the newly created item (Contact) and add nofollow to the link relation. To the Css class of the menu item you add a class with a number for example "fl_box-13"

    Step 3. Add the shortcode to the footer. Now you must go to your footer template and add the shortcode for the lighbox with your form. Presuming you already made a form in gravity with number 3 the shortcode in the footer will be:

    ´ <?php echo do_shortcode( '[formlightbox_call title="Neem contact op" class="13"][/formlightbox_call] [formlightbox_obj id="13" style="" onload="false"][gravityform id="3" name="snel contact" title="false" description="false"][/formlightbox_obj]' ) ?> ´

    The object id must be 13, because it must be the same as the number in the css class.

    Step 4. hide the form in the footer.
    Now you don't want the form to be visible in the footer, that would not be good so you must hide it.
    For this you just put the shorcode in a div with style="visibility-hidden"

  3. schalkjoubert
    Member
    Posted 3 months ago #

    Hi, this is awesome tutorial / guide.
    ( http://wordpress.org/support/topic/activate-from-worpress-menu-iem?replies=2 )

    I use Form lightbox with SS Downloads in order to collect an email address in return for a file download and display it via the top navigation in an modul / overlay / popup.

    The Form lightbox works well when embedding the shortcode for the SS Downloads plugin. see scereenshot (1) Howecer, Once you click on Submit, another Form lightbox needs to open like nuber (2)

    Link: http://www.outoforder.co.za/05-gk/design/
    (1) https://www.evernote.com/shard/s289/sh/4c608a26-7a4f-453a-a5dc-e8261bf5dad3/c8ed9cfd69e7587d2e2d6a8b245b3bfa

    (2)
    https://www.evernote.com/shard/s289/sh/23682906-dcea-4288-b57e-7c9ee7603fe6/04d11a5004163c379824281dd13d7cd8

    You can also see the SS Downlaods form embedded in the link below, but, when you us it once, the download page will seem to work for the Form Lightbox version too.
    http://www.outoforder.co.za/05-gk/company-profile/

    Plugins Used:
    1.) http://wordpress.org/extend/plugins/form-lightbox/
    2.) https://wordpress.org/plugins/ss-downloads/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.