[Kamil AParticipant]

Is there anyway to include the contact form 7 in the lightbox? I would like for customers to be able to click, request a quote and a lightbox with contact form 7 to display. Is this possible in X?

Please let me know

Sincerely,

Kamil Acero

[MrinalMember]

Hi Kamil,

This is possible with help of a plugin: http://wordpress.org/extend/plugins/form-lightbox/

After adding this plugin, use the following shortcode (example):

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

You can use button shortcodes into: http://theme.co/x/demo/integrity/1/shortcodes/buttons/ formlightbox if you want to design it also.

Hope this helps, Cheers!

[Kamil AParticipant]

is there a specific code to create the bottom with the contact form in lightbox?

[Kamil AParticipant]

Also would would this work on the prompt shortcode? what would be the inclusion?

[ChristianModerator]

Hey Kamil,

We’re sorry for the confusion here. Though you could use iLightbox for the contact form, that is not a feature that we support (see http://theme.co/x/member/kb/shortcode-walkthrough-lightbox/). With that said, you’ll need to figure it out or learn the plugin on your own or hire a WordPress developer do it for you.

We’ll however take note of this feature and might implement this in future release.

Thank you for understanding.

[Robert BParticipant]

Has anyone figured this out yet? Contact form in a lightbox?

[RadModerator]

Hi Robert,

It will not work that way. Better approach is creating another contact page with Blank – No Container | No Header, No Footer template. Then use your new contact page URL as your button’s href.

Cheers!

[Robert BParticipant]

It’s OK I figured it out using a different plugin. Here it is if anybody wants to use it.
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.

[RadModerator]

Great to hear that Robert. Thanks for letting us know 🙂

[cinedeckParticipant]

Hi support…

Going back to the suggestion of creating a new page using the “No Container – No Header – No Footer template”… Is there a way to have that page open over the current page and position it in the center of the screen?

Thanks…

[ChristopherModerator]

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[cinedeckParticipant]

Thanks Christopher for responding to this query in the thread: Integrity – Add custom inline code to nav menu item
https://community.theme.co//forums/topic/integrity-add-custom-inline-code-to-nav-menu-item/

Using a Blank-Container|No Header-No Footer page in a child theme with the associated script looks to be a good solution.

[ChristopherModerator]

Glad it worked for you.

[Author]

Posts