> ## Documentation Index
> Fetch the complete documentation index at: https://docs.quivly.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Connect HubSpot and Granola

> Bring HubSpot companies, contacts, and deals into Quivly, with owner information and configurable field mappings.

export const ReleaseDate = ({date, dateTime, archive}) => <a className="release-date" href={archive}><time dateTime={dateTime}>{date}</time></a>;

export const ReleaseLabels = ({tags}) => <span className="release-labels" data-release-kind={tags.includes("Feature release") ? "feature" : tags.includes("Bug fix") ? "fix" : "improvement"}>{tags.map(tag => <span key={tag} className={`release-label release-label-${tag.toLowerCase().replaceAll(" ", "-")}`}>{tag}</span>)}</span>;

export const ReleaseHeader = ({title, description, date, dateTime, tags, archive, version}) => {
  const [copyStatus, setCopyStatus] = useState("");
  const copyLink = async () => {
    try {
      await navigator.clipboard.writeText(window.location.href.split("#")[0]);
      setCopyStatus("Link copied");
    } catch {
      setCopyStatus("Copy the page address from your browser to share this update.");
    }
  };
  return <header className="release-article-header">
      <a href="/changelog" className="release-back">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" aria-hidden="true"><path d="m12 5-7 7 7 7M5 12h14" /></svg>
        Back to What's new
      </a>
      <div className="release-article-meta">
        <ReleaseDate date={date} dateTime={dateTime} archive={archive} />
        <ReleaseLabels tags={tags} />
        {version ? <span className="release-version" aria-label={`Release ${version}`}>{version}</span> : null}
        <button type="button" onClick={copyLink} aria-label={copyStatus === "Link copied" ? "Link copied" : "Copy link"} title={copyStatus === "Link copied" ? "Link copied" : "Copy link"}>
          {copyStatus === "Link copied" ? <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" aria-hidden="true"><path d="m5 12 4 4L19 6" /></svg> : <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" aria-hidden="true"><path d="m10 13 4-4M8 16l-1 1a4 4 0 0 1-6-6l4-4a4 4 0 0 1 6 0m2 1 1-1a4 4 0 0 1 6 6l-4 4a4 4 0 0 1-6 0" /></svg>}
        </button>
      </div>
      <h1>{title}</h1>
      {description ? <p className="release-summary">{description}</p> : null}
      <span className="release-copy-status" role="status">{copyStatus}</span>
    </header>;
};

<div className="release-article">
  <ReleaseHeader description={"Bring HubSpot companies, contacts, and deals into Quivly, with owner information and configurable field mappings."} dateTime="2026-06-08" title="Connect HubSpot and Granola" date="June 8, 2026" tags={["Feature release"]} archive="/updates/2026-06" />

  <div className="release-article-body">
    Connect Granola to bring meeting notes, available transcripts, and attendees into customer call history.

    Your CRM records and meeting context can then inform customer reviews and AI answers in one place.

    [Connect HubSpot](/integrations/crm/hubspot) · [Connect Granola](/integrations/call-recordings/granola)
  </div>

  <div role="navigation" className="release-related" aria-label="More product updates">
    <h2>More updates</h2>
    <a href="/updates/releases/2026-06-25-organize-customer-lists-and-review-account-alerts">Organize customer lists and review account alerts</a>
    <a href="/updates/releases/2026-06-25-preview-account-alerts-for-your-customer-segment">Preview account alerts for your customer segment</a>
    <a href="/updates/2026-06">All June 2026 updates</a>
  </div>
</div>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.