Linking Contact Form 7 to Classic Button in Cornerstone

Hi Guys

I am needing to link a contact form to a “Classic Button” in Cornerstone; how do I add the shortcode?
To clarify, when users click on the link, the contact form should pop up.

Thanks as always

Hi there,

You can achieve this by doing the following steps:

  • Create a page that will contain the Contact Form 7 shortcode.
  • Set the page template to Blank - Container | No Header, No Footer then save the page.
  • Go to Cornerstone and add this code to a Raw Content element:
[button class="btn-lightbox" href="http:/example.com/the-form/"]Launch Form[/button]
[lightbox selector=".btn-lightbox"] 
  • Change the href value in the shortcode above to the URL of the page that you created for the form.

Here are some reference links related to the suggestions above:

Hope this helps.

Thank you for your reply. I don’t have a page that I created for the form?? I can only find a shortcode…

Hey Suzy,

Sorry for the confusion. This is currently not possible if you use our lightbox shortcode because it does not support forms.

What you can do instead to achieve this is use the Content Area Modal element and insert the Contact Form 7 shortcode in the Modal Content box.

Here’s a setup demo. Pause and play the video to follow along with the setup.

Hope that helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.