The HoneyBook Contact Form is a widget that can be customized and embedded on your company website (or sent out via a Direct Link, with no embedding necessary!) allowing you to gather information from potential clients — name, contact info, what they’re interested in booking you for, etc. — and funnel that info directly into your HoneyBook account. Incoming requests will automatically populate as Inquiries (Projects in the Inquiry stage) in your (and/or your teammates'!) Project Pipelines.
Since all client communications in HoneyBook need to be sent through Projects, these Contact Form submissions can save you significant time. Instead of needing to go through the process of tracking down clients, manually collecting their information, creating a Project in HoneyBook, entering the information you gathered, and THEN sending your first email or file… those first 4 steps can be taken care of before you even wake up in the morning. You’ll have a Project ready to go, with all the information you need from your potential client. All you'll need to do is reach out.
Your Contact Form builder look a little different than this? You may still be using our Legacy Contact Forms — time to convert to the new builder!
In this article, we’ll review:
The elements of Contact Forms
Your Contact Forms are made up of blocks. These blocks can be Question Blocks, used to request information from your leads via several different question types; or Content Blocks, which can include images, text, or combinations in various formats.
Question Blocks can utilize Suggested or Custom Questions.
Suggested questions are those that HoneyBook recommends gathering answers for, such as your client’s name and contact info, their project type and date, etc. Adding suggested questions ensures that answers will automatically populate into the Project Details fields of the Inquiry that gets created.
Custom questions are just that — yours to customize! You can request any information within the question formats we provide, and the answers will be tracked in the Inquiry submissions (visible within the Activity Feed of the Project that gets created, as well as in the Inquiry alert email the selected recipient will receive as soon as the form is submitted). Answers to custom questions will not automatically populate in any Project Details fields, however.
You’ll have the option of adding questions in the following formats:
Short text: short answer
Long text: longer text answer
Dropdown: a dropdown menu with your predetermined answer options
Single choice: a list of your predetermined answer options, allowing for one selection
Multiple choice: a list of your predetermined answer options, allowing for multiple selections
Date picker: a calendar pop-out, allowing a date selection
Content Blocks can utilize Text, which can be formatted with standard options such as font, size, color, alignment, etc. by highlighting the text and making edits; or, Images, which can be uploaded on the fly, or selected from your Library of previously-uploaded images.
Creating your Contact Form
1. From your HoneyBook home page, click the Tools menu.
2. Select Contact Form from the menu.
HoneyBook Tip: You’re also able to access your Contact Form by selecting Tools > Templates > Contact Forms.
3. You can work off of the default form we provide, or create your own by clicking the Form icon in the sidebar, then selecting Add Contact Form.
4. In either case, name your Contact Form by clicking the title in the top left corner.
5. Now, you can edit or remove any pre-populated questions by clicking on a question itself, selecting the text to edit, or clicking the trash can icon to delete.
PLEASE NOTE: Email Address and Full Name fields can be edited, but not deleted.
Some questions will note that they are connected to specific fields; when these are filled out by your leads, the answers will automatically populate into the Project Details fields of the Inquiry that gets created. You can determine which questions are connected to which fields by hovering over a question, then hovering over the Linked icon.
You can also add additional Question Blocks or Content Blocks — detailed more below — by hovering over an existing question and clicking the Plus (+) button that appears at the bottom of the Block.
Adding Question Blocks
1. Once you've clicked the Plus (+) button to add a Block, click the Questions tab within the Block selector.
2. Select the question type. Remember, you can choose the Custom or Suggested tab for different question types.
PLEASE NOTE: If you've selected the two fields question format, you can click the gear icon to select the individual question formats for each field.
HoneyBook Tip: To make sure that every Inquiry has a Project Type associated with it, you can either set a default Project Type in the Settings tab of your form, OR add the Project Type question to allow leads to select their Project Type of choice. Either way, remember that you can update the answer options for Project Type (and Lead Source) questions under Company Settings > Preferences!
3. Enter the text of your question, and if necessary, the answer options (as in drop-down menu questions, multiple choice questions, etc.)
HoneyBook Tip: Click the gear icon that appears when you hover over a question to toggle whether or not the question is required. Clients will not be able to submit their answers to the Contact Form if a required question is left unanswered.
4. To continue adding questions or other Blocks, hover over an existing question again and click the Plus (+) button that appears. Repeat as necessary!
HoneyBook Tip: Rearrange the order of questions by hovering over the content you’d like to move, and using the 6-dot icon that appears to drag and drop the content into a different order.
Adding Content Blocks
1. Once you've clicked the Plus (+) button to add a Block, click the Content tab within the Block selector.
2. Select the formatting for the Content Block you’d like to add — text, image, or a combination.
3. Then, you’ll be prompted to select your image and/or enter your text, based on the Block type you’ve selected.
Image content can be uploaded on the fly, or selected from your Library of previously-uploaded images.
Text content can be formatted with standard options such as font, size, color, alignment, etc. by highlighting the text in question and making your edits.
4. You can update the background color of the Block by hovering over the Block and clicking the pencil icon.
5. To continue adding Content or other Blocks, hover over the Block and click the Plus (+) button that appears at the bottom.
HoneyBook Tip: You can rearrange the order of your Blocks by hovering over a Block, and using the 6-dot icon on the left to drag and drop. You can also delete a Block by hovering over a Block and clicking the trash can icon on the right.
Customizing your form's design and formatting
To customize things like fonts, text size and color, background colors, etc., click the Design icon in your sidebar to open your formatting options section.
From the Colors section, you can customize:
Your questions' input border color
Your questions' input background color
Your send button's text color
Your send button's color
Entire Form Background color
From the Font section, you can customize:
Font style (for questions & send button)
Text size (for questions & send button)
Bold/not bold (for questions & send button)
Adjusting your form's settings
To customize things like Inquiry recipients, form redirects, and default Project Types, click the Settings icon in your sidebar to open your Settings section.
Selecting Inquiry Recipients
From the Settings tab, you can choose which team members should be notified of incoming Inquiries, as well as which team members should be automatically added to the Projects that are created.
Under Incoming Leads Recipients, click Select team members. Then, you can choose to assign:
A Project owner: this selection is required, and will be denoted with a crown icon. Selecting a Project owner will automatically notify them of new Inquiries via email, as well as assign Inquiries from this Contact Form to the owner so they can manage the Project from there. There can only be one Project owner selected per Contact Form.
Workspace participants: these team members will receive all incoming Inquiry notifications via email, and will also be automatically added as participants to the newly created Projects. You can add multiple team members as Workspace participants.
Leads recipient: these team members will receive all incoming Inquiry notifications via email, but they will not be able to access or act upon the Projects that the form submissions create. You can add multiple team members as Leads recipients.
HoneyBook Tip: Haven't added your team members yet? Here's how!
Setting Form Redirect Location
From the Settings tab, you can choose where your clients should be directed once they've submitted their Contact Form.
Under After Form Completion Redirect To, choose whether you'd like leads to see a default thank you message upon form submission, or input a custom URL to which you'd like to redirect them.
Setting a default Project Type
Selecting a default Project Type under Automate Contact Form ensures that any Inquiry submitted through this particular Contact Form will automatically have the correct Project Type assigned. This is perfect for those that use different Contact Forms for each area of their business (and therefore don't need to ask the question), or for companies that simply don't have a range of Project Types!
Setting a default here allows you to remove the Project Type question from your form — one less thing for your leads to answer! — while still tracking the appropriate Project Type and triggering any Project Type-based Workflows you've set up.
PLEASE NOTE: To avoid confusion, your form cannot have both a default Project Type set AND the Project Type question.
Embedding or distributing your Contact Form
There are a few ways to distribute your Contact Form. You can embed the form directly onto your website, ensuring that any inquiries coming in through your site funnel right into HoneyBook; you can simply copy a link to the form, which you can then distribute with no embedding necessary; or, do both!
To embed your form on a website:
1. Make sure it all looks good first! Click the Preview button so you know what you're embedding.
2. When you’re ready, click Publish.
3. Click Copy Code to copy the code snippet to your clipboard — you’ll paste this code later, when you’re embedding it into your website!
4. Now, you can embed the code right into your website. Here's how to do that for a variety of sites.
HoneyBook Tip: Don't see your website listed in that article? Get in touch with our Concierge team by clicking the Question Mark icon on any HoneyBook page or by emailing [email protected] — they'd be happy to help determine steps for your individual site!
To generate a link to your form:
1. Make sure it all looks good first! Click the Preview button so you know what you're sharing.
2. When you’re ready, click Publish.
3. Click the Menu icon to slide open your sidebar.
4. Under the Get a Direct Link header, click the Copy icon to copy the link to your clipboard, or the Open Link icon to simply pop open a new tab containing your form.
HoneyBook Tip: Copying your Direct Link makes it simple to share your form on your social channels or send right to your clients. You can do this in addition to — or instead of — embedding the code on your website. Whatever suits your business! You can find more ideas on distributing your Direct Link here.
Now, any leads coming in from your form will automatically create new Projects in the Inquiry stage of your HoneyBook Project Pipeline! You can even automate responses to incoming Inquiries — sending emails, Brochures, and more — using Workflows!
Your Contact Form look a little different than this? You may still be using our Legacy Contact Forms — time to convert to the new builder!
Want to learn more?
Still have questions? Feel free to send us a message by clicking the Question Mark icon on any HoneyBook page. Our team is always happy to help!