How to create a Contact me form
Put a "Contact me" form on your company's web pages to provide an easy channel of communication for existing or potential customers. Use this form to generate support requests or generate leads for your sales team.
What we will be doing
In this tutorial we will create a short form for customers who want to get in touch with a support representative. The form submission will trigger a new request for your support department.
The example does not cover every field and option, but you can find comprehensive instructions in Create a new form.
Start here
Open SuperOffice Marketing and go to the Forms tab.
Click the Form button below Create new on the right side of the screen.
In the Edit form dialog, enter "Contact me (support)" in the Form name field.
Select Properties, enter a description, and set other form properties as relevant. Do NOT activate any options under Deactivate form automatically.
Click Apply now to save the form and continue editing.
Fields
Select Fields from the left menu.
Select the Contact - Name field, and click the red X to remove this field.
Click
and add the following fields:First and last name.
View elements > Text block: Enter the text in "How can we contact you?" in bold.
Contact - Mobile: Enter an example of a correctly formatted phone number for your country (include the country code) in the Placeholder field (example: +47 999 88 777).
Contact - Email
Form elements > Text area: Change the name of the field to "Comment (optional)" and write "How can we help you today?" in the Placeholder field.
Tip
Click Show/hide toolbar
to display formatting options for the text.Click Open text editor in dialog
to edit the text in a larger editor.Select the OK field, change the name to "Submit", and edit the font/background color and position.
Edit the names of the other fields as necessary. Tip: Remove "Contact -".
Click
at the top of a field and drag it to the desired position in the form. The fields should have a logical order.Click Apply now to save the form and continue editing.
Style
Select Style from the left menu to define the look and feel of the form. Edit the layout, colors, size, and fonts of the form. Consider involving your web design colleagues.
Click Apply now to save the form and continue editing.
Landing pages
Select Thank you page.
Select Show this message and enter "Thank you for contacting us. We will be in touch shortly." This will be shown after the customer submits the form.
Select Page for inactive form.
Select Redirect to external website and enter a URL. If a customer accesses the form after it is marked as inactive, they will be sent to this page.
Click Apply now to save the form and continue editing.
Form actions
Select Actions from the left menu to choose what happens after submission.
Select Create request and do the following:
- Enter a descriptive title for the requests that will be generated from this form.
- Select the relevant request category, for example "Support" or a sub-category called "Form submissions".
- Set the request priority to Medium.
Select Manually if submitter is unknown. Automatically if submitter is known: If the email address submitted in the form matches an email address in SuperOffice, the form submission is processed automatically. Otherwise, it must be processed manually.
Email response: Select or create a form response to send to contacts when their form is processed. For example, to inform the customer of your company's privacy policy. The email can also include a link to manage subscriptions.
Save and launch
Click Save. The form is saved and the Edit form dialog closes.
In the header, set the form to Active
.Go to the Publish tab.
Copy the direct link and/or JavaScript into a newsletter, website or customer centre to publish it to your customers or prospects.
Open the link to the form, fill in the form and check that everything works as expected.
Tip
You might also be interested in our newsletter sign-up tutorial. Let your customers sign up for one or more of your newsletters.