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

# Integrations

> Browse Loops integrations to sync contacts and trigger emails from around the internet.

export const SupabaseIcon = () => {
  return <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 109 113">
      <path fill="url(#a)" d="M63.708 110.284c-2.86 3.601-8.658 1.628-8.727-2.97l-1.007-67.251h45.22c8.19 0 12.758 9.46 7.665 15.874l-43.151 54.347Z" />
      <path fill="url(#b)" fillOpacity=".2" d="M63.708 110.284c-2.86 3.601-8.658 1.628-8.727-2.97l-1.007-67.251h45.22c8.19 0 12.758 9.46 7.665 15.874l-43.151 54.347Z" />
      <path fill="#ffbca6" d="M45.317 2.071c2.86-3.601 8.657-1.628 8.726 2.97l.442 67.251H9.83c-8.19 0-12.759-9.46-7.665-15.875L45.317 2.072Z" />
      <defs>
        <linearGradient id="a" x1="53.974" x2="94.163" y1="54.974" y2="71.829" gradientUnits="userSpaceOnUse">
          <stop stopColor="#FF4A00" />
          <stop offset="1" stopColor="#ffbca6" />
        </linearGradient>
        <linearGradient id="b" x1="36.156" x2="54.484" y1="30.578" y2="65.081" gradientUnits="userSpaceOnUse">
          <stop />
          <stop offset="1" stopOpacity="0" />
        </linearGradient>
      </defs>
    </svg>;
};

Loops integrations let you connect Loops to your product and your workflow tools so you can sync contacts, trigger workflows, and send transactional email.

If you’re looking for the fastest way to get started, try [Zapier](/integrations/zapier) or [Make](/integrations/make). For custom setups, use [incoming webhooks](/integrations/incoming-webhooks) or the [Loops API](/api-reference/intro).

## Featured integrations

<CardGroup cols={2}>
  <Card title="Stripe" icon="stripe-s" href="/integrations/stripe">
    Sync customers to your audience and send automated emails.
  </Card>

  <Card title="Supabase" icon={SupabaseIcon()} href="/smtp/supabase">
    Send Supabase authentication emails with Loops.
  </Card>
</CardGroup>

## Manage contacts

<CardGroup cols={2}>
  <Card
    title="Attio"
    icon={
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="none">
    <path
      fill="#FF4A00"
      d="m29.754 22.362-2.512-4.02s-.009-.017-.015-.024l-.198-.316a2.03 2.03 0 0 0-1.726-.96l-4.046-.014-.282.453-4.835 7.736-.267.428L17.9 28.88c.374.602 1.02.961 1.732.961h5.67c.699 0 1.36-.368 1.73-.959l.2-.32s.008-.008.01-.012l2.515-4.025a2.045 2.045 0 0 0 0-2.164h-.002Zm-.766 1.683-2.516 4.025c-.01.02-.024.034-.035.05a.34.34 0 0 1-.544-.05l-2.515-4.027a1.116 1.116 0 0 1-.13-.29 1.127 1.127 0 0 1 .127-.908l2.512-4.02.006-.01c.06-.09.135-.131.2-.144.026-.008.049-.01.067-.013h.028c.058 0 .202.018.292.164l2.511 4.02c.23.366.23.837 0 1.203h-.003ZM22.322 12.636a2.053 2.053 0 0 0 0-2.164l-2.512-4.02-.21-.338a2.031 2.031 0 0 0-1.732-.959h-5.67c-.707 0-1.354.36-1.731.96L.314 22.366a2.03 2.03 0 0 0-.002 2.162l2.723 4.359a2.026 2.026 0 0 0 1.73.959h5.67c.712 0 1.358-.36 1.732-.96l.208-.33v-.004l.003-.007 2.024-3.237 5.999-9.6 1.917-3.07.004-.001Zm-.593-1.082c0 .207-.058.416-.175.601l-9.946 15.918a.34.34 0 0 1-.291.16.342.342 0 0 1-.292-.16l-2.513-4.027a1.141 1.141 0 0 1 0-1.202l9.945-15.913a.339.339 0 0 1 .292-.163c.058 0 .202.017.293.164l2.512 4.02c.117.185.175.394.175.602Z"
    ></path>
  </svg>
}
    href="/integrations/auto-bcc"
  >
    Sync outgoing mail and contacts to Attio.
  </Card>

  <Card
    title="Bubble"
    icon={
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17">
    <g fill="none" fillRule="nonzero" transform="translate(.5 .111)">
      <path
        fill="#FF4A00"
        d="M9.361 4.277c-1.474 0-2.928.633-4.037 1.877V.016H3.128v10.336a6.077 6.077 0 0 0 12.151 0c0-3.354-2.563-6.075-5.918-6.075Zm-.157 9.81a3.735 3.735 0 1 1 0-7.47 3.735 3.735 0 0 1 0 7.47Z"
      />
      <circle cx="1.53" cy="14.925" r="1.503" fill="#FF4A00" />
    </g>
  </svg>
}
    href="/integrations/bubble"
  >
    Manage contacts and send emails from your Bubble app.
  </Card>

  <Card title="Clay" href="/integrations/clay" icon="rainbow">
    Sync users to and from your audience.
  </Card>

  <Card
    title="Clerk"
    icon={
  <svg viewBox="0 0 18 18" fill="none" aria-hidden="true">
    <ellipse
      cx="8.99999"
      cy="9"
      rx="2.81249"
      ry="2.8125"
      fill="#FF4A00"
    ></ellipse>
    <path
      fill="#FF4A00"
      d="M14.0674 15.6591C14.3067 15.8984 14.2827 16.2945 14.0015 16.4829C12.571 17.4411 10.8504 17.9999 8.9993 17.9999C7.14818 17.9999 5.42758 17.4411 3.99704 16.4829C3.71589 16.2945 3.69186 15.8984 3.93115 15.6591L5.98648 13.6037C6.17225 13.418 6.46042 13.3886 6.69424 13.5084C7.3856 13.8626 8.16911 14.0624 8.9993 14.0624C9.82948 14.0624 10.613 13.8626 11.3044 13.5084C11.5382 13.3886 11.8263 13.418 12.0121 13.6037L14.0674 15.6591Z"
    ></path>
    <path
      fill="#FF4A00"
      d="M14.0022 1.51706C14.2834 1.70539 14.3074 2.10155 14.0681 2.34084L12.0128 4.39619C11.827 4.58195 11.5388 4.61129 11.305 4.49151C10.6136 4.13733 9.83014 3.9375 8.99996 3.9375C6.20403 3.9375 3.93748 6.20406 3.93748 9C3.93748 9.83018 4.13731 10.6137 4.49149 11.3051C4.61127 11.5389 4.58193 11.827 4.39617 12.0128L2.34083 14.0682C2.10154 14.3074 1.70538 14.2834 1.51705 14.0023C0.558857 12.5717 0 10.8511 0 9C0 4.02944 4.02942 0 8.99996 0C10.8511 0 12.5717 0.55886 14.0022 1.51706Z"
      fillOpacity="0.5"
    ></path>
  </svg>
}
    href="/integrations/clerk"
  >
    Sync users to your audience and send automated emails.
  </Card>

  <Card
    title="Fivetran"
    icon={
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none">
    <g clip-path="url(https://mintlify.s3.us-west-1.amazonaws.com/loops/#clip0_6726_139524)">
      <path d="M15.7844 15.8802H18.9735C19.2275 15.8855 19.4392 15.6831 19.4446 15.429C19.4459 15.3642 19.4339 15.2993 19.4088 15.2398L13.9213 0.304356C13.8552 0.121749 13.6818 -0.00131267 13.4873 1.05676e-05H10.2864C10.0323 -0.00131267 9.82456 0.20379 9.82324 0.459175C9.82324 0.514751 9.8325 0.569005 9.85238 0.620611L15.3385 15.5759C15.406 15.7625 15.586 15.8855 15.7844 15.8802Z" fill="#FF4A00"/>
      <path d="M15.2091 31.7578H18.3981C18.6522 31.7591 18.8599 31.554 18.8613 31.2986C18.8613 31.243 18.852 31.1888 18.8321 31.1372L7.51712 0.304352C7.45095 0.121745 7.27763 6.36688e-06 7.08175 6.36688e-06H3.89673C3.64267 -0.00131687 3.43492 0.203786 3.43359 0.459171C3.43359 0.514747 3.44286 0.569 3.46271 0.620606L14.7751 31.4561C14.8426 31.6374 15.0159 31.7578 15.2091 31.7578Z" fill="#FF4A00"/>
      <path d="M8.93027 31.7577H12.1193C12.3734 31.7696 12.589 31.5724 12.601 31.3183C12.6036 31.2561 12.5943 31.1953 12.5731 31.137L7.06713 16.1818C7.00095 15.9992 6.82764 15.8761 6.63313 15.8775H3.42823C3.17417 15.8841 2.97303 16.0958 2.97965 16.3499C2.98098 16.4015 2.99156 16.4531 3.01009 16.502L8.49627 31.4573C8.56375 31.6372 8.73707 31.7577 8.93027 31.7577Z" fill="#FF4A00"/>
      <path d="M16.17 0.624583L18.7424 7.62057C18.8086 7.80314 18.9819 7.92623 19.1765 7.92491H22.3655C22.6195 7.92623 22.8273 7.72114 22.8286 7.46571C22.8286 7.41017 22.8194 7.35589 22.7995 7.30429L20.2271 0.304356C20.161 0.121749 19.9876 -0.00131267 19.7931 1.05676e-05H16.6041C16.35 -0.00131267 16.141 0.202466 16.1396 0.457852C16.1396 0.514751 16.1489 0.571651 16.17 0.624583Z" fill="white"/>
      <path d="M3.04742 31.7588H6.23646C6.49051 31.7601 6.69823 31.555 6.6996 31.2996C6.6996 31.244 6.69029 31.1898 6.67046 31.1382L4.08353 24.1237C4.01736 23.9411 3.84402 23.818 3.6495 23.8193H0.464458C0.210395 23.818 0.00132324 24.0218 0 24.2772C0 24.3341 0.00926269 24.391 0.0304346 24.4439L2.60282 31.4584C2.6703 31.6424 2.85026 31.7641 3.04742 31.7588Z" fill="#FF4A00"/>
    </g>
    <defs>
      <clipPath id="clip0_6726_139524">
      <rect width="114.286" height="32" fill="white"/>
      </clipPath>
    </defs>
  </svg>
}
    href="/integrations/fivetran"
  >
    Add contacts and contact properties from Fivetran (previously Census).
  </Card>

  <Card
    title="Framer"
    icon={
  <svg
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
    width="24"
    height="24"
    viewBox="0 0 98 148"
  >
    <path
      d="M 93.852 94.49 C 95.387 96.036 94.292 98.667 92.113 98.667 L 51.45 98.667 C 50.097 98.667 49 99.764 49 101.117 L 49 142.057 C 49 144.243 46.353 145.335 44.812 143.783 L 0.949 99.622 C 0.341 99.01 0 98.183 0 97.32 L 0 51.783 C 0 50.43 1.097 49.333 2.45 49.333 L 49 49.333 Z"
      fill="#FF4A00"
    ></path>
    <path
      d="M 49 49.333 L 4.148 4.177 C 2.613 2.631 3.708 0 5.887 0 L 95.55 0 C 96.903 0 98 1.097 98 2.45 L 98 46.883 C 98 48.236 96.903 49.333 95.55 49.333 Z"
      fill="#FF4A00"
    ></path>
  </svg>
}
    href="/integrations/framer"
  >
    Add a Loops signup form to your Framer site.
  </Card>

  <Card title="HubSpot" icon="hubspot" href="/integrations/auto-bcc">
    Sync outgoing mail and contacts to HubSpot.
  </Card>

  <Card
    title="Integrately"
    icon={
  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 512 512">
    <path
      fill="#FF4A00"
      fillRule="evenodd"
      d="M256.379 20.676c-129.891 0-235.703 105.401-235.703 235.025 0 128.924 106.059 235.024 235.703 235.024 128.924 0 234.992-105.854 234.992-235.024 0-128.939-106.073-235.025-234.992-235.025ZM5 255.701C5 117.371 117.878 5 256.379 5c137.578 0 250.668 113.106 250.668 250.701 0 137.836-113.095 250.701-250.668 250.701C118.105 506.402 5 393.31 5 255.701Z"
      clipRule="evenodd"
    />
    <path
      fill="#FF4A00"
      d="M374.48 314.879c-9.467 48.288-52.542 86.398-102.244 89.475-51.833 3.551-100.825-23.671-119.522-75.036-5.68-15.15-7.1-31.009-7.1-47.579v-46.868c0-14.439 4.97-19.41 19.407-19.41h81.417v-.71h79.997c12.307 0 24.614.71 36.684.71 7.101 0 13.728 4.971 13.728 12.309.473 30.062 3.55 58.94-2.367 87.109ZM212.356 201.021c17.278.71 22.958-1.42 23.668-12.309.71-19.41.71-38.11 0-57.757 0-7.101-5.68-12.308-12.307-12.308H211.41c-7.811 0-13.018 5.681-13.728 13.729v55.626c.947 7.811 6.154 12.309 14.674 13.019ZM302.53 201.021c16.568 0 22.958-2.84 22.958-13.019v-57.757c0-7.101-5.68-11.598-13.017-12.308h-11.597c-8.757 0-13.728 4.971-13.728 13.729V187.292c.947 8.522 5.917 13.729 15.384 13.729Z"
    />
  </svg>
}
    href="/integrations/integrately"
  >
    Manage contacts and send emails from over a thousand other platforms.
  </Card>

  <Card
    title="Make"
    icon={
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    viewBox="0 0 512 512"
  >
    <g transform="translate(3757 -1767)">
      <circle
        cx="256"
        cy="256"
        r="256"
        fill="#FF4A00"
        data-name="Ellipse 10"
        transform="translate(-3757 1767)"
      />
      <path
        fill="#fff"
        d="M-3431.576 1919.969a7.187 7.187 0 0 0-7.186 7.192v192.191a7.19 7.19 0 0 0 7.186 7.192h52.063a7.187 7.187 0 0 0 7.186-7.192v-192.191a7.183 7.183 0 0 0-7.186-7.192Zm-152.714 2.539-86.296 171.712a7.191 7.191 0 0 0 3.192 9.654l46.514 23.379a7.184 7.184 0 0 0 9.654-3.2l86.3-171.711a7.184 7.184 0 0 0-3.2-9.654l-46.511-23.377a7.2 7.2 0 0 0-9.654 3.2m72.592.614-36.926 187.176a7.189 7.189 0 0 0 5.632 8.442l51.028 10.306a7.2 7.2 0 0 0 8.481-5.665l36.928-187.173a7.19 7.19 0 0 0-5.637-8.442l-51.03-10.306a7.391 7.391 0 0 0-1.427-.144 7.194 7.194 0 0 0-7.048 5.8"
        data-name="Path 141560"
      />
    </g>
  </svg>
}
    href="/integrations/make"
  >
    Manage contacts and send emails from thousands of other platforms.
  </Card>

  <Card title="RudderStack" icon={<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 55.9 56"><path d="M0 2.7C0 1.2 1.2 0 2.6 0h51.7c.9 0 1.6.7 1.6 1.6v51.7c0 1.5-1.2 2.7-2.7 2.7C23.8 56 0 32.1 0 2.7" fill="#FF4A00" /></svg>} href="/integrations/rudderstack">
    Manage contacts and trigger workflows from hundreds of other platforms.
  </Card>

  <Card
    title="PostHog"
    icon={
  <div style={{ position: "relative", top: "6px" }}>
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 50 30">
      <path
        fill="#FF4A00"
        d="M10.891 17.206a1 1 0 0 1-1.788 0l-.882-1.763a1 1 0 0 1 0-.894l.882-1.763a1 1 0 0 1 1.788 0l.882 1.763a1 1 0 0 1 0 .894l-.882 1.763zm0 9.997a1 1 0 0 1-1.788 0L8.22 25.44a1 1 0 0 1 0-.894l.882-1.763a1 1 0 0 1 1.788 0l.882 1.763a1 1 0 0 1 0 .894l-.882 1.763z"
      />
      <path
        fill="#FF4A00"
        d="M0 23.408c0-.89 1.077-1.337 1.707-.707l4.583 4.583c.63.63.184 1.708-.707 1.708H1a1 1 0 0 1-1-1v-4.584zm0-4.828a1 1 0 0 0 .293.708l9.411 9.41a1 1 0 0 0 .707.294h5.17c.89 0 1.337-1.077.707-1.707l-14.58-14.58C1.077 12.074 0 12.52 0 13.41v5.17zm0-9.997a1 1 0 0 0 .293.707L19.7 28.7a1 1 0 0 0 .707.293h5.17c.89 0 1.337-1.078.707-1.708L1.707 2.707C1.077 2.077 0 2.523 0 3.414v5.17zm9.997 0a1 1 0 0 0 .293.707l17.994 17.995c.63.63 1.707.183 1.707-.708v-5.169a1 1 0 0 0-.293-.707L11.704 2.707c-.63-.63-1.707-.184-1.707.707v5.17zm11.704-5.876c-.63-.63-1.707-.184-1.707.707v5.17a1 1 0 0 0 .293.706l7.997 7.998c.63.63 1.707.183 1.707-.708v-5.169a1 1 0 0 0-.293-.707l-7.997-7.997z"
      />
      <path
        fill="#FF4A00"
        d="m42.525 23.53-9.413-9.412c-.63-.63-1.707-.184-1.707.707v13.167a1 1 0 0 0 1 1h14.58a1 1 0 0 0 1-1v-1.2c0-.552-.449-.993-.997-1.064a7.723 7.723 0 0 1-4.463-2.197zm-6.321 2.263a1.6 1.6 0 1 1 0-3.2 1.6 1.6 0 0 1 0 3.2z"
      />
      <path
        fill="#FF4A00"
        d="M0 27.992a1 1 0 0 0 1 1h4.583c.891 0 1.337-1.078.707-1.708l-4.583-4.583c-.63-.63-1.707-.184-1.707.707v4.584zm9.997-16.995-8.29-8.29C1.077 2.077 0 2.523 0 3.414v5.17a1 1 0 0 0 .293.706l9.704 9.705v-7.998zm-8.29 1.707c-.63-.63-1.707-.184-1.707.707v5.17a1 1 0 0 0 .293.706l9.704 9.705v-7.998l-8.29-8.29z"
      />
      <path
        fill="#FF4A00"
        d="M19.994 11.411a1 1 0 0 0-.293-.707l-7.997-7.997c-.63-.63-1.707-.184-1.707.707v5.17a1 1 0 0 0 .293.706l9.704 9.705V11.41zm-9.997 17.58h5.583c.891 0 1.337-1.077.707-1.707l-6.29-6.29v7.998zm0-17.994v7.583a1 1 0 0 0 .293.708l9.704 9.704v-7.584a1 1 0 0 0-.293-.707l-9.704-9.704z"
      />
    </svg>
  </div>
}
    href="/integrations/posthog"
  >
    Sync users and trigger workflows from PostHog.
  </Card>

  <Card title="Salesforce" icon="salesforce" href="/integrations/auto-bcc">
    Sync outgoing mail and contacts to Salesforce.
  </Card>

  <Card
    title="Segment"
    icon={
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85.574 89.423">
    <g fill="#FF4A00" data-name="Layer 1">
      <rect width="52.25" height="9.064" x="32.817" y="28.854" rx="1.685" />
      <rect width="52.25" height="9.064" x=".488" y="51.505" rx="1.685" />
      <path d="M6.761 35.058a1.7 1.7 0 0 0 2.053-1.154A35.66 35.66 0 0 1 50.482 9.903a1.671 1.671 0 0 0 1.958-1.216l1.475-5.504a1.695 1.695 0 0 0-1.282-2.087 44.726 44.726 0 0 0-52.56 30.39 1.677 1.677 0 0 0 1.185 2.097ZM78.813 54.364a1.699 1.699 0 0 0-2.053 1.155A35.659 35.659 0 0 1 35.092 79.52a1.671 1.671 0 0 0-1.958 1.216l-1.474 5.503a1.695 1.695 0 0 0 1.282 2.088 44.726 44.726 0 0 0 52.56-30.39 1.677 1.677 0 0 0-1.185-2.097Z" />
      <circle cx="68.613" cy="13.932" r="4.97" />
      <circle cx="16.959" cy="75.491" r="4.97" />
    </g>
  </svg>
}
    href="/integrations/segment"
  >
    Manage contacts and trigger workflows from thousands of other platforms.
  </Card>

  <Card title="Stripe" icon="stripe-s" href="/integrations/stripe">
    Sync customers to your audience and send automated emails.
  </Card>

  <Card title="Supabase" icon={SupabaseIcon()} href="/integrations/supabase">
    Sync Supabase users to your audience.
  </Card>

  <Card
    title="Webflow"
    icon={
  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M15.3334 4L11.2916 12H7.49528L9.18675 8.68446H9.11086C7.7154 10.5186 5.63335 11.726 2.66675 12V8.73034C2.66675 8.73034 4.56456 8.61685 5.68023 7.42922H2.66675V4.00006H6.05357V6.8205L6.12959 6.82018L7.51356 4.00006H10.0749V6.80261L10.151 6.80249L11.5869 4H15.3334Z"
      fill="#FF4A00"
    ></path>
  </svg>
}
    href="/integrations/webflow"
  >
    Add a Loops signup form to your Webflow site.
  </Card>

  <Card
    title="Zapier"
    icon={
  <svg
    viewBox="0 0 256 256"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
  >
    <g>
      <path
        d="M128.080089,-0.000183105 C135.311053,0.0131003068 142.422517,0.624138494 149.335663,1.77979593 L149.335663,1.77979593 L149.335663,76.2997796 L202.166953,23.6044907 C208.002065,27.7488446 213.460883,32.3582023 218.507811,37.3926715 C223.557281,42.4271407 228.192318,47.8867213 232.346817,53.7047992 L232.346817,53.7047992 L179.512985,106.400063 L254.227854,106.400063 C255.387249,113.29414 256,120.36111 256,127.587243 L256,127.587243 L256,127.759881 C256,134.986013 255.387249,142.066204 254.227854,148.960282 L254.227854,148.960282 L179.500273,148.960282 L232.346817,201.642324 C228.192318,207.460402 223.557281,212.919983 218.523066,217.954452 L218.523066,217.954452 L218.507811,217.954452 C213.460883,222.988921 208.002065,227.6115 202.182208,231.742607 L202.182208,231.742607 L149.335663,179.04709 L149.335663,253.5672 C142.435229,254.723036 135.323765,255.333244 128.092802,255.348499 L128.092802,255.348499 L127.907197,255.348499 C120.673691,255.333244 113.590195,254.723036 106.677048,253.5672 L106.677048,253.5672 L106.677048,179.04709 L53.8457596,231.742607 C42.1780766,223.466917 31.977435,213.278734 23.6658953,201.642324 L23.6658953,201.642324 L76.4997269,148.960282 L1.78485803,148.960282 C0.612750404,142.052729 0,134.946095 0,127.719963 L0,127.719963 L0,127.349037 C0.0121454869,125.473817 0.134939797,123.182933 0.311311815,120.812834 L0.36577283,120.099764 C0.887996182,113.428547 1.78485803,106.400063 1.78485803,106.400063 L1.78485803,106.400063 L76.4997269,106.400063 L23.6658953,53.7047992 C27.8076812,47.8867213 32.4300059,42.4403618 37.4769335,37.4193681 L37.4769335,37.4193681 L37.5023588,37.3926715 C42.5391163,32.3582023 48.0106469,27.7488446 53.8457596,23.6044907 L53.8457596,23.6044907 L106.677048,76.2997796 L106.677048,1.77979593 C113.590195,0.624138494 120.688946,0.0131003068 127.932622,-0.000183105 L127.932622,-0.000183105 L128.080089,-0.000183105 Z M128.067377,95.7600714 L127.945335,95.7600714 C118.436262,95.7600714 109.32891,97.5001809 100.910584,100.661566 C97.7553011,109.043534 96.0085811,118.129275 95.9958684,127.613685 L95.9958684,127.733184 C96.0085811,137.217594 97.7553011,146.303589 100.923296,154.685303 C109.32891,157.846943 118.436262,159.587052 127.945335,159.587052 L128.067377,159.587052 C137.576449,159.587052 146.683802,157.846943 155.089415,154.685303 C158.257411,146.290368 160.004131,137.217594 160.004131,127.733184 L160.004131,127.613685 C160.004131,118.129275 158.257411,109.043534 155.089415,100.661566 C146.683802,97.5001809 137.576449,95.7600714 128.067377,95.7600714 Z"
        fill="#FF4A00"
        fillRule="nonzero"
      ></path>
    </g>
  </svg>
}
    href="/integrations/zapier"
  >
    Manage contacts and send emails from thousands of other platforms.
  </Card>
</CardGroup>

## Send email

<CardGroup cols={2}>
  <Card
    title="Auth0"
    icon={
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    viewBox="0 0 256 285"
  >
    <path
      fill="#FF4A00"
      d="M220.412 0h-92.415l28.562 89.006h92.416l-74.77 53.077 28.57 89.511c48.128-35.06 63.854-88.12 46.208-142.588L220.413 0ZM7.018 89.006h92.416L127.997 0H35.589L7.019 89.006c-17.655 54.468-1.92 107.529 46.207 142.588l28.563-89.51-74.77-53.078Zm46.208 142.588 74.77 52.97 74.77-52.97-74.77-53.847-74.77 53.847Z"
    />
  </svg>
}
    href="/integrations/auth0"
  >
    Send Auth0 authentication emails with Loops.
  </Card>

  <Card title="Auth.js" icon="shield" href="/integrations/authjs">
    Send Auth.js magic link emails with Loops.
  </Card>

  <Card
    title="Bubble"
    icon={
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17">
    <g fill="none" fillRule="nonzero" transform="translate(.5 .111)">
      <path
        fill="#FF4A00"
        d="M9.361 4.277c-1.474 0-2.928.633-4.037 1.877V.016H3.128v10.336a6.077 6.077 0 0 0 12.151 0c0-3.354-2.563-6.075-5.918-6.075Zm-.157 9.81a3.735 3.735 0 1 1 0-7.47 3.735 3.735 0 0 1 0 7.47Z"
      />
      <circle cx="1.53" cy="14.925" r="1.503" fill="#FF4A00" />
    </g>
  </svg>
}
    href="/integrations/bubble"
  >
    Manage contacts and send emails from your Bubble app.
  </Card>

  <Card
    title="Clerk"
    icon={
  <svg viewBox="0 0 18 18" fill="none" aria-hidden="true">
    <ellipse
      cx="8.99999"
      cy="9"
      rx="2.81249"
      ry="2.8125"
      fill="#FF4A00"
    ></ellipse>
    <path
      fill="#FF4A00"
      d="M14.0674 15.6591C14.3067 15.8984 14.2827 16.2945 14.0015 16.4829C12.571 17.4411 10.8504 17.9999 8.9993 17.9999C7.14818 17.9999 5.42758 17.4411 3.99704 16.4829C3.71589 16.2945 3.69186 15.8984 3.93115 15.6591L5.98648 13.6037C6.17225 13.418 6.46042 13.3886 6.69424 13.5084C7.3856 13.8626 8.16911 14.0624 8.9993 14.0624C9.82948 14.0624 10.613 13.8626 11.3044 13.5084C11.5382 13.3886 11.8263 13.418 12.0121 13.6037L14.0674 15.6591Z"
    ></path>
    <path
      fill="#FF4A00"
      d="M14.0022 1.51706C14.2834 1.70539 14.3074 2.10155 14.0681 2.34084L12.0128 4.39619C11.827 4.58195 11.5388 4.61129 11.305 4.49151C10.6136 4.13733 9.83014 3.9375 8.99996 3.9375C6.20403 3.9375 3.93748 6.20406 3.93748 9C3.93748 9.83018 4.13731 10.6137 4.49149 11.3051C4.61127 11.5389 4.58193 11.827 4.39617 12.0128L2.34083 14.0682C2.10154 14.3074 1.70538 14.2834 1.51705 14.0023C0.558857 12.5717 0 10.8511 0 9C0 4.02944 4.02942 0 8.99996 0C10.8511 0 12.5717 0.55886 14.0022 1.51706Z"
      fillOpacity="0.5"
    ></path>
  </svg>
}
    href="/integrations/clerk"
  >
    Sync users to your audience and send automated emails.
  </Card>

  <Card
    title="Integrately"
    icon={
  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 512 512">
    <path
      fill="#FF4A00"
      fillRule="evenodd"
      d="M256.379 20.676c-129.891 0-235.703 105.401-235.703 235.025 0 128.924 106.059 235.024 235.703 235.024 128.924 0 234.992-105.854 234.992-235.024 0-128.939-106.073-235.025-234.992-235.025ZM5 255.701C5 117.371 117.878 5 256.379 5c137.578 0 250.668 113.106 250.668 250.701 0 137.836-113.095 250.701-250.668 250.701C118.105 506.402 5 393.31 5 255.701Z"
      clipRule="evenodd"
    />
    <path
      fill="#FF4A00"
      d="M374.48 314.879c-9.467 48.288-52.542 86.398-102.244 89.475-51.833 3.551-100.825-23.671-119.522-75.036-5.68-15.15-7.1-31.009-7.1-47.579v-46.868c0-14.439 4.97-19.41 19.407-19.41h81.417v-.71h79.997c12.307 0 24.614.71 36.684.71 7.101 0 13.728 4.971 13.728 12.309.473 30.062 3.55 58.94-2.367 87.109ZM212.356 201.021c17.278.71 22.958-1.42 23.668-12.309.71-19.41.71-38.11 0-57.757 0-7.101-5.68-12.308-12.307-12.308H211.41c-7.811 0-13.018 5.681-13.728 13.729v55.626c.947 7.811 6.154 12.309 14.674 13.019ZM302.53 201.021c16.568 0 22.958-2.84 22.958-13.019v-57.757c0-7.101-5.68-11.598-13.017-12.308h-11.597c-8.757 0-13.728 4.971-13.728 13.729V187.292c.947 8.522 5.917 13.729 15.384 13.729Z"
    />
  </svg>
}
    href="/integrations/integrately"
  >
    Manage contacts and send emails from over a thousand other platforms.
  </Card>

  <Card
    title="Make"
    icon={
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    viewBox="0 0 512 512"
  >
    <g transform="translate(3757 -1767)">
      <circle
        cx="256"
        cy="256"
        r="256"
        fill="#FF4A00"
        data-name="Ellipse 10"
        transform="translate(-3757 1767)"
      />
      <path
        fill="#fff"
        d="M-3431.576 1919.969a7.187 7.187 0 0 0-7.186 7.192v192.191a7.19 7.19 0 0 0 7.186 7.192h52.063a7.187 7.187 0 0 0 7.186-7.192v-192.191a7.183 7.183 0 0 0-7.186-7.192Zm-152.714 2.539-86.296 171.712a7.191 7.191 0 0 0 3.192 9.654l46.514 23.379a7.184 7.184 0 0 0 9.654-3.2l86.3-171.711a7.184 7.184 0 0 0-3.2-9.654l-46.511-23.377a7.2 7.2 0 0 0-9.654 3.2m72.592.614-36.926 187.176a7.189 7.189 0 0 0 5.632 8.442l51.028 10.306a7.2 7.2 0 0 0 8.481-5.665l36.928-187.173a7.19 7.19 0 0 0-5.637-8.442l-51.03-10.306a7.391 7.391 0 0 0-1.427-.144 7.194 7.194 0 0 0-7.048 5.8"
        data-name="Path 141560"
      />
    </g>
  </svg>
}
    href="/integrations/make"
  >
    Manage contacts and send emails from thousands of other platforms.
  </Card>

  <Card
    title="PostHog"
    icon={
  <div style={{ position: "relative", top: "6px" }}>
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 50 30">
      <path
        fill="#FF4A00"
        d="M10.891 17.206a1 1 0 0 1-1.788 0l-.882-1.763a1 1 0 0 1 0-.894l.882-1.763a1 1 0 0 1 1.788 0l.882 1.763a1 1 0 0 1 0 .894l-.882 1.763zm0 9.997a1 1 0 0 1-1.788 0L8.22 25.44a1 1 0 0 1 0-.894l.882-1.763a1 1 0 0 1 1.788 0l.882 1.763a1 1 0 0 1 0 .894l-.882 1.763z"
      />
      <path
        fill="#FF4A00"
        d="M0 23.408c0-.89 1.077-1.337 1.707-.707l4.583 4.583c.63.63.184 1.708-.707 1.708H1a1 1 0 0 1-1-1v-4.584zm0-4.828a1 1 0 0 0 .293.708l9.411 9.41a1 1 0 0 0 .707.294h5.17c.89 0 1.337-1.077.707-1.707l-14.58-14.58C1.077 12.074 0 12.52 0 13.41v5.17zm0-9.997a1 1 0 0 0 .293.707L19.7 28.7a1 1 0 0 0 .707.293h5.17c.89 0 1.337-1.078.707-1.708L1.707 2.707C1.077 2.077 0 2.523 0 3.414v5.17zm9.997 0a1 1 0 0 0 .293.707l17.994 17.995c.63.63 1.707.183 1.707-.708v-5.169a1 1 0 0 0-.293-.707L11.704 2.707c-.63-.63-1.707-.184-1.707.707v5.17zm11.704-5.876c-.63-.63-1.707-.184-1.707.707v5.17a1 1 0 0 0 .293.706l7.997 7.998c.63.63 1.707.183 1.707-.708v-5.169a1 1 0 0 0-.293-.707l-7.997-7.997z"
      />
      <path
        fill="#FF4A00"
        d="m42.525 23.53-9.413-9.412c-.63-.63-1.707-.184-1.707.707v13.167a1 1 0 0 0 1 1h14.58a1 1 0 0 0 1-1v-1.2c0-.552-.449-.993-.997-1.064a7.723 7.723 0 0 1-4.463-2.197zm-6.321 2.263a1.6 1.6 0 1 1 0-3.2 1.6 1.6 0 0 1 0 3.2z"
      />
      <path
        fill="#FF4A00"
        d="M0 27.992a1 1 0 0 0 1 1h4.583c.891 0 1.337-1.078.707-1.708l-4.583-4.583c-.63-.63-1.707-.184-1.707.707v4.584zm9.997-16.995-8.29-8.29C1.077 2.077 0 2.523 0 3.414v5.17a1 1 0 0 0 .293.706l9.704 9.705v-7.998zm-8.29 1.707c-.63-.63-1.707-.184-1.707.707v5.17a1 1 0 0 0 .293.706l9.704 9.705v-7.998l-8.29-8.29z"
      />
      <path
        fill="#FF4A00"
        d="M19.994 11.411a1 1 0 0 0-.293-.707l-7.997-7.997c-.63-.63-1.707-.184-1.707.707v5.17a1 1 0 0 0 .293.706l9.704 9.705V11.41zm-9.997 17.58h5.583c.891 0 1.337-1.077.707-1.707l-6.29-6.29v7.998zm0-17.994v7.583a1 1 0 0 0 .293.708l9.704 9.704v-7.584a1 1 0 0 0-.293-.707l-9.704-9.704z"
      />
    </svg>
  </div>
}
    href="/integrations/posthog"
  >
    Sync users and trigger workflows from PostHog.
  </Card>

  <Card
    title="RudderStack"
    icon={
  <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 55.9 56"><path d="M0 2.7C0 1.2 1.2 0 2.6 0h51.7c.9 0 1.6.7 1.6 1.6v51.7c0 1.5-1.2 2.7-2.7 2.7C23.8 56 0 32.1 0 2.7" fill="#FF4A00" /></svg>
}
    href="/integrations/rudderstack"
  >
    Manage contacts and trigger workflows from hundreds of other platforms.
  </Card>

  <Card
    title="Segment"
    icon={
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85.574 89.423">
    <g fill="#FF4A00" data-name="Layer 1">
      <rect width="52.25" height="9.064" x="32.817" y="28.854" rx="1.685" />
      <rect width="52.25" height="9.064" x=".488" y="51.505" rx="1.685" />
      <path d="M6.761 35.058a1.7 1.7 0 0 0 2.053-1.154A35.66 35.66 0 0 1 50.482 9.903a1.671 1.671 0 0 0 1.958-1.216l1.475-5.504a1.695 1.695 0 0 0-1.282-2.087 44.726 44.726 0 0 0-52.56 30.39 1.677 1.677 0 0 0 1.185 2.097ZM78.813 54.364a1.699 1.699 0 0 0-2.053 1.155A35.659 35.659 0 0 1 35.092 79.52a1.671 1.671 0 0 0-1.958 1.216l-1.474 5.503a1.695 1.695 0 0 0 1.282 2.088 44.726 44.726 0 0 0 52.56-30.39 1.677 1.677 0 0 0-1.185-2.097Z" />
      <circle cx="68.613" cy="13.932" r="4.97" />
      <circle cx="16.959" cy="75.491" r="4.97" />
    </g>
  </svg>
}
    href="/integrations/segment"
  >
    Manage contacts and trigger workflows from thousands of other platforms.
  </Card>

  <Card title="Stripe" icon="stripe-s" href="/integrations/stripe">
    Sync customers to your audience and send automated emails.
  </Card>

  <Card title="Supabase" icon={SupabaseIcon()} href="/smtp/supabase">
    Send Supabase authentication emails with Loops.
  </Card>

  <Card
    title="Zapier"
    icon={
  <svg
    viewBox="0 0 256 256"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
  >
    <g>
      <path
        d="M128.080089,-0.000183105 C135.311053,0.0131003068 142.422517,0.624138494 149.335663,1.77979593 L149.335663,1.77979593 L149.335663,76.2997796 L202.166953,23.6044907 C208.002065,27.7488446 213.460883,32.3582023 218.507811,37.3926715 C223.557281,42.4271407 228.192318,47.8867213 232.346817,53.7047992 L232.346817,53.7047992 L179.512985,106.400063 L254.227854,106.400063 C255.387249,113.29414 256,120.36111 256,127.587243 L256,127.587243 L256,127.759881 C256,134.986013 255.387249,142.066204 254.227854,148.960282 L254.227854,148.960282 L179.500273,148.960282 L232.346817,201.642324 C228.192318,207.460402 223.557281,212.919983 218.523066,217.954452 L218.523066,217.954452 L218.507811,217.954452 C213.460883,222.988921 208.002065,227.6115 202.182208,231.742607 L202.182208,231.742607 L149.335663,179.04709 L149.335663,253.5672 C142.435229,254.723036 135.323765,255.333244 128.092802,255.348499 L128.092802,255.348499 L127.907197,255.348499 C120.673691,255.333244 113.590195,254.723036 106.677048,253.5672 L106.677048,253.5672 L106.677048,179.04709 L53.8457596,231.742607 C42.1780766,223.466917 31.977435,213.278734 23.6658953,201.642324 L23.6658953,201.642324 L76.4997269,148.960282 L1.78485803,148.960282 C0.612750404,142.052729 0,134.946095 0,127.719963 L0,127.719963 L0,127.349037 C0.0121454869,125.473817 0.134939797,123.182933 0.311311815,120.812834 L0.36577283,120.099764 C0.887996182,113.428547 1.78485803,106.400063 1.78485803,106.400063 L1.78485803,106.400063 L76.4997269,106.400063 L23.6658953,53.7047992 C27.8076812,47.8867213 32.4300059,42.4403618 37.4769335,37.4193681 L37.4769335,37.4193681 L37.5023588,37.3926715 C42.5391163,32.3582023 48.0106469,27.7488446 53.8457596,23.6044907 L53.8457596,23.6044907 L106.677048,76.2997796 L106.677048,1.77979593 C113.590195,0.624138494 120.688946,0.0131003068 127.932622,-0.000183105 L127.932622,-0.000183105 L128.080089,-0.000183105 Z M128.067377,95.7600714 L127.945335,95.7600714 C118.436262,95.7600714 109.32891,97.5001809 100.910584,100.661566 C97.7553011,109.043534 96.0085811,118.129275 95.9958684,127.613685 L95.9958684,127.733184 C96.0085811,137.217594 97.7553011,146.303589 100.923296,154.685303 C109.32891,157.846943 118.436262,159.587052 127.945335,159.587052 L128.067377,159.587052 C137.576449,159.587052 146.683802,157.846943 155.089415,154.685303 C158.257411,146.290368 160.004131,137.217594 160.004131,127.733184 L160.004131,127.613685 C160.004131,118.129275 158.257411,109.043534 155.089415,100.661566 C146.683802,97.5001809 137.576449,95.7600714 128.067377,95.7600714 Z"
        fill="#FF4A00"
        fillRule="nonzero"
      ></path>
    </g>
  </svg>
}
    href="/integrations/zapier"
  >
    Manage contacts and send emails from thousands of other platforms.
  </Card>
</CardGroup>

## Create templates

<CardGroup cols={2}>
  <Card title="Emailify" icon="upload" href="/creating-emails/uploading-custom-email#emailify">
    Import custom MJML email templates from Emailify.
  </Card>

  <Card title="Email Love" icon="upload" href="/creating-emails/uploading-custom-email#email-love">
    Import custom MJML email templates from Email Love.
  </Card>
</CardGroup>
