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

# Integrations

> Connect your favorite tools to your Macaly project

Macaly works with the tools you already use. Connect analytics, tracking, marketing, email, and more to your project.

## How integrations work in Macaly

Not all integrations work the same way. Some are built directly into Macaly with nothing to install. Others work through the agent: you describe what you need in the chat, and the agent adds it to your project.

* **Built-in integrations:** A core part of Macaly. You don't need to leave Macaly to set them up or use them.
* **Chat-based integrations:** The agent adds them for you. Describe what you need in the chat and the agent handles the code, scripts, and configuration.

## Overview

### Built-in

Built directly into Macaly, with nothing to install.

<CardGroup cols={3}>
  <Card title="Apify" icon="globe" href="/docs/en/integrations/apify">
    Scrape structured data from the web and use it in your project
  </Card>

  <Card title="GitHub" icon="github" href="/docs/en/integrations/github">
    Back up your project to GitHub and access your source code
  </Card>

  <Card title="Stripe" icon="stripe" href="/docs/en/integrations/stripe">
    Accept payments in your project, including a secure test environment
  </Card>
</CardGroup>

### Analytics & tracking

Measure traffic and understand how visitors interact with your site. The agent adds these for you. Just paste your tracking ID or snippet into the chat.

<CardGroup cols={3}>
  <Card title="Google Tag Manager" icon="google" href="/docs/en/integrations/google-tag-manager">
    Manage all your tracking tags from one place
  </Card>

  <Card title="Google Analytics 4" icon="google" href="/docs/en/integrations/google-analytics">
    Understand your visitors and how they use your site
  </Card>

  <Card title="Google Search Console" icon="magnifying-glass" href="/docs/en/integrations/google-search-console">
    Track your site's search performance and indexing in Google
  </Card>

  <Card title="Hotjar" icon="fire" href="/docs/en/integrations/hotjar">
    See how visitors use your site with heatmaps and session recordings
  </Card>
</CardGroup>

### Marketing & Ads

See which ads actually drive results. The agent adds tracking pixels to your project. Just share your pixel ID in the chat.

<CardGroup cols={3}>
  <Card title="Meta Pixel" icon="meta" href="/docs/en/integrations/meta-pixel">
    Track conversions from Facebook and Instagram ads
  </Card>

  <Card title="LinkedIn Insight Tag" icon="linkedin" href="/docs/en/integrations/linkedin-insight-tag">
    Track conversions and understand your audience from LinkedIn campaigns
  </Card>

  <Card title="TikTok Pixel" icon="tiktok" href="/docs/en/integrations/tiktok-pixel">
    Measure conversions and build audiences from TikTok ad campaigns
  </Card>

  <Card title="Google Ads" icon="google" href="/docs/en/integrations/google-ads">
    Monitor campaigns, manage ad groups, and pull reports from Google Ads
  </Card>
</CardGroup>

### Email marketing

Build and grow your mailing list directly from your site. The agent connects your forms to your email platform and handles the setup for you.

<CardGroup cols={3}>
  <Card title="Mailchimp" icon="mailchimp" href="/docs/en/integrations/mailchimp">
    Collect subscribers, send newsletters, and automate email campaigns
  </Card>

  <Card title="Brevo" icon="b" href="/docs/en/integrations/brevo">
    Email, SMS, and WhatsApp campaigns with a built-in CRM
  </Card>

  <Card title="HubSpot" icon="hubspot" href="/docs/en/integrations/hubspot">
    Manage contacts, deals, and email campaigns with HubSpot CRM
  </Card>
</CardGroup>

### Design

Create and manage visual content without leaving your project. Connect your account and the agent designs for you.

<CardGroup cols={3}>
  <Card title="Canva" icon="palette" href="/docs/en/integrations/canva">
    Create designs, manage assets, and automate Canva workflows
  </Card>

  <Card title="Figma" icon="figma" href="/docs/en/integrations/figma">
    Bring Figma designs, components, and assets into your project
  </Card>
</CardGroup>

### Productivity

Manage your tasks and projects from your project, or pull your work in to build on it. Connect your account and the agent does the rest.

