Contact Form Widget

Contact Form Widget

This article will provide details on how to add/edit the Contact Form widget on a web page.



Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way through this article. 
  1. Section(s): the total area, or section, for each widget. 

  2. Container(s): blocks that organize and group content together within a section. Think of them like boxes that hold different parts of a webpage, such as text, images, or videos, keeping everything neat and orderly. For example, the Split Content/Image widget has a block designated for text and a block designated for an image/video; these separate blocks are containers, since they contain the content within the section. 

To add this widget to a page, open up the page in your Hive and click +Add Section >> select Contact Form >> then use the settings in the left-hand menu to make your edits, which we’ll cover in more detail below. 





CONTACT FORM

What’s Included/Available: basic contact form, extended contact form with message box, option to require phone number, background, tags, connect to drip campaign, and submission redirects

Common Uses: contact us page, lead captures, customer support

How to Edit/Settings
  1. Type: there are 2 types of contact forms to choose from, Slim and Extended; Slim has fields for Name, email, and phone; Extended has the same fields but also includes a text box for users to type a message.


  2. Include Phone: by default, the form will include a field for a phone number but you can remove this by selecting No from the dropdown

    Require Phone: option to choose whether a phone number is required or not on the contact form, which you can select from its dropdown

  3. Heading: the text added here will be displayed at the top of the section

  4. Text: text added here will be displayed underneath the Heading

  5. Background Image URL: will be displayed behind the content/form of the section; click the magnifying glass and select the image you’d like to use, or upload one from your device. You also have the option to select a stock image from the Unsplash Image Library. 

  6. Background Color: edit the background color by clicking into the box >> then select the desired color. If you’re familiar with color hex codes you can also paste those into the background color box.

    If you have a background image, you can use the background color setting to overlay a color on top of it; you can also use this setting to make the background more/less transparent.


  7. Text Color: to change the text color, click into the box and select the desired color; if you’re familiar with color hex codes you can also paste those into the Text Color box.

  8. Apply Tags: gives you the option to select which tag(s) will be automatically added to users when they fill out the contact form; click +Add Tag, then select the desired tags; the Quick Add Tag option gives you the ability to create a new tag if needed.

  9. Add to Drip Campaign: gives you the option to select which drip campaign users will automatically be added to when they fill out the contact form; to edit, click the magnifying glass, then select the desired drip campaign.

  10. Redirect URL: gives you the option to select which page/file you’d like to redirect users to once they have filled out the form; click the magnifying glass >> then select the desired page/file, which are broken down into the following sections: 


    1. Content: includes all custom web pages available in your Hive
    2. Built In: includes all built-in pages in your Hive, such as member account, class schedule, blog, home page, etc. 
    3. Signup: includes all memberships types that have self signup enabled
    4. Files: includes all files/images uploaded to your Hive

  11. Once you’ve finished making your edits to the Contact Form  section, click Set Content >> then Save the page to complete the process.

We hope this helps but please feel free to reach out to success@myfithive.com with any additional questions you may have. 

    • Related Articles

    • Content w/Contact Widget

      This article will provide details on how to add/edit the Content w/Contact widget on a web page in your Hive. Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way ...

    • Form Widget

      This article will provide details on how to add/edit the Form widget on a web page. Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way through this article. ...

    • Accessing Form Submissions

      This article will show you how to access Form Submissions. Before we begin, it’s important to understand the different types of forms available in your Hive, which can be broken down into 2 different types: Basic Contact Forms and Custom Forms. Basic ...

    • How to Create a Custom Form

      This article will guide you through the steps to set up a Custom Form. Before we begin, please note that a custom form must contain additional fields/info other than basic contact information. If you simply want to collect basic contact information ...

    • Map Full Widget

      This article will provide details on how to add/edit the Map Full widget on a web page. Before we begin, let’s cover a couple of key terms to help you better understand what they’re in reference to as you navigate your way through this article. ...