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

# Calendar Overview

> Schedule meetings, manage events, and share booking links — all synced with Google Calendar and Microsoft Outlook.

<div
  style={{ 
background: "linear-gradient(135deg, #143D4E 0%, #1C758A 55%, #30C8CA 100%)",
borderRadius: "24px",
padding: "28px",
marginBottom: "32px",
color: "#FFFFFF",
boxShadow: "0 24px 60px rgba(20, 61, 78, 0.25)",
position: "relative",
overflow: "hidden",
border: "1px solid rgba(255,255,255,0.08)"
}}
>
  <div
    style={{
position: "absolute",
top: "-40px",
right: "-40px",
width: "180px",
height: "180px",
background: "rgba(255,255,255,0.08)",
borderRadius: "999px"
}}
  />

  <div
    style={{
position: "absolute",
bottom: "-60px",
left: "-30px",
width: "160px",
height: "160px",
background: "rgba(255,255,255,0.06)",
borderRadius: "999px"
}}
  />

  <div
    style={{
display: "inline-flex",
alignItems: "center",
background: "rgba(255,255,255,0.15)",
color: "#FFFFFF",
padding: "6px 14px",
borderRadius: "999px",
fontSize: "12px",
fontWeight: "700",
marginBottom: "14px",
letterSpacing: "0.08em",
textTransform: "uppercase"
}}
  >
    CALENDAR OVERVIEW
  </div>

  <p
    style={{ 
margin: 0, 
fontSize: "16px", 
lineHeight: "1.9",
maxWidth: "760px",
color: "rgba(255,255,255,0.95)"
}}
  >
    Schedule meetings, manage events, and share booking links — all synced with Google Calendar and Microsoft Outlook.
  </p>
</div>

<div
  style={{ 
display: "inline-flex",
alignItems: "center",
gap: "8px",
background: "rgba(28,117,138,0.12)",
padding: "6px 16px",
borderRadius: "999px",
marginBottom: "20px"
}}
>
  <span
    style={{ 
width: "8px", 
height: "8px", 
background: "#30C8CA", 
borderRadius: "999px",
display: "inline-block"
}}
  />

  <span style={{ 
    color: "#1C758A", 
    fontSize: "12px", 
    fontWeight: "700", 
    letterSpacing: "0.08em", 
    textTransform: "uppercase" 
  }}>Features</span>
</div>

## Calendar Features

<div
  className="bg-white dark:bg-black dark:border-white/10 dark:text-white [&_*]:dark:text-white"
  style={{
border: "1px solid #E5E7EB",
borderRadius: "20px",
padding: "20px 24px",
marginBottom: "24px",
boxShadow: "0 4px 12px rgba(0,0,0,0.03)"
}}
>
  <span style={{ color: "#30C8CA", fontWeight: "600", marginRight: "12px" }}>📅</span> The ParsaLink calendar helps you schedule meetings with prospects and customers without the back-and-forth. Set your availability, share a booking link, and let contacts pick a time that works — all connected to your CRM so meetings are automatically linked to the right records.
</div>

<CardGroup cols={2}>
  <Card title="Events" icon="calendar-plus" href="/calendar/events">
    Create and manage calendar events. Add attendees, attach meeting links, and link events to CRM contacts and opportunities.
  </Card>

  <Card title="Availability & Booking Links" icon="clock" href="/calendar/availability">
    Define your available hours and generate a shareable booking link so contacts can schedule time without the email tag.
  </Card>
</CardGroup>

***

<div
  style={{ 
display: "inline-flex",
alignItems: "center",
gap: "8px",
background: "rgba(28,117,138,0.12)",
padding: "6px 16px",
borderRadius: "999px",
marginBottom: "20px",
marginTop: "24px"
}}
>
  <span
    style={{ 
width: "8px", 
height: "8px", 
background: "#30C8CA", 
borderRadius: "999px",
display: "inline-block"
}}
  />

  <span style={{ 
    color: "#1C758A", 
    fontSize: "12px", 
    fontWeight: "700", 
    letterSpacing: "0.08em", 
    textTransform: "uppercase" 
  }}>Views</span>
</div>

## Calendar Views

