Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #340998

    ChrisCouve
    Participant

    Hi X Team,

    I’ve searched all resources and cannot find a solution, please assist.

    Ref page: http://d5c.b12.myftpupload.com/dcs-mops/

    I would like to use the ‘Marketing Button short code’ to open up the Contact Form 7 on ‘Contact Us’ page and ideally force complete the subject line with which ever product the enquiry may be of. Is this possible and what is work around?

    Alternatively, could the HREF block used to open email application with various fields in form completed instead of simply linking through to a web page?

    Thanks,

    Chris

    #341005

    Rupok
    Member

    Hello Chris,

    Thanks for writing in!

    You can follow this thread – https://community.theme.co//forums/topic/contact-form-7-in-lightbox/

    Hope this helps.

    Cheers!

    #341079

    ChrisCouve
    Participant

    Ok great – so I got the lightbox opening up with my CF7, is it then possible to use the x-short code buttons that would be the call-to-action with the lightbox?

    I see you put the link to the button short codes but I would like to know how to merge the two together?

    Here is my button short code already being used:

    [button shape=”square” size=”regular” float=”none” block=”true” href=”http://d5c.b12.myftpupload.com/contact-us/” info=”none” info_place=”top” info_trigger=”hover”]Enquire about this product[/button]

    and this lightbox shortcode opens my CF7:

    [formlightbox title=”Send me a message” text=”Contact me”]
    [contact-form-7 id=”401″ title=”Contact form 1″]
    [/formlightbox]

    I tried pasting one into the other but that doesn’t work.

    Thanks,

    CC

    #341261

    Rue Nel
    Moderator

    Hello There,

    Please follow this suggestion here: https://community.theme.co//forums/topic/contact-form-7-in-lightbox/#post-104725

    Add the Form Lightbox plugin then use this code:

    <div class="x-btn mbm x-btn-jumbo">
    [formlightbox_call title="Example Form Title" class="2"]Exapmple Button Text[/formlightbox_call]
    </div>
    [formlightbox_obj id="2" style="padding: 50px;"][contact-form-7 id="6689" title="Example"][/formlightbox_obj]

    Change out the styling of the button to something else if you need to and add in the correct details for your form.

    As this is all custom development, regretfully we won’t be able to assist further. Custom development is outside the scope of our support. We’re happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation.

    Thank you for your understanding.