500 Designs UTMs
UTM'S as Cookies
by 500 Designs · github.com/dev500designs/elementor-forms-hubspot · website
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/dev500designs/elementor-forms-hubspot/archive/refs/heads/main.zipReadme
Elementor Forms HubSpot Integration
1. Installation
Install the following plugins:
2. Elementor Form Configuration
On the Elementor Form Widget, the "Name" of the Form should be set as Subscriptions.
The Form ID should be unique. This allows the client to filter the Form Submissions on HubSpot.
When creating the Elementor Fields, be sure that you add a UniqueID to each field.
Also, you need to add the fields (mandatory)
utm_sourceutm_mediumutm_campaignutm_termutm_content
Note: All UTM fields must be set as text type.
3. HubSpot Configuration
Connect to the HubSpot client account.
Within the HubSpot account, follow these steps:
- Go to Settings > Data Management > Create a New Group of Fields.
- Add a name for the group (e.g., UTMs).
- Create a new "Property" for that group.
- Set the "Field Type" to "Single-line text" for all fields, then click on "next".
- Enable the "Show in forms, pop-up forms, and bots" option.
Repeat these steps as many times as necessary to create all the required groups for the client.
4. Automator
- Create a new recipe.
- Add the Title
- Select "Guest" Users.
- As trigger select: Elementor
- Then select the Form Suscription.
- Create An Action.
- Select Hubspot
- Then Create/Update a contact in HubSpot
- Map the fields.
- Save the Recipe
- Activate the recipe.
- Try the form.