help center

On this page

Static support for Contact Form 7

Last Update: March 18, 2024

Elementor Static Hosting has support for Contact Form 7 (CF7) built in. Below are the CF7 features supported by Elementor Static Hosting websites.

In this article, we will cover:

Supported features

Note: Contact Form 7 add-ons, extension plugins, or integrations with platforms like Mailchimp and Salesforce that require interaction with the WordPress database are not supported yet. However, you may use our Zapier integration, to connect to another platform find out more.


Track which page a user was on when they filled out the form

If you have a contact form in the footer of every page of your website, you might want to know which page someone was on when they filled it out so you could send them a tailored response.

To do this with CF7:

1. Install and activate this plugin: https://wordpress.org/plugins/contact-form-7-dynamic-text-extension/

2. Add [dynamichidden page-url “CF7_URL”] to your form.

image 8 Static support for Contact Form 7 1

3. Click Save.

4. In the Mail tab, add [page-url] to your submission email, and click Save.

5. Test your form in WordPress.

6. Publish your site to Live or Preview using a Full publish.


View form submissions in your WordPress Dashboard

1. In WordPress, navigate to Contact > Form Submissions.
2. From the drop down menu, select the one of your forms.

image 93 Static support for Contact Form 7 3

Redirect to another URL after submission

By default, Contact Form 7 redirects to the same URL as the form’s URL after submission. You can, however, make it redirect to another URL, such as a “thank you” page, after submission.

The simplest way is utilizing Contact Form 7’s custom DOM event to run JavaScript. The following is an example of script that redirects you to another URL when the wpcf7mailsent event occurs:

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
location = 'http://example.com/';
}, false );
</script>
  1. Embed this snippet into your theme’s template file.
  2. Replace the http://example.com/ in the code to the URL you want to redirect to.
  3. After the code has been added, run a Full Publish to your live environment.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Wait! You get 30-Day Money-back Guarantee

You have nothing to lose – but the discount

days
hours
minutes
seconds