Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to use with a standard Hubspot theme? #99

Open
nordkite opened this issue Feb 17, 2025 · 5 comments
Open

How to use with a standard Hubspot theme? #99

nordkite opened this issue Feb 17, 2025 · 5 comments

Comments

@nordkite
Copy link

I have standard Hubspot Hubl theme. I know how to use Hubspot CLI to fetch and upload files to the live site. I haven't found much info how to make it work with a theme where I have theme directory like /theme/css, /theme/modules, /theme/sections . Is there more information about this topic or am I missing something?

@nordkite
Copy link
Author

nordkite commented Feb 17, 2025

I created React based module using Hubspot CLI. It looks like this in /modules folder, I pushed this to the live site and it appears in /modules/react-test. But when I search for it in the Page editor inside Hubspot it cannot find it. What am I missing?
Image

@jontallboy
Copy link
Contributor

jontallboy commented Feb 17, 2025

@nordkite you must use the Projects system (which is different than hs uploading your hubl modules) in order to use React modules within your HubSpot website. Here is a link to our docs and the following readme's will help walk you through getting started with CMS React.

@nordkite
Copy link
Author

@jontallboy thank you for your answer. I am just a bit confused. Project Theme is it a completely new theme set up and I can't really use CMS React within my old theme?

@jontallboy
Copy link
Contributor

jontallboy commented Feb 18, 2025

Project Theme is it a completely new theme set up and I can't really use CMS React within my old theme?

Yes this is true that a "Project theme" is a new entity, however you can still use CMS React without creating a new theme. If you deploy a "non-theme project" (example linked in my message above) then your React modules are accessible in the page editor regardless of selected theme.

However, if your housing your react modules within a theme is a requirement, then you can migrate your existing theme into a Project theme (I can provide your steps to do so) which would allow you to have your hubl modules and react modules co-exist within a singular theme.

One thing to note is that we don't currently have marketplace support for themes with React modules, so if this is a theme you intend to publish to the HubSpot marketplace then I would hold off on migrating your theme to a Project for now.

@nordkite
Copy link
Author

Thank you for the detailed explanation. I will check

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants