Home
Tool Panel

Contact Us Widget

Contact Us Widget

The Contact Us Widget provides a configurable contact form that visitors can fill out to send a message. It collects visitor information and can be configured to send notifications, add contacts to groups, and display a custom thank-you message.

Common Tasks

Adding the Widget to a Page

  1. Navigate to the page in the Contensive page editor.
  2. Click the widget tool to open the widget panel.
  3. Find the Contact Us Widget in the Design Blocks category.
  4. Drag the widget onto the page at the desired location.
  5. The widget will display a contact form ready to configure.

Configuring Form Fields

  1. Click the edit icon on the Contact Us Widget.
  2. For each field (First Name, Last Name, Email, Phone, Company, Message), set the Display Type to one of:
    • Not Collected: The field is hidden from the form.
    • Collected: The field is shown but optional.
    • Required: The field is shown and must be filled in before submitting.
  3. Enter introductory text in the Form Description field to display above the form.
  4. Set the Form Button Text for the submit button label.

Setting Up Notifications

  1. Open the advanced editor and go to the Submission tab.
  2. Set the Notification Email to select a system email template sent when a form is submitted.
  3. Set Send Notification to People to specify a person who receives notification of each submission.
  4. Set Add to Group to automatically add the submitter to a specific group.

Configuring the Thank-You Response

  1. Open the advanced editor and go to the Submission tab.
  2. Enter a Thank You Title displayed after successful submission.
  3. Enter a Thank You Description for the body text shown after submission.
  4. Optionally add a Thank You Embed Code for custom HTML or tracking scripts.
  5. Optionally set a Redirect URL to send visitors to a different page after submission.

Enabling Spam Protection

  1. Open the advanced editor and go to the Form tab.
  2. Enable Allow reCAPTCHA to add Google reCAPTCHA v3 spam protection to the form.

Styling the Widget

  • Open the advanced editor to access the Styles tab.
  • Set padding (top, right, bottom, left) to control spacing around the form.
  • Choose a Theme Style to apply a predefined look.
  • Set a Background Image on the Background tab.
  • Enable As Full Bleed for edge-to-edge rendering.
  • Set a specific Height if needed.

Removing the Widget

  • Click the edit icon on the widget and open the advanced editor.
  • Set the Active field to "No" on the Control Info tab to hide it, or delete the record to remove it permanently.

Edit Dialog Fields

Field Description
Form Description Introductory text displayed above the form (HTML)
Display Type - First Name Whether to collect first name: Not Collected, Collected, or Required
Display Type - Last Name Whether to collect last name: Not Collected, Collected, or Required
Display Type - Email Whether to collect email: Not Collected, Collected, or Required
Display Type - Phone Whether to collect phone: Not Collected, Collected, or Required
Display Type - Company Whether to collect company: Not Collected, Collected, or Required
Display Type - Message Whether to collect message: Not Collected, Collected, or Required
Form Button Text Label for the submit button (required)

Advanced Edit Fields

Field Tab Description
Name Control Info Internal name for this widget
Button Style Form CSS class for the submit button
Allow reCAPTCHA Form Enable reCAPTCHA spam protection
Group List Title Form Title for the group selection list
Contact Us Group Types Form Groups visitors can select when submitting the form
Add to Group Submission Automatically add the submitter to a specific group
Notification Email Submission System email to send when a form is submitted
Send Notification to People Submission Specific person to notify on submission
Redirect URL Submission URL to redirect to after submission
Thank You Title Submission Title displayed after successful submission
Thank You Description Submission Body text displayed after successful submission (HTML)
Thank You Embed Code Submission Custom HTML/JS to display after submission
Pad Top Styles Add top padding to the widget
Pad Right Styles Add right padding to the widget
Pad Bottom Styles Add bottom padding to the widget
Pad Left Styles Add left padding to the widget
As Full Bleed Styles Include margins for content
Height Styles Set a specific height with units
Theme Style Styles Select a layout wrapper class from Design Block Themes
Background Image Background Set a background image for the widget