Follow

Integrate Contact Form 7 with Lasso

Integrate Contact Form 7 with Lasso

Note: You will need the following before you begin:

  • Domain Account ID
  • Lasso UID
  • Client ID
  • Project ID
  • Question and Answer IDs if applicable
  • Lasso Plugin (this must be provided to you by your Lasso Client Director)
  • Contact Form 7 Plugin

1 – On your WordPress site, install the Contact Form 7 and Lasso plugins.

For reference, please see:

2 – On the WordPress home page, click Appearance and select Customize.

contact71.gif

3 – Click Lasso Settings.

contact72.gif

4 – In the Lasso Analytics ID field, enter the Domain Account ID.

contact73.gif

5 – Exit Appearance.

6 – On the WordPress home page, click Contact and select Contact Forms.

contact74.gif

7 – Click on the name of the form you wish to integrate with Lasso.

contact75.gif

8 – On the Form tab, manually map your Lasso fields to the Contact Form 7 fields.

contact76.gif

Mapping Examples

mapping.gif

Full Form Example (the IDs from Lasso are used in the form code as highlighted):

mapping2.gif

9 – Click on the Additional Settings tab.

10 – Enter the following code in the Additional Settings dialogue box and update the highlighted text with the corresponding values from your Lasso account.

Lasso:{"ClientID":"XXX","ProjectID":"XXXX","LassoUID":"XYZXYZ","registrationPageIdentifier":"online","ThankYouEmailTemplateId":"XXXXXX"}

demo_mode: on

Notes:  

  • The  ThankYouEmailTemplateId snippet is the automatic reply email sent from the project.

11 – To redirect to another URL after submission, enter the following code (replacing http://example.com with the appropriate URL) before the </body> tag at the end of the code.

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
location = 'http://example.com/';
}, false );
</script>

 

Example:

<?php wp_footer(); ?>
<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
location = 'http://skyview.com/wp/thank-you/';
}, false );
</script>
</body>
</html>

Troubleshooting:

Contact Form 7 is designed to send form information by email. Depending on your website hosting provider, you may experience an issue with this functionality, i.e. form spinning rather than submitting. To resolve this issue, please ensure that you have added the demo_mode: on snippet

If you prefer not to disable the email function so that form information is still sent via email, please see Contact Form 7 email troubleshooting tips:

contact7.gif