Docs

[Michael M]

…Then I would like to have the E&P Form accept a credit card payment at the end of it’s conditional path. I have Woocommerce with an active merchant services account. I am not sure how to call up the form, and not sure how to link the form to my merchant services in Woocommerce. Is this possible, and if so, is this something you can help me with? Thanks!

[Rupok]

Hi there,

Thanks for writing in! Let’s follow this thread – https://community.theme.co/forums/topic/button-launch-lightbox-form/#post-8564

Cheers!

[Michael M]

Thanks for the info. I read through that thread and I am more confused than when I typed the question…lol. I have a working knowledge of the theme, but need clarity if you wouldn’t mind.

To simplify, I have set up the scenario below:

I just want a button that calls up this form in a lightbox.
Estimate & Payment Forms Shortcode: [estimation_form form_id=”1″]

What do I need to do…and where do I do it? If you would be so kind?

Thanks!

[Jade]

Hi Michael,

Editing the flow in Woocommerce merchant is possible but would get into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer.

But to get you started, you could launch the E&P in a lightbox by placing it in a div element and referecing it through the div’s ID then you can place the E&P form shortcode inside that div and launch it through any element like a button that has a matching ID with the div container and add the lightbox shortcode so that it will be opened in a lightbox as you click on the link that should launch the form.

The code should be something like this:

<!-- The E&P form -->
<div id="my-content" style="display: none;">
    [estimation_form form_id="1"]
</div>

then

<!-- The element that launches the form notice the ID and class values -->
<a href="#my-content" class="lightbox-selector" data-type="inline">Click Me</a>

and the lightbox shortcode:

<!-- The class name of the element that launches the form matches with the selector attribute value -->
[lightbox selector=".lightbox-selector"]

Hope this makes sense.

[Michael M]

This reply has been marked as private.

[Rad]

Hi there,

That’s correct, though may I know the site’s URL you’re testing this on?

Thanks!

[Author]

Posts