Getting Started
Installation
There is a two way how you can install FreshJuice on your HubSpot website.
Installation via uploading ZIP file
- Download the latest release
2.0.0
here or directly from GitHub. - Go to your HubSpot account.
- Navigate to
Settings
>Tools
>Content
>Themes
. - Click on
Upload Theme
button. - Select the ZIP file you downloaded in step 1.
- Click on
Upload
button. - Once uploaded, click on
Apply Theme
button. - Congratulations! You have successfully installed FreshJuice on your HubSpot account.
Installation via HubSpot CLI
Installation process requires you to have Node.JS
, git
, HubSpot CLI
, and jq
installed on your machine.
- If you don't have
Node.JS
installed, you can download it from here. - If you don't have
git
installed, you can download it from here. - If you don't have HubSpot CLI installed, you can install it by running
npm install -g @hubspot/cli
to install the HubSpot CLI globally. - If you don't have
jq
installed, you can download it from here.
Note: Use Node v20.0.0 or newer
- Clone the repo and CD into it.
git clone [email protected]:freshjuice-dev/freshjuice-hubspot-theme.git cd freshjuice-hubspot-theme
- Run
npm install
to install the dependencies. - Run
npm run prepare
to prepare the theme for upload. - Run
hs init
to initialize the project.
Follow the instructions to authenticate your HubSpot account.
This action will create ahubspot.config.yaml
file in the root of your project. - Run
npm run upload:hubspot
to upload the theme to your HubSpot account. - Once uploaded, navigate to
Settings
>Tools
>Content
>Themes
in your HubSpot account and click onApply Theme
button. - Congratulations! You have successfully installed FreshJuice on your HubSpot account.
Make it your own
Now that you have installed FreshJuice on your HubSpot account, you can customize it to make it your own. You can customize the theme by modifying the CSS, JS, and HubL files.
More information on how to customize the theme can be found in the Customization documentation.