2 Ways to Build a Custom HubSpot Partner Portal

[.blog-callout]

TL;DR

• You can build a custom HubSpot partner portal two ways: directly inside HubSpot's CMS Hub, or on top of your HubSpot data using Softr.
• HubSpot's own tools keep everything in one ecosystem but get expensive fast and cap how far you can customize the design and logic.
• Softr connects natively to HubSpot as a data source, so you can build a fully branded, permission-controlled portal, describe it to the AI Co-Builder or build it visually, without writing code.
• HubSpot is one of the advanced integrations available on Softr's Business plan; lower plans work fine for the app itself but you'll need Business to pull in live HubSpot data. [.blog-callout]

Building a custom HubSpot partner portal can streamline your operations and improve your partner relationships.

To do this, you have two main options: developing directly on HubSpot using its native tools, or using Softr for a more flexible, no-code solution built on top of your HubSpot data.

This blog will guide you through both approaches, comparing their benefits, costs, and development processes to help you choose the best fit for your needs. If you'd rather skip ahead, you can start from a partner portal template and adapt it to your HubSpot setup.

Options for building a custom HubSpot partner portal

1. Developing directly on HubSpot

Let’s look at the first approach where you can build a custom HubSpot partner portal within HubSpot.

Overview of Using HubSpot’s Tools and Features

HubSpot provides a comprehensive suite of tools designed to help you create and manage your partner portals directly within the platform. These tools include:

• CMS Hub: HubSpot’s CMS allow you to create and customize web pages, landing pages, and blogs without needing extensive coding knowledge. It offers drag-and-drop editors, pre-built themes, and a wide range of customizable modules.
• CRM Tools: HubSpot’s CRM features help in managing relationships with partners, tracking their activities, and maintaining detailed records. It also integrates with email and other communication tools to streamline interactions.
• Marketing Hub: This includes tools for email marketing, social media management, and automation, which can be used to communicate with partners and promote engagement.
• Sales Hub: Provides features for deal tracking, pipeline management, and sales automation, which are useful for managing partner relationships and tracking performance.
• Service Hub: Offers customer service tools like ticketing, live chat, and knowledge bases, which can enhance partner support and communication.
• App Marketplace: HubSpot’s marketplace offers various integrations and apps that can extend the functionality of the partner portal, including third-party tools for analytics, reporting, and collaboration.

Benefits and challenges of this approach

Here are the benefits you get with this approach:

1. Using HubSpot ensures all your tools and data are within a single platform, which can streamline processes and reduce the need for multiple logins and integrations.
2. HubSpot is known for its user-friendly interface and drag-and-drop functionality, making it accessible for users with varying levels of technical expertise.
3. HubSpot provides robust analytics and reporting tools, allowing you to track the performance of your partner portal and make data-driven decisions.
4. The CMS Hub offers extensive customization options, enabling you to tailor the portal to your specific needs and branding guidelines.
5. HubSpot offers extensive support resources, including tutorials, documentation, and a community forum, which can be invaluable when building and maintaining your partner portal.

Look at the challenges you would face with this approach:

1. HubSpot’s advanced features and comprehensive toolset can be expensive, especially for small businesses or startups.
2. Although HubSpot offers extensive customization options, there may be limitations compared to building a completely bespoke solution from scratch.
3. Developing directly on HubSpot means your portal is tied to their ecosystem, which can be a disadvantage if you need to migrate to a different platform in the future.

2. Using Softr

Let’s look at the second approach where you can build a custom HubSpot partner portal using Softr.

Overview of Softr and its integration with HubSpot

Softr is an AI app builder for building custom portals, internal tools, and forms on top of your business data. You can use Softr Databases as your app's own native data layer, or connect to HubSpot and 17+ other data sources (Airtable, Google Sheets, and more) through native integrations, no code required. Because the HubSpot connector is pre-built and already approved by HubSpot, you authenticate your account in seconds instead of configuring your own OAuth app.

Under the hood, Softr is a full-stack platform: the interface builder for pages and blocks, a native database, and Softr Workflows for automation, all in one place. That combination is what makes it possible to build a genuinely custom HubSpot partner portal, rather than just a read-only view of your CRM.

This integration is particularly beneficial for small business owners, agencies, and operational leaders who need to create sophisticated systems without writing any code.

Here are the features of Softr's integration with HubSpot:

1. With Softr, you can effortlessly create personalized portals that cater to your clients and partners. These portals can be customized to display HubSpot CRM data in a user-friendly manner, facilitating better engagement and collaboration.
2. Softr goes beyond basic lead capture forms. It allows you to create forms that integrate seamlessly with Softr Workflows, ensuring that data captured through these forms is instantly available in your HubSpot CRM.
3. The platform enables you to design simple and intuitive interfaces connected to automated workflows. This helps streamline processes and ensures that your team can easily access and manage the information they need, without relying on a third-party automation tool.
4. Softr provides robust user authentication, roles, and permissions. This ensures that your team, clients, and partners can securely log in and collaborate within your custom apps.
5. Any changes made in your HubSpot CRM are instantly reflected in your Softr app, and vice versa. This ensures that your data is always up-to-date across both platforms.
6. You can craft interfaces that are specifically tailored to your HubSpot contacts at different stages of their buyer journey. This customization ensures that your app meets your unique business needs.
7. For anything a pre-built block can't do out of the box, like a custom pricing calculator or a branded resource library layout, the Vibe Coding block generates it from a plain-language description and connects it directly to your HubSpot data with permissions already respected.

Cost Comparison: Softr vs. HubSpot licenses

Here’s a quick cost comparison of both the approaches:

HubSpot Pricing Overview:

HubSpot offers various services divided into four main hubs: Marketing, Sales, Service, and Growth. Each hub has multiple pricing tiers, designed to meet the needs of different businesses.

• HubSpot Sales Hub:
  • Starts at $20 per month ($15 per month if paid annually) for two users.
  • Features include sales automation, video messaging, meeting scheduling, and more.
• HubSpot Marketing Hub:
  • Starts at $20 per month ($15 per month if paid annually) for 1,000 leads.
  • Features include email automation, landing pages, A/B testing, and more.
• HubSpot Customer Service Hub:
  • Starts at $20 per month ($15 per month if paid annually) for two users.
  • Features include AI chatbot, ticket automation, customer portals, and more.
• HubSpot CRM Suite:
  • Starts at $20 per month ($15 per month if paid annually).
  • Includes tools for marketing, sales, content management, operations, and customer service.

Softr Pricing Overview:

Softr's pricing is generally more straightforward, focusing on providing access to its no-code platform for building custom apps and portals. Unlimited collaborators, apps, and forms are included on every plan.

Softr Free Plan ($0/month):

• Includes 10 app users, 5,000 database records, 500 workflow actions, and 5 AI credits per month.
• Good for testing your portal's structure before connecting live HubSpot data.

Softr Basic Plan:

• Starts at $49 per month.
• Includes 20 app users, 50,000 database records, 2,500 workflow actions, and 10 AI credits per month.

Softr Professional Plan:

• Priced at $139 per month.
• Supports 100 app users, 500,000 database records, and 10,000 workflow actions, plus 50 AI credits per month.
• Adds custom user groups and additional integrations (monday.com, Supabase, ClickUp).
• Best for building internal client and partner portals that don't yet need live HubSpot sync.

Softr Business Plan:

• Available for $269 per month.
• Supports 500 app users, 1 million database records, and 25,000 workflow actions, plus 100 AI credits per month.
• Unlocks HubSpot along with other advanced integrations (SQL databases, REST APIs) and unlimited user groups.
• This is the plan you need if your partner portal reads or writes live HubSpot data.

Comparative Summary:

• Starting Costs: HubSpot's starting cost is lower at around $20 per month per hub, compared to Softr's Basic Plan at $49 per month. But to actually connect HubSpot as a live data source in Softr, you'll need the Business plan at $269 per month.
• Free Plan: Softr offers a genuinely usable free plan (unlimited apps, forms, and collaborators), while HubSpot's features are more limited at the lower price points.
• Advanced Features: Softr's higher-tier plans offer advanced app-building features, native integrations, and higher user limits, while HubSpot focuses on robust marketing, sales, service, and CRM functionalities.
• Ideal Use Cases: HubSpot is suitable for businesses needing comprehensive marketing, sales, and service tools, whereas Softr is ideal for those looking to build custom apps and portals with no-code solutions on top of their existing CRM.

Steps to Develop a Partner Portal on HubSpot

Here’s how you can create custom HubSpot partner portal within HubSpot:

1. Define Your Partner Program Structure: Outline your partner program's structure, including different partnership tiers and the specific benefits and requirements for each.

• Determine levels such as Silver, Gold, and Platinum, each with distinct benefits and qualifications.
• Specify what partners need to achieve to qualify for each tier and the benefits they receive.

1. Decide the Type of Partner Portal: Decide on the main function of your portal, whether it's for deal tracking or resource management.

• Create a dedicated deal pipeline in HubSpot for partner deals, customizing deal stages to reflect your sales process.
• Focus on managing and organizing content if the portal will serve mainly as a resource hub.

1. Develop a Comprehensive Onboarding Process: Create a structured onboarding process to help new partners get started smoothly.

• Provide new partners with essential information about your company, products, and partnership benefits.
• Develop training materials, including video tutorials, webinars, and documentation, to educate partners about your products and services.

1. Organize Resources Effectively: Ensure your portal is a one-stop-shop for all partner needs by organizing resources efficiently.

• Use HubSpot’s CMS to create a well-organized resource library with marketing materials, product information, case studies, and training documents.
• Segment content based on partner tiers and roles to ensure relevance.

1. Establish Clear Communication Channels: Maintain effective communication with partners through various channels.

• Create customizable email templates for newsletters, product updates, and promotional offers.
• Set up a partner-only forum or community where partners can interact, share experiences, and seek advice.

1. Manage Access and Permissions: Ensure partners have access to the appropriate information and tools.

• Set permissions based on partner tiers to ensure sensitive information is only accessible to authorized partners.

1. Track Performance and Generate Reports: Use HubSpot’s reporting tools to track partner performance and identify improvement areas.

• Create dashboards to track key metrics such as deal volume, revenue generated, and resource engagement.
• Generate regular reports to share with partners, highlighting their performance and growth areas.

1. Customize and Brand Your Portal: Customize the portal to reflect your company’s branding and ensure it is user-friendly.

• Ensure the portal is easy to navigate with a clean and intuitive design. Test with partners to gather feedback and make adjustments.

1. Provide Ongoing Support and Maintenance: Keep the portal relevant and useful by providing ongoing support and updates.

• Set up a help desk or support system to assist partners with any issues or questions.
• Maintain an up-to-date FAQ section to address common questions and issues.
• Regularly update resources, add new features, and remove outdated information to keep the portal fresh.

Steps to Develop a Partner Portal Using Softr

Here’s how you can create a custom HubSpot partner portal using Softr:

1. Get Started with Softr: Sign up for Softr. Once logged in, add HubSpot as a new data source and authenticate your HubSpot account. Since HubSpot's connector is a pre-approved, native integration, there's no developer app or OAuth scope to configure yourself.

1. Create a New Application: Describe your partner portal to the AI Co-Builder and it will scaffold the pages, blocks, and user groups for you, or start from the partner portal template, or build from scratch in Softr Studio by adding blocks manually.

These blocks can be static for general info or dynamic to pull data directly from HubSpot.

1. Add and Configure Data Fields: Create pages, like a "Contacts" page, and connect it to HubSpot data, or ask the Database AI Co-Builder to map the fields for you by describing the layout you want.

Customize fields to display contact information, such as images, names, and last activity dates.

1. Manage User Access: Add internal and external users by generating magic links for easy authentication, without asking partners to remember another password.

Create user groups (e.g., "BDR External" and "Internal") to control who sees what data.

1. Set Page Visibility and Permissions: Ensure pages are only visible to logged-in users. Configure permissions so that external contractors can view specific data but not make unauthorized changes.

1. Create Detailed Views: Set up detailed pages for individual records where users can view more information and log notes.

Implement conditional filters to ensure users only see notes related to their assigned contacts.

1. Manage Record Visibility: Ensure external users only access records they own by filtering data based on third-party owner properties. This can be reinforced globally with Global Data Restrictions, so record-level security holds even if a block filter is ever forgotten.

By following these steps, you can create a fully functional partner portal using Softr that integrates seamlessly with HubSpot. This portal will allow external contractors or business development teams to access and interact with the necessary data without needing to be HubSpot users.

You can take this further with Softr Workflows: trigger a notification when a partner submits a new deal, route approval requests, or write portal activity back to HubSpot automatically. Vestal Hub, a Softr partner, built a HubSpot-synced tenant portal this way in under three days, cutting portal costs by roughly 50% compared to HubSpot's Service Hub plan. Torigen used the same approach to scale a HubSpot-connected partner portal to 250+ veterinary clinics processing 600+ submissions a month.

Advantages of using Softr

Here are the advantages you get by using Softr to create partner portals:

1. Comparison of development time and resources

Softr significantly reduces development time and resources by enabling users to build web applications and portals without coding. This no-code platform offers pre-built partner portal templates and drag-and-drop functionality, allowing for rapid deployment compared to traditional development methods. And if you'd rather describe what you need in plain language, the AI Co-Builder can generate the database, pages, and permissions for you as a starting point.

1. Ease of customization and maintenance

Softr offers an intuitive interface that makes customization easy. Users can easily modify designs, add features, and update content without technical expertise, ensuring that the application remains current and functional without extensive maintenance efforts. When a pre-built block can't do exactly what you need, the Vibe Coding block generates a custom component from a description, one that still connects to your HubSpot data and respects your existing permissions.

1. Flexibility to adapt to changing requirements

Softr's modular design and flexible architecture make it easy to adapt to changing business needs. Users can quickly implement changes, integrate new tools, and scale their applications as requirements shift, ensuring long-term viability and responsiveness.

As Shiran Brodie, Head of Marketing at Softr, puts it:

"Managing external partners through emails and spreadsheets is a nightmare. A portal allows you to only surface the information that is relevant to them and make approvals on the fly." - Shiran Brodie, Head of Marketing at Softr

Other teams have used the same approach to replace static, disconnected systems with a single partner-facing app. United Football League, for example, worked with a Softr partner to launch a branded partner portal in under a month, managing 400+ athletes and brand partners with 5+ automated workflows, replacing spreadsheets that had no real access control.

Choose the build path that fits your team

HubSpot provides tools like CMS Hub, CRM, Marketing Hub, Sales Hub, and Service Hub. The benefits include a user-friendly interface, robust analytics, and customization options. However, challenges include higher costs and some customization limitations, especially once you need a portal that looks and behaves nothing like a generic HubSpot page.

Softr offers a no-code platform that integrates natively with HubSpot. You get rapid development (with or without AI), easy customization down to individual permissions, and a portal your partners will actually want to use, without asking your engineering team to maintain it.

If you're not sure where to start, pick the partner portal template, connect your HubSpot account, and adjust from there. For a flexible, no-code solution, sign up for Softr.