GoHighLevel Integration Guide

Welcome to the LuxJourney Collective GHL Integration Documentation!

This guide will walk you through integrating your GoHighLevel forms, calendars, and booking widgets into your LuxJourney website.

Important: You need an active GoHighLevel account to complete this integration. If you don't have one yet, sign up at gohighlevel.com

Form #1: Plan My Lux Journey

Purpose:

Capture luxury traveler leads who want to book curated travel experiences

Where It's Used:

  • Hero section primary CTA button
  • "For Luxury Travelers" section
  • Final CTA section

Required Form Fields:

  • Full Name (required)
  • Email Address (required)
  • Phone Number (required)
  • Travel Interest (dropdown: Weddings, Cruises, Yacht Charters, Wellness, Villas, Disney, Legacy Journeys, Philanthropy, Festivals)
  • Preferred Travel Dates (optional)
  • Message / Special Requests (text area, optional)

How to Get Your Embed Code:

  1. Log in to your GoHighLevel account
  2. Navigate to: Sites → Forms
  3. Click "Create Form" or select an existing form
  4. Add the fields listed above
  5. Click "Settings" → "Embed Code"
  6. Copy the iframe embed code
<!-- PASTE YOUR GHL EMBED CODE HERE -->
<!-- Example: -->
<iframe src="https://yoursubdomain.myleadconnectorhq.com/v2/preview/FORM_ID"
  width="100%"
  height="700"
  frameborder="0">
</iframe>

Implementation Location in index.html:

Search for: <!-- GHL FORM: Plan My Lux Journey -->

Replace the placeholder with your embed code.

Form #2: Become a Lux Visionary

Purpose:

Lead generation for travel advisors interested in mentorship, training, and community (COMING SOON)

Where It's Used:

  • Hero section secondary CTA button
  • "For Travel Advisors" section
  • "The Lux Visionary Path" section
  • Final CTA section

Required Form Fields:

  • Full Name (required)
  • Email Address (required)
  • Phone Number (required)
  • Current Agency / Business Name (optional)
  • Experience Level (dropdown: New Agent, 1-3 years, 3-5 years, 5+ years)
  • Area of Interest (checkboxes: Niche Training, Mentorship, Community, Business Tools, Vendor Access)
  • Why do you want to join? (text area, optional)

How to Get Your Embed Code:

  1. Log in to your GoHighLevel account
  2. Navigate to: Sites → Forms
  3. Click "Create Form"
  4. Add the fields listed above
  5. Click "Settings" → "Embed Code"
  6. Copy the iframe embed code
<!-- PASTE YOUR GHL EMBED CODE HERE -->
<!-- Example: -->
<iframe src="https://yoursubdomain.myleadconnectorhq.com/v2/preview/ADVISOR_FORM_ID"
  width="100%"
  height="900"
  frameborder="0">
</iframe>

Implementation Location in index.html:

Search for: <!-- GHL FORM: Become a Lux Visionary -->

Replace the placeholder with your embed code.

Form #3: Join The Lux Collective (Newsletter)

Purpose:

Newsletter signup for exclusive updates, launches, and luxury travel content

Where It's Used:

  • Section 7: "Join The Lux Collective" (above final CTA)

Required Form Fields:

  • Name (required)
  • Email Address (required)
  • Phone Number (required)

How to Get Your Embed Code:

  1. Log in to your GoHighLevel account
  2. Navigate to: Sites → Forms
  3. Click "Create Form"
  4. Add: Name, Email, Phone fields
  5. Set up email automation workflow (optional but recommended)
  6. Click "Settings" → "Embed Code"
  7. Copy the iframe embed code
<!-- PASTE YOUR GHL EMBED CODE HERE -->
<!-- Example: -->
<iframe src="https://yoursubdomain.myleadconnectorhq.com/v2/preview/NEWSLETTER_FORM_ID"
  width="100%"
  height="500"
  frameborder="0">
</iframe>

Implementation Location in index.html:

Search for: <!-- GHL FORM: Join the Collective -->

Replace the placeholder newsletter form with your embed code.

Optional: Booking Calendar Widget

Purpose:

Allow travelers to schedule consultation calls directly on your calendar

How to Set Up:

  1. Log in to your GoHighLevel account
  2. Navigate to: Calendars
  3. Click "Create Calendar"
  4. Configure your availability
  5. Click "Get Booking Widget"
  6. Copy the embed code
<!-- OPTIONAL: Calendar Widget -->
<iframe src="https://yoursubdomain.myleadconnectorhq.com/widget/bookings/CALENDAR_ID"
  width="100%"
  height="800"
  frameborder="0">
</iframe>

Where to Add:

You can add booking calendars to:

  • Individual Signature Series pages (e.g., LuxVows consultation page)
  • A dedicated "Book a Consultation" page
  • As a modal popup after form submission

Step-by-Step Implementation

Quick Implementation Guide:

  1. Create your 3 forms in GoHighLevel (use field lists above)
  2. Get the iframe embed codes for each form
  3. Open index.html in a text editor
  4. Search for each <!-- GHL FORM: --> comment
  5. Replace the placeholder HTML with your GHL iframe code
  6. Save the file
  7. Upload to your Hostinger server
  8. Test each form thoroughly

Important Notes:

Styling Your GHL Forms

To Match Your Brand:

Within GoHighLevel's form builder, customize:

Need Help?

If you need assistance with GoHighLevel integration:

Pro Tip: After setting up your forms, create automated workflows in GHL to:

← Back to Main Website