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

# Getting Started

> Explore our guides and examples to integrate with Order Protection.

<CardGroup cols={2}>
  <Card
    title="Custom"
    icon={
  <svg
    width="40"
    height="40"
    viewBox="0 0 48 48"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect x="4" y="12" width="39.6" height="24" rx="12" fill="#5B1FD3" />
    <circle cx="31.6" cy="24" r="9.6" fill="white" />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M36.4291 20.6109C36.7103 20.8921 36.7103 21.348 36.4291 21.6291L30.6691 27.3891C30.3879 27.6703 29.9321 27.6703 29.6509 27.3891L26.7709 24.5091C26.4897 24.228 26.4897 23.7721 26.7709 23.4909C27.0521 23.2097 27.5079 23.2097 27.7891 23.4909L30.16 25.8618L35.4109 20.6109C35.6921 20.3297 36.1479 20.3297 36.4291 20.6109Z"
      fill="#5B1FD3"
    />
  </svg>
}
    href="/api-reference"
  >
    Integrate Order Protection with your custom website.
  </Card>

  {" "}

  <Card title="API" icon="webhook" href="/api-reference">
    Integrate with our feature rich API.
  </Card>

  {" "}

  <Card
    title="Platforms"
    href="/platforms"
    icon={
<span
  style={{
    color:
      typeof window !== "undefined" &&
      window.matchMedia("(prefers-color-scheme: dark)").matches
        ? "#9B9BFD"
        : "#6D37D9",
  }}
>
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M19 7H16V6C16 4.93913 15.5786 3.92172 14.8284 3.17157C14.0783 2.42143 13.0609 2 12 2C10.9391 2 9.92172 2.42143 9.17157 3.17157C8.42143 3.92172 8 4.93913 8 6V7H5C4.73478 7 4.48043 7.10536 4.29289 7.29289C4.10536 7.48043 4 7.73478 4 8V19C4 19.7956 4.31607 20.5587 4.87868 21.1213C5.44129 21.6839 6.20435 22 7 22H17C17.7956 22 18.5587 21.6839 19.1213 21.1213C19.6839 20.5587 20 19.7956 20 19V8C20 7.73478 19.8946 7.48043 19.7071 7.29289C19.5196 7.10536 19.2652 7 19 7ZM10 6C10 5.46957 10.2107 4.96086 10.5858 4.58579C10.9609 4.21071 11.4696 4 12 4C12.5304 4 13.0391 4.21071 13.4142 4.58579C13.7893 4.96086 14 5.46957 14 6V7H10V6ZM18 19C18 19.2652 17.8946 19.5196 17.7071 19.7071C17.5196 19.8946 17.2652 20 17 20H7C6.73478 20 6.48043 19.8946 6.29289 19.7071C6.10536 19.5196 6 19.2652 6 19V9H8V10C8 10.2652 8.10536 10.5196 8.29289 10.7071C8.48043 10.8946 8.73478 11 9 11C9.26522 11 9.51957 10.8946 9.70711 10.7071C9.89464 10.5196 10 10.2652 10 10V9H14V10C14 10.2652 14.1054 10.5196 14.2929 10.7071C14.4804 10.8946 14.7348 11 15 11C15.2652 11 15.5196 10.8946 15.7071 10.7071C15.8946 10.5196 16 10.2652 16 10V9H18V19Z"
      fill="currentColor"
    />
  </svg>
</span>
}
  >
    Explore all platforms you can integrate with Order Protection.
  </Card>

  {" "}

  <Card
    title="Integrations"
    href="/integrations"
    icon={
<span
  style={{
    color:
      typeof window !== "undefined" &&
      window.matchMedia("(prefers-color-scheme: dark)").matches
        ? "#9B9BFD"
        : "#6D37D9",
  }}
>
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M17.9999 10.0002C17.9999 9.73497 17.8945 9.48062 17.707 9.29308C17.5195 9.10554 17.2651 9.00019 16.9999 9.00019H5.4099L7.7099 6.71019C7.8982 6.52188 8.00399 6.26649 8.00399 6.00019C8.00399 5.73388 7.8982 5.47849 7.7099 5.29019C7.52159 5.10188 7.2662 4.99609 6.9999 4.99609C6.73359 4.99609 6.4782 5.10188 6.2899 5.29019L2.2899 9.29019C2.15114 9.43081 2.05714 9.60938 2.01977 9.80337C1.98239 9.99736 2.00332 10.1981 2.0799 10.3802C2.15492 10.5628 2.28231 10.7191 2.44603 10.8295C2.60975 10.9398 2.80247 10.9992 2.9999 11.0002H16.9999C17.2651 11.0002 17.5195 10.8948 17.707 10.7073C17.8945 10.5198 17.9999 10.2654 17.9999 10.0002ZM21.9199 13.6202C21.8449 13.4376 21.7175 13.2812 21.5538 13.1709C21.39 13.0606 21.1973 13.0012 20.9999 13.0002H6.9999C6.73468 13.0002 6.48033 13.1055 6.29279 13.2931C6.10525 13.4806 5.9999 13.735 5.9999 14.0002C5.9999 14.2654 6.10525 14.5198 6.29279 14.7073C6.48033 14.8948 6.73468 15.0002 6.9999 15.0002H18.5899L16.2899 17.2902C16.1962 17.3831 16.1218 17.4937 16.071 17.6156C16.0202 17.7375 15.9941 17.8682 15.9941 18.0002C15.9941 18.1322 16.0202 18.2629 16.071 18.3848C16.1218 18.5066 16.1962 18.6172 16.2899 18.7102C16.3829 18.8039 16.4935 18.8783 16.6153 18.9291C16.7372 18.9798 16.8679 19.006 16.9999 19.006C17.1319 19.006 17.2626 18.9798 17.3845 18.9291C17.5063 18.8783 17.6169 18.8039 17.7099 18.7102L21.7099 14.7102C21.8487 14.5696 21.9426 14.391 21.98 14.197C22.0174 14.003 21.9965 13.8023 21.9199 13.6202Z"
      fill="currentColor"
    />
  </svg>
</span>
}
  >
    Explore all integrations available for Order Protection.
  </Card>

  {" "}

  <Card
    title="Guides"
    href="/guides"
    icon={
<span
  style={{
    color:
      typeof window !== "undefined" &&
      window.matchMedia("(prefers-color-scheme: dark)").matches
        ? "#9B9BFD"
        : "#6D37D9",
  }}
>
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M21.32 5.0503L15.32 3.0503H15.25C15.2035 3.04562 15.1566 3.04562 15.11 3.0503H14.88H14.75H14.68L9 5.0003L3.32 3.0503C3.16962 3.00071 3.00961 2.98754 2.85314 3.01188C2.69667 3.03622 2.54822 3.09737 2.42 3.1903C2.29076 3.28232 2.18527 3.40376 2.11224 3.54461C2.03921 3.68545 2.00074 3.84165 2 4.0003V18.0003C1.99946 18.2099 2.06482 18.4145 2.18685 18.5849C2.30887 18.7554 2.48138 18.8832 2.68 18.9503L8.68 20.9503C8.88145 21.016 9.09856 21.016 9.3 20.9503L15 19.0503L20.68 21.0003C20.7862 21.0147 20.8938 21.0147 21 21.0003C21.2091 21.0032 21.4132 20.9364 21.58 20.8103C21.7092 20.7183 21.8147 20.5968 21.8878 20.456C21.9608 20.3151 21.9993 20.1589 22 20.0003V6.0003C22.0005 5.79066 21.9352 5.58614 21.8132 5.41567C21.6911 5.2452 21.5186 5.11738 21.32 5.0503ZM8 18.6103L4 17.2803V5.3903L8 6.7203V18.6103ZM14 17.2803L10 18.6103V6.7203L14 5.3903V17.2803ZM20 18.6103L16 17.2803V5.3903L20 6.7203V18.6103Z"
      fill="currentColor"
    />
  </svg>
</span>
}
  >
    Learn how to use Order Protection.
  </Card>
</CardGroup>