How to Create an Embedded or Standalone Form Using HubSpot

HubSpot CRM allows one to create embedded or standalone forms that gather or provide information to your customers.  For example, you may have a standalone survey form that a customer opts to view. This tutorial will walk you through creating and using these forms for your business endeavors.

• What are Embedded or Standalone Forms
• How to Create and Use an Embedded or Standalone Form

What are Embedded or Standalone Forms

Embedded forms are added to an existing WordPress page or post using shortcode provided to you by HubSpot.  Standalone forms also use shortcode but are added to a blank page or post so that they may be displayed as a separate web page.

How To Create and Use an Embedded or Standalone Form

A wizard walks you through four steps when creating an embedded or standalone form. The created form is based on a pre-defined template or a blank form that you can customize.

The steps below walk you through the options when creating either type of form. You must be logged into the WordPress Administrator Dashboard to follow these instructions.

1. In the main menu, click on HubSpot.
2. Click on Forms.
3. Click on the Create form button in the top right corner.
   
   
4. Select the type of form you wish to create – Embedded form or Standalone page. 
5. Click on Next in the top right corner to proceed.
6. Choose a Blank or pre-defined Template for your form. The right column shows a preview of each template.
   
   
   
   
   
   
   
7. Click on Start in the top right corner. 
8. Step one of the process is titled as Form. Click on existing properties or create new ones to add to your form.
   
   
9. Click on Options for the next step. Choose from nine options that affect how the form opens or the actions taken after the form is submitted.
   
   
   
   
10. Next, click on Style & Preview. You can change color, font, and appearance options for the form.
    
    
11. Click on Automation.  You can create automated sequences triggered by the completion of the form. Creating new workflows requires an upgraded account.
12. When completing the form, click on Submit in the top right corner.
13. You will then see a Review and publish column appear on the right side of the screen.  Review the form.
14. When the processing is complete, the embed code will be displayed.  Click the Copy button and paste the code into your WordPress post or page to use it as an embedded or standalone form.
    
    
    
15. If satisfied with the form, click on Publish at the bottom of the column.  Cancel returns you to the form editor.