Company logoHelp Center
Visit app.obv.io

Setting Up Obvio Widgets with GoHighLevel (GHL)

6 min. readlast update: 07.03.2026

Overview

After connecting your GoHighLevel (GHL) account to Obvio, you can embed Obvio widgets inside your GHL funnels or websites.

For the widget to recognize a visitor, Obvio needs to receive the visitor's information (email, first name, and last name). The recommended method is to pass these values through URL parameters after a GoHighLevel form submission.

If these parameters are not present, the widget will remain hidden because it cannot identify the visitor.

Prerequisites

Before starting, make sure:

  • The GoHighLevel integration is active/connected within your Obvio account.
  • An active event has been created in your Obvio dashboard.
  • The Obvio custom HTML widget element has been added to your target GHL page.

 

I. Configure Widget Sources in Obvio

Navigate to: Obvio Event → Production → Widgets

Under Sources, configure the following:

Note: Parameter keys are strictly case-sensitive. You must use email, first_name, and last_name. Using capitalized alternatives like Email or First_Name will break data parsing, and the widget will fail to load.

 

II. Select Your Functional Widget Style (Code Generator)

Obvio provides three distinct behaviors for rendering the frontend widget block. Enable only ONE of the following options based on your conversion workflow:

  • Redirect to Dashboard (Automated Processing): When an authenticated contact lands on your GHL page, Obvio automatically captures their profile details and routes them into their personal event dashboard without requiring manual user interaction. Set the Redirect Delay field to 0 seconds for a frictionless transition.

  • Clickable Button / Text Link: Instead of triggering an immediate redirection, a styled button or inline text link renders dynamically inside your GHL layout. Attendees can read your landing page copy or instructions before clicking to open their event dashboard.

  • Add to Calendar Element: Generates a custom "Add to Calendar" component on your GHL framework. Upon interaction, users can directly anchor the event date and access links to their primary scheduling platforms (Google Calendar, Apple Calendar, or Outlook).

 

III.  Secure Your Widget and Configure Automated Tagging

To protect your event data integrity and organize incoming leads, scroll down to the Configuration module as shown in and complete these settings:

🔒 Security Setup: Allowed Origins

By default, widgets are open, meaning anyone could theoretically copy your raw widget code and embed it on an unauthorized site to generate fake signups.

  • Action: In the Allowed Origins text field, paste your primary GHL website or funnel domain (e.g., [https://funnel.yourdomain.com] (https://funnel.yourdomain.com)).

  • Rule: Enter one domain per line. Leaving this blank leaves the widget unsecured and vulnerable to unauthorized access.

🏷️ Contact Segmentation: Add Tags & Groups

You can instantly categorize attendees created via the widget for marketing segmentation.

  • Add Tags to created users via Widgets: Input any specific tracking tags you want assigned to the attendee profile upon registration.

  • Add Groups to created users via Widgets: Click Add Group to link these signups to a specific event group structure.

  • Default System Behavior: Note that Obvio natively applies a tracking property of "CreatedByWidget": "true" to all contact records processed through this funnel element for backend logging.

Once you have finalized all parameters, click Save Changes in the top right corner of the Obvio panel.

 

IV. Add the Widget Code to Your GoHighLevel Page

To display the Obvio widget, you need to add two pieces of code inside GoHighLevel: the HTML layout box and the Tracking script.

Part A: Add the HTML Placeholder to the Page Layout

  1. Open your page inside the GoHighLevel Page Builder.

  2. Click Add Element and choose the Custom HTML/Javascript block. Drag it onto your page where you want the widget to appear.

  3. Click on the element, go to the right sidebar, and click Open Code Editor.

  4. Paste your short Obvio <div> code block inside the editor box and click Save:


 

Part B: Add the Script to the Tracking Settings

  1. Look at the top-left menu bar of your GHL page builder and click on the Tracking Code icon (the small </> symbol).

  2. A popup window will appear. Click on the Footer Tracking tab.

  3. Paste your full Obvio <script> code block into the box and click Save:


Make sure to click Save and Publish at the top right of your main GHL page builder when finished!

 

V. Configure Your GoHighLevel Form Redirect Rule

Next, we need to set up your GHL form to send the visitor's info to your next page when they click submit.

  1. Open your page builder inside GoHighLevel and click directly on your Form to open its settings sidebar on the right side.

  2. In the sidebar, click the General tab and scroll down to the Button Actions section.

  3. Find the Redirect action box and change it to Go to website Url.

 

VI: Add Your Custom Link Snippet

  1. In the GHL sidebar's Website box, erase any text inside and paste the real, live website link to your own GoHighLevel page where your Obvio button lives.

  2. Copy the text snippet below and paste it exactly onto the very end of your website link with no spaces: ?email={{contact.email}}&first_name={{contact.first_name}}&last_name={{contact.last_name}}

    When you are done, the full text inside your GHL Website box should look exactly like this: https://www.yourdomain.com/DeVZNe2veqKLN4K8tFqg?email={{contact.email}}&first_name={{contact.first_name}}&last_name={{contact.last_name}}

  3.  Click Save and then Publish at the top right of your GHL page builder.

 

VII. Testing the Setup

Testing with Your Live Form (Real Test)

  1. Go to your live GHL signup/opt-in page.

  2. Fill out the form with a test name and email (like John Doe, test@example.com) and click submit.

  3. Look up at your website address bar on the next page. It should display your test details at the end of the link like this:

    .../DeVZNe2veqKLN4K8tFqg?email=test@example.com&first_name=John&last_name=Doe

  4. Expected Result: Once they click on submit, they will be redirected or click a button based on the Code generator that you have selected, and they will be redirected to the Obvio dashboard. From there, they will create a password to be signed up or automatically be added depending if the password check-in is disabled or enabled in your Obvio event.

 

✅ Final Checklist

Before asking support for help, double-check that:

  • GoHighLevel is connected to your Obvio account.
  • Your widget layout code (<div>) is pasted into a Custom JS/HTML block on your GHL page.
  • Your widget script code (<script>) is pasted inside the Footer Tracking box.
  • Obvio URL Parameter keys are set to email, first_name, and last_name in all lowercase.
  • Your live website domain is typed into Allowed Origins. (Optional) 
  • Your GHL Form element has its Redirect action set to Go to website Url.
  • Your GHL redirect Website box has your own actual page link with the custom snippet attached at the very end.

 

 

Was this article helpful?