How to Create an Embedded or Standalone Form Using HubSpot

How to Create an Embedded or Standalone Form Using HubSpot - header image

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

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.

Embedded or Standalone form - 4 steps when creating a form

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.

    Select a 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.

    Add a field to the 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.

    Options for the embedded or standalone form

  10. Next, click on Style & Preview. You can change color, font, and appearance options for the form.

    Style and preview for an embedded or standalone form
  11. Click on Automation.  You can create automated sequences triggered by the completion of the form. Creating new workflows requires an upgraded account.Automation for embedded or standalone form
  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.


    Form is ready for embedded or standalone forms
  15. If satisfied with the form, click on Publish at the bottom of the column.  Cancel returns you to the form editor.

Embedded and standalone forms created through HubSpot CRM are used to gather or provide customer data. For example, you can create a subscription form that allows customers to provide their contact info for online or mail-in subscriptions.  You can also create reports for a customer to give them information based on their interactions with your business.  These forms are valuable tools that help increase and improve your customer interactions.

AC
Arnel Custodio Content Writer I

As a writer for InMotion Hosting, Arnel has always aimed to share helpful information and provide knowledge that will help solve problems and aid in achieving goals. He's also been active with WordPress local community groups and events since 2004.

More Articles by Arnel

Was this article helpful? Join the conversation!