Documentation

GHLThemer works by delivering a CSS file to your GHL pages via a tiny 2-line embed script. No GHL API, no OAuth — just CSS. You can be live in under 5 minutes.

The embed code is two script tags. The first sets your site token; the second loads the GHLThemer script.

<script>window.__THEME_SITE__ = 'YOUR_SITE_TOKEN';</script>
<script src="https://ghlthemer.com/theme.js"></script>

Replace YOUR_SITE_TOKEN with the token shown on your site card. You can also click the token chip to copy it directly.

Where to paste it in GoHighLevel

1. Open GoHighLevel and go to your Funnel or Website.
2. Click Settings (gear icon at the top).
3. Scroll to Custom Code → paste into the Head Tracking Code box.
4. Save and reload your funnel page — the theme is now live.

How the script works

When a visitor loads your GHL page, theme.js:

1. Temporarily hides the page (prevents style flash).
2. Fetches your compiled CSS from ghlthemer.com/api/css/[token].
3. Injects it into the page as a <style> tag.
4. Shows the page — all within milliseconds.

A built-in 3-second safety timeout ensures your GHL page always renders even if GHLThemer is temporarily unreachable.

Multiple sites per client

Each site has its own token. If a client has multiple funnels, add a separate site for each one. They all share the same theme — designed once in the Theme Editor.

The Theme Editor is where you design your client's look. Changes are compiled into CSS on save and delivered to all sites under that client within 30 seconds.

Colors

Typography

Layout

Custom CSS

The built-in CSS editor (powered by CodeMirror) lets you write arbitrary CSS that gets appended after all auto-generated styles. Use it for overrides that the theme fields don't cover.

CSS Priority order (highest wins):

1. CSS variables from theme fields
2. Auto-generated styles
3. Global patch (applied by GHLThemer admin across all users)
4. Your custom CSS
5. Emergency CSS (highest priority override)

CSS Snippets

The Snippets panel offers 20+ pre-built CSS blocks grouped by category (forms, buttons, navbar, etc.). Toggle any snippet on to add it to your theme instantly — no manual typing required.

Theme History

Every time you save, a snapshot is stored. The History drawer (clock icon) shows your last 10 saves — click Restore on any entry to roll back without losing your current version.

GHLThemer ships with 30+ professionally designed theme templates covering 12 niches — medical, real estate, fitness, legal, finance, education, home services, dental, restaurant, beauty & spa, automotive, and photography.

Applying a template

Templates can be applied in two places:

• Theme Editor — click the Templates button in the top-right corner of the editor. A side sheet opens with the full gallery. Click Apply template on any card to instantly load its colors, font, and border radius into the editor. Then save as usual.
• Templates page — go to Dashboard → Templatesto browse all templates. Pick a template and choose which client to apply it to. You are redirected to that client's Theme Editor with the template pre-loaded.

Free vs Pro templates

Templates marked Free are available on all plans. Templates marked Prorequire a paid plan. On a free plan the Pro template card shows an “Upgrade to apply” lock — all other filtering and browsing still works.

Filtering

Use the All / Free / Pro toggle and the niche pills to narrow the gallery. Both filters combine — you can show, for example, only free medical templates.

The AI Color Suggestions feature uses GPT-4o mini to generate three professionally matched color palettes based on your client's industry and brand vibe. Each palette covers all four theme color fields — primary, secondary, background, and text.

How to use it

Credit system

AI suggestions consume one credit per generation (not per palette — each click of “Generate palettes” uses one credit and returns three palettes).

Credits reset automatically at the start of each calendar month. The modal shows how many credits remain. When credits are exhausted, the generate button is replaced with an upgrade prompt (on paid plans, wait until the monthly reset).

Every site you create automatically gets analytics tracking. No extra configuration, no third-party scripts — GHLThemer tracks page views, form interactions, and calculates conversion rates entirely server-side.

What is tracked

Viewing analytics

Open a client from your dashboard and click the Analyticstab. You'll see aggregate stats for the last 30 days across all sites, plus a per-site breakdown table with individual CVR scores.

Conversion score badge

Each site gets a Conversion Scorebadge you can share with clients as proof of performance. The badge is a small embeddable widget that shows the site's current CVR — useful for reports and proposals.

The Agency plan is built for teams managing themes across multiple GHL accounts. It adds team collaboration, a client portal, and white-label branding.

Team Members

Agency owners can invite up to 5 team members from Dashboard → Team. Each member gets their own login and can manage clients and themes under the shared workspace. The agency owner is responsible for all activity by their team.

Client Portal

You can grant your end-clients access to a white-labelled portal where they can view and (optionally) edit their own theme. Portal access is managed per-client from the client detail page.

Portal permission levels:

• View only — client can see their theme but not change it.
• Can edit — client can modify colors, fonts, and custom CSS.
• Can view theme — granular toggle for specific sections.

White-label Branding

The client portal presents GHLThemer under your own branding — your logo, your domain, your company name. Clients never see the GHLThemer name unless you choose to show it.

GHLThemer offers four plans. Each plan enforces limits on the number of clients, sites per client, and access to advanced features.

For current pricing and exact limits, see the Pricing page.

Free Trial

New accounts get a 7-day free trial of all Pro features automatically — no credit card required. After the trial, the account reverts to the Free plan unless you upgrade. Day 5, 6, and 7 reminder emails are sent so you have time to decide.

Payment Options

International payments are processed by LemonSqueezy. Pakistan-based payments are processed by Safepay. Your payment gateway is selected automatically based on your country at signup.