<div
  className="bg-white dark:bg-black dark:border-white/10 dark:text-white [&_*]:dark:text-white"
  style={{
border: "1px solid #E5E7EB",
borderRadius: "20px",
padding: "20px 24px",
marginBottom: "16px",
boxShadow: "0 4px 12px rgba(0,0,0,0.03)"
}}
>
  <span style={{ color: "#30C8CA", fontWeight: "600", marginRight: "12px" }}>👁️</span> Switch between three views from the top of the Calendar page:

  <div style={{ marginTop: "12px", marginLeft: "28px", display: "flex", gap: "24px", flexWrap: "wrap" }}>
    <span><span style={{ color: "#30C8CA" }}>•</span> <strong>Month</strong> — High-level overview of all events in the current month.</span>
    <span><span style={{ color: "#30C8CA" }}>•</span> <strong>Week</strong> — A detailed view of your schedule across 7 days, with time-slot granularity.</span>
    <span><span style={{ color: "#30C8CA" }}>•</span> <strong>Day</strong> — A focused view of a single day, showing events and open time slots.</span>
  </div>
</div>

***

<div
  style={{ 
display: "inline-flex",
alignItems: "center",
gap: "8px",
background: "rgba(28,117,138,0.12)",
padding: "6px 16px",
borderRadius: "999px",
marginBottom: "20px"
}}
>
  <span
    style={{ 
width: "8px", 
height: "8px", 
background: "#30C8CA", 
borderRadius: "999px",
display: "inline-block"
}}
  />

  <span style={{ 
    color: "#1C758A", 
    fontSize: "12px", 
    fontWeight: "700", 
    letterSpacing: "0.08em", 
    textTransform: "uppercase" 
  }}>Sync</span>
</div>

## Syncing with External Calendars

<div
  className="bg-white dark:bg-black dark:border-white/10 dark:text-white [&_*]:dark:text-white"
  style={{
border: "1px solid #E5E7EB",
borderRadius: "20px",
padding: "20px 24px",
marginBottom: "16px",
boxShadow: "0 4px 12px rgba(0,0,0,0.03)"
}}
>
  <span style={{ color: "#30C8CA", fontWeight: "600", marginRight: "12px" }}>🔄</span> ParsaLink syncs bidirectionally with connected calendar providers:

  <div style={{ marginTop: "12px", marginLeft: "28px", display: "flex", flexDirection: "column", gap: "8px" }}>
    <span style={{ display: "flex", alignItems: "center", gap: "8px" }}><span style={{ color: "#30C8CA" }}>•</span> <strong>Google Calendar</strong> — Connect via the Google Workspace integration. Events created in ParsaLink appear in Google Calendar and vice versa.</span>
    <span style={{ display: "flex", alignItems: "center", gap: "8px" }}><span style={{ color: "#30C8CA" }}>•</span> <strong>Microsoft Outlook Calendar</strong> — Connect via the Microsoft 365 integration. Works the same way.</span>
  </div>
</div>

<div
  className="bg-white dark:bg-black dark:border-white/10 dark:text-white [&_*]:dark:text-white"
  style={{
border: "1px solid #E5E7EB",
borderRadius: "20px",
padding: "20px 24px",
marginBottom: "16px",
boxShadow: "0 4px 12px rgba(0,0,0,0.03)"
}}
>
  <span style={{ color: "#30C8CA", fontWeight: "600", marginRight: "12px" }}>⏰</span> When a calendar is connected, ParsaLink reads your busy times to prevent double-booking when contacts use your booking link.
</div>

<div
  className="bg-white dark:bg-black dark:border-white/10 dark:text-white [&_*]:dark:text-white"
  style={{
border: "1px solid #E5E7EB",
borderRadius: "20px",
padding: "20px 24px",
marginBottom: "32px",
boxShadow: "0 4px 12px rgba(0,0,0,0.03)"
}}
>
  <span style={{ color: "#30C8CA", fontWeight: "600", marginRight: "12px" }}>🔗</span> See <a href="/integrations/google-workspace" style={{ color: "#1C758A", textDecoration: "none" }}>Google Workspace</a> or <a href="/integrations/microsoft-365" style={{ color: "#1C758A", textDecoration: "none" }}>Microsoft 365</a> for connection instructions.
</div>

***

<div
  style={{ 
display: "inline-flex",
alignItems: "center",
gap: "8px",
background: "rgba(28,117,138,0.12)",
padding: "6px 16px",
borderRadius: "999px",
marginBottom: "20px"
}}
>
  <span
    style={{ 
width: "8px", 
height: "8px", 
background: "#30C8CA", 
borderRadius: "999px",
display: "inline-block"
}}
  />

  <span style={{ 
    color: "#1C758A", 
    fontSize: "12px", 
    fontWeight: "700", 
    letterSpacing: "0.08em", 
    textTransform: "uppercase" 
  }}>CRM Linking</span>
</div>

## Linking Meetings to CRM Records

<div
  className="bg-white dark:bg-black dark:border-white/10 dark:text-white [&_*]:dark:text-white"
  style={{
border: "1px solid #E5E7EB",
borderRadius: "20px",
padding: "20px 24px",
marginBottom: "16px",
boxShadow: "0 4px 12px rgba(0,0,0,0.03)"
}}
>
  <span style={{ color: "#30C8CA", fontWeight: "600", marginRight: "12px" }}>🔗</span> Every event in ParsaLink can be linked to:

  <div style={{ marginTop: "12px", marginLeft: "28px", display: "flex", gap: "24px", flexWrap: "wrap" }}>
    <span><span style={{ color: "#30C8CA" }}>•</span> <strong>Contacts</strong> — The people attending the meeting.</span>
    <span><span style={{ color: "#30C8CA" }}>•</span> <strong>Opportunities</strong> — The deal this meeting is related to.</span>
    <span><span style={{ color: "#30C8CA" }}>•</span> <strong>Accounts</strong> — The company involved.</span>
  </div>
</div>

<div
  className="bg-white dark:bg-black dark:border-white/10 dark:text-white [&_*]:dark:text-white"
  style={{
border: "1px solid #E5E7EB",
borderRadius: "20px",
padding: "20px 24px",
marginBottom: "32px",
boxShadow: "0 4px 12px rgba(0,0,0,0.03)"
}}
>
  <span style={{ color: "#30C8CA", fontWeight: "600", marginRight: "12px" }}>📝</span> Linked events appear in the <strong>Activity Timeline</strong> of those records, so anyone on your team can see the meeting history without digging through a calendar.
</div>

***

<div
  style={{ 
display: "inline-flex",
alignItems: "center",
gap: "8px",
background: "rgba(28,117,138,0.12)",
padding: "6px 16px",
borderRadius: "999px",
marginBottom: "20px"
}}
>
  <span
    style={{ 
width: "8px", 
height: "8px", 
background: "#30C8CA", 
borderRadius: "999px",
display: "inline-block"
}}
  />

  <span style={{ 
    color: "#1C758A", 
    fontSize: "12px", 
    fontWeight: "700", 
    letterSpacing: "0.08em", 
    textTransform: "uppercase" 
  }}>Meeting Links</span>
</div>

## Meeting Links

<div
  className="bg-white dark:bg-black dark:border-white/10 dark:text-white [&_*]:dark:text-white"
  style={{
border: "1px solid #E5E7EB",
borderRadius: "20px",
padding: "20px 24px",
marginBottom: "16px",
boxShadow: "0 4px 12px rgba(0,0,0,0.03)"
}}
>
  <span style={{ color: "#30C8CA", fontWeight: "600", marginRight: "12px" }}>🎥</span> When creating an event, add a video conferencing link:

  <div style={{ marginTop: "12px", marginLeft: "28px", display: "flex", flexDirection: "column", gap: "8px" }}>
    <span style={{ display: "flex", alignItems: "center", gap: "8px" }}><span style={{ color: "#30C8CA" }}>•</span> <strong>Google Meet</strong> — Automatically generates a Meet link if Google Workspace is connected.</span>
    <span style={{ display: "flex", alignItems: "center", gap: "8px" }}><span style={{ color: "#30C8CA" }}>•</span> <strong>Microsoft Teams</strong> — Automatically generates a Teams link if Microsoft 365 is connected.</span>
    <span style={{ display: "flex", alignItems: "center", gap: "8px" }}><span style={{ color: "#30C8CA" }}>•</span> <strong>Custom URL</strong> — Paste any Zoom, Webex, or other conferencing URL.</span>
  </div>
</div>

<div
  className="bg-white dark:bg-black dark:border-white/10 dark:text-white [&_*]:dark:text-white"
  style={{
border: "1px solid #E5E7EB",
borderRadius: "20px",
padding: "20px 24px",
marginBottom: "20px",
boxShadow: "0 4px 12px rgba(0,0,0,0.03)"
}}
>
  <span style={{ color: "#30C8CA", fontWeight: "600", marginRight: "12px" }}>📧</span> The meeting link is included in calendar invites sent to attendees.
</div>

<div
  className="dark:bg-black dark:border-white/10"
  style={{
background: "rgba(48,200,202,0.08)",
border: "1px solid rgba(48,200,202,0.2)",
borderRadius: "16px",
padding: "16px 20px",
marginBottom: "20px"
}}
>
  <span style={{ color: "#30C8CA", fontWeight: "600", marginRight: "10px" }}>💡</span>
  <span style={{ fontSize: "14px" }}>When you book a meeting via your booking link (see <a href="/calendar/availability" style={{ color: "#1C758A", textDecoration: "none" }}>Availability</a>), ParsaLink automatically creates a CRM event, logs it on the linked contact's timeline, and sends calendar invites to all parties.</span>
</div>