<CardGroup cols={3}>
  <Card title="ClickUp" icon="list-check" href="/docs/en/integrations/clickup">
    Create tasks, manage projects, and automate ClickUp workflows
  </Card>

  <Card title="Google Calendar" icon="calendar-days" href="/docs/en/integrations/google-calendar">
    Create and sync events with Google Calendar
  </Card>

  <Card title="Google Docs" icon="file-lines" href="/docs/en/integrations/google-docs">
    Create, edit, and export documents with Google Docs
  </Card>

  <Card title="Linear" icon="circle-dot" href="/docs/en/integrations/linear">
    Create and track issues and projects in Linear
  </Card>

  <Card title="Notion" icon="book" href="/docs/en/integrations/notion">
    Sync content and databases with your Notion workspace
  </Card>

  <Card title="Todoist" icon="square-check" href="/docs/en/integrations/todoist">
    Manage tasks, projects, and to-do lists in Todoist
  </Card>

  <Card title="Google Sheets" icon="table-cells" href="/docs/en/integrations/google-sheets">
    Create, read, and update spreadsheets in Google Sheets
  </Card>

  <Card title="Google Slides" icon="display" href="/docs/en/integrations/google-slides">
    Create and update presentations in Google Slides
  </Card>

  <Card title="Google Tasks" icon="list-ul" href="/docs/en/integrations/google-tasks">
    Create and organize your to-dos in Google Tasks
  </Card>
</CardGroup>

### Communication

Work with your email from your project, or pull messages in to build on them. Connect your account and the agent does the rest.

<CardGroup cols={3}>
  <Card title="Gmail" icon="envelope" href="/docs/en/integrations/gmail">
    Send and manage emails through Gmail
  </Card>

  <Card title="Zoom" icon="video" href="/docs/en/integrations/zoom">
    Schedule meetings, manage recordings, and pull Zoom data
  </Card>

  <Card title="Google Meet" icon="users" href="/docs/en/integrations/google-meet">
    Create meetings and pull recordings and transcripts from Google Meet
  </Card>
</CardGroup>

### Social

Post and pull in discussions from social communities, or build them into your project. Connect your account and the agent does the rest.

<CardGroup cols={3}>
  <Card title="Reddit" icon="reddit" href="/docs/en/integrations/reddit">
    Post to Reddit and pull in discussions and trends
  </Card>

  <Card title="YouTube" icon="youtube" href="/docs/en/integrations/youtube">
    Upload videos, manage playlists, and pull YouTube data
  </Card>
</CardGroup>

### Forms & surveys

Build forms and collect responses from your project, or pull the data in to build on it. Connect your account and the agent does the rest.

<CardGroup cols={3}>
  <Card title="Typeform" icon="clipboard-list" href="/docs/en/integrations/typeform">
    Build forms and collect responses with Typeform
  </Card>
</CardGroup>

### Storage

Work with your files from your project, or pull them in to build on them. Connect your account and the agent does the rest.

<CardGroup cols={3}>
  <Card title="Google Drive" icon="google-drive" href="/docs/en/integrations/google-drive">
    Upload, search, and manage files in Google Drive
  </Card>

  <Card title="Google Photos" icon="images" href="/docs/en/integrations/google-photos">
    Upload, search, and organize photos in Google Photos
  </Card>
</CardGroup>

## How chat-based integrations work

Your Macaly project works like a real web application. That means anything you can add to a website (tracking scripts, analytics, pixels, chat widgets) — the agent can add it for you too.

<Steps>
  <Step title="Get your ID or snippet">
    Go to the tool you want to integrate (like Google Analytics or Tag Manager) and copy your tracking ID, measurement ID, or code snippet.
  </Step>

  <Step title="Ask the agent">
    Tell the agent what you want to add and paste your ID or snippet. One message is all it takes.
  </Step>

  <Step title="The agent does the rest">
    The agent adds the script to your project in the right place, following best practices for performance and placement.
  </Step>
</Steps>

<Info>
  **This list is not exhaustive.** If a tool works by adding a script or code snippet to a website, the agent can most likely add it for you. Just ask.
</Info>


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