The Marketer's Toolkit Support Center
All Categories Theme Builder Setup Theme Builder Setup (Part 1a): If you do not have existing users, customers, or custom CSS/theme installed

Theme Builder Setup (Part 1a): If you do not have existing users, customers, or custom CSS/theme installed

How to set up the Theme Builder if you do not have existing users, customers, or custom CSS/theme installed.

By Client Success
January 19, 2024

1. Copy the Javascript & CSS from the Theme Builder > Getting Started menu.

Theme-Builder-Embed-Codes.png

2. Paste them both in their respective fields found in your HighLevel Agency View > Settings > Company menu > and scroll down until you see "Custom Javascript" and "Custom CSS".

Once you've pasted the codes, be sure to click the blue "Update Company" button at the bottom of the screen.

Theme-Builder-HighLevel-Custom-Code-section.png

3. Switch back to the browser tab for the Theme Builder.

Add your HighLevel domain URL in the Theme Builder > Settings (found on the left-side menu).

You can use the default https://app.gohighlevel.com or your own custom white-label domain URL here. (Ensure you include the https:// part of the domain.)

Then click the "Update" text on the right.

Theme-Builder-HighLevel-Domain-Settings.png

4. Click the "Open draft realtime preview" link (orange text) to open a new browser tab with your HighLevel account in it.

You’re now connected to the Theme Builder "Preview Mode".

Any customization you make within the Theme Builder tab will be immediately updated on "Preview Mode" tab you just opened.

Note: This "Preview Mode" tab should only be used to preview/test your Theme Builder customizations, and nothing else. When you are done previewing/testing, you can close the tab.

Theme-Builder-Preview.png

  1. Switch back over to the Theme Builder tab and start experimenting with Presets and Customizations until you like what you've created.

    Remember to switch between the Theme Builder and "Preview Mode" tabs (or you can set up a side-by side view on your monitor(s)) to observe your edits in real time.

  2. When you are happy with your Theme Builder customizations, click the "Publish" button at the top of the Theme Builder screen and you’re done!

Theme-Builder-Publish.png

Was this article helpful?

Thanks for your feedback!