NestHub

Forms

Adding Recaptcha

Add the google Recaptcha script to either the resources or the bottom of the templates:

				
					<script defer src="https://www.google.com/recaptcha/api.js?onload=onIonRecaptchaLoad&render=explicit"></script>
				
			

Add the recaptcha tag to the form snippet. ( ie: recaptcha="1" )

				
					{% form name="contact" recaptcha="1" %}
				
			

Reload the page and the recaptcha should appear above the submit button. The form will not submit without the recaptcha completed.

Webform API Request

In Nesthub, go to the client's form. Scroll down to Form Actions and add Webhook Request (API)

Request Type: Post

Endpoint: URL provided by client to send the form data to (or Webhook URL provided by Zapier's Webhooks function)

Content Type: JSON

Body:

			
			
			{{ data | json }}
			
			
			

Example of how the JSON data looks on submit:

			
			{
			    "first-name": "John",
			    "last-name": "Doe",
			    "email": "john@email.com",
			    "phone": "555-555-5555",
			    "property-address": "123 Main Street",
			    "city": "Estero",
			    "state": "Florida",
			    "zip": "33928"
			}
		
		

Active Campaign Setup

Obtain the API Key and API URL from their active campaign account. That information is located in Settings -> Developer

In Nesthub, add a new Active Campaign Plugin. Put the API URL in the URL field and the API Key in the API Key Field, Click Save

Autoresponse Simple Email Template

Example:

Hello {{data.name}}, Thank you for contacting {Company Name Goes Here}. We have received your message and our team will follow up with you shortly.

{Company Name Goes Here}

Code

		
			
			<table style="width: 100%; border:solid 1px black; padding:0px; border-spacing: 0px;">
				<tbody>
					<tr>
						<td style="padding:20px;"><center><img src="https://www.propertymanagerwebsites.com/images/logo.png" style="width: 300px;" class="fr-fic fr-dib fr-fil" alt="Company Logo Replace"></center>
						</td>
					<tr>
						<td style="padding:20px;">Hello {{data.name}},
							<br>
							<br>Thank you for contacting {Company Name Goes Here}. We have received your message and our team will follow up with you shortly.<br/><br/>
					</td>
					</tr>
					<tr>
						<td style="width: 100.0000%; background-color:#0793b4; padding:5px 10px; text-align:center;"><span style="color: rgb(255, 255, 255);">{Company Name Goes Here}</span></td>
					</tr>
				</tbody>
			</table>