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.

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.