Beevolution Documentation

Purchasing the Beevolution Theme from the HubSpot Marketplace


The HubSpot Marketplace is home to a diverse array of themes tailored for various business needs, including the Beevolution theme, which is designed to provide a dynamic and intuitive user experience. Here's how to purchase the Beevolution theme:

  1. Log in to Your HubSpot Account

  2. Start by logging into your HubSpot dashboard with your username and password.

  4. Navigate to the Marketplace

  5. From the main navigation menu in your HubSpot dashboard, click on ‘Marketplace’ and then select ‘Asset Marketplace’ from the dropdown menu.

  7. Find the Beevolution Theme

  8. Click on the ‘Themes’ tab within the Asset Marketplace. Use the search bar or filters to find the Beevolution theme. You can type "Beevolution" directly into the search bar for quicker access.

  10. Preview the Beevolution Theme

  11. Once you've found the Beevolution theme, click on it to see more details. You’ll have the option to preview the theme to get a sense of how it looks and learn about its features and functionalities.

  13. Purchase Beevolution

  14. Complete your purchase by following the on-screen instructions. For paid themes, this will include entering your payment information.

  16. Access Your Beevolution Theme

  17. After purchasing, you can find the Beevolution theme listed under ‘Account Settings’ > ‘Purchased’ in the Marketplace, or directly in your design tools under ‘Design & Content’ > ‘Design Tools’.



Creating a Child Theme for Beevolution


To customize the Beevolution theme without altering the original code, you can create a child theme. This ensures that your customizations are preserved even when the parent theme is updated.

  1. Open Your File Manager

  2. In your HubSpot account, go to ‘Marketing’ > ‘Files and Templates’ > ‘Design Tools’.

  4. Create a New Folder

  5. Right-click in the file manager and select ‘New folder’ to create a folder for your Beevolution child theme. Name it to indicate it’s a child of the Beevolution theme.

  7. Generate the Child Theme Manifest File

  8. In your new folder, create a file named ‘theme.json’. This file serves as the manifest for your child theme.

  10. Configure the Manifest File

  11. Edit theme.json to include the essential information, referencing Beevolution as the parent theme:

  1. Add Customization Files
  2. You can now add custom CSS, JavaScript files, or override specific templates from Beevolution within your child theme folder, following the same structure as the parent theme for overrides.



Using Beevolution to Build Your Website


With the Beevolution theme (and your child theme, if created), you’re ready to design and launch your site on HubSpot:

  1. Apply the Theme

  2. Go to ‘Website’ > ‘Website Pages’ or ‘Landing Pages’ and create a new page. Select Beevolution or your Beevolution child theme from the theme dropdown.

  4. Design Your Pages

  5. Utilize Beevolution’s built-in modules and templates to craft your pages. The page editor allows for direct editing of content and styles. Global style settings can be adjusted via the theme settings if available.

  7. Preview and Go Live

  8. Use the preview feature to check your page's appearance across different devices. Once satisfied, publish your page to make it live.

  10. Maintain Your Site

  11. Keep your Beevolution theme up to date. When updating the parent theme, your child theme’s customizations will remain unaffected. Always test your site post-update to ensure everything functions correctly.


By following these guidelines, you can seamlessly integrate the Beevolution theme into your web design process, ensuring a sophisticated and customized website that meets your business's unique needs.