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

# How integrations work

> After connecting your social networks, the next step in Nemu's onboarding is to integrate your sales or checkout platform.

export const EcommerceIcon = ({ size = "large" }) => {
  const sizeClass = size === "small" ? "w-4" : "w-6";
  return (
    <div className={sizeClass}>
      <svg
        xmlns="http://www.w3.org/2000/svg"
        fill="none"
        stroke="#5c5afd"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"
        class="lucide lucide-shopping-cart-icon lucide-shopping-cart"
      >
        <circle cx="8" cy="21" r="1" />
        <circle cx="19" cy="21" r="1" />
        <path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12" />
      </svg>
    </div>
  );
};

export const GoogleSheetsIcon = ({ size = "large" }) => {
  const sizeClass = size === "small" ? "w-4" : "w-6";
  return (
    <div className={sizeClass}>
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74 100" fill="none">
        <mask
          id="a"
          style={{
            maskType: "alpha",
          }}
          maskUnits="userSpaceOnUse"
          x={1}
          y={1}
          width={71}
          height={98}
        >
          <path
            d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.623v83.894c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.922L45.398 1.43z"
            fill="#fff"
          />
        </mask>
        <g mask="url(#a)">
          <path
            d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.623v83.894c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.922L56.436 16.884 45.398 1.43z"
            fill="#0F9D58"
          />
        </g>
        <mask
          id="b"
          style={{
            maskType: "alpha",
          }}
          maskUnits="userSpaceOnUse"
          x={1}
          y={1}
          width={71}
          height={98}
        >
          <path
            d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.623v83.894c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.922L45.398 1.43z"
            fill="#fff"
          />
        </mask>
        <g mask="url(#b)">
          <path
            d="M18.905 48.896v32.012H54.23V48.896H18.905zM34.36 76.493H23.321v-5.52h11.038v5.52zm0-8.831H23.321v-5.52h11.038v5.52zm0-8.831H23.321v-5.52h11.038v5.52zm15.454 17.662H38.775v-5.52h11.038v5.52zm0-8.831H38.775v-5.52h11.038v5.52zm0-8.831H38.775v-5.52h11.038v5.52z"
            fill="#F1F1F1"
          />
        </g>
        <mask
          id="c"
          style={{
            maskType: "alpha",
          }}
          maskUnits="userSpaceOnUse"
          x={1}
          y={1}
          width={71}
          height={98}
        >
          <path
            d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.623v83.894c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.922L45.398 1.43z"
            fill="#fff"
          />
        </mask>
        <g mask="url(#c)">
          <path
            d="M47.335 25.986l24.556 24.55V27.922l-24.556-1.937z"
            fill="url(#paint0_linear_1:52)"
          />
        </g>
        <mask
          id="d"
          style={{
            maskType: "alpha",
          }}
          maskUnits="userSpaceOnUse"
          x={1}
          y={1}
          width={71}
          height={98}
        >
          <path
            d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.623v83.894c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.922L45.398 1.43z"
            fill="#fff"
          />
        </mask>
        <g mask="url(#d)">
          <path
            d="M45.398 1.43V21.3a6.621 6.621 0 006.623 6.623h19.87L45.398 1.43z"
            fill="#87CEAC"
          />
        </g>
        <mask
          id="e"
          style={{
            maskType: "alpha",
          }}
          maskUnits="userSpaceOnUse"
          x={1}
          y={1}
          width={71}
          height={98}
        >
          <path
            d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.623v83.894c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.922L45.398 1.43z"
            fill="#fff"
          />
        </mask>
        <g mask="url(#e)">
          <path
            d="M7.867 1.43c-3.643 0-6.623 2.98-6.623 6.623v.552c0-3.642 2.98-6.623 6.623-6.623h37.531V1.43H7.867z"
            fill="#fff"
            fillOpacity={0.2}
          />
        </g>
        <mask
          id="f"
          style={{
            maskType: "alpha",
          }}
          maskUnits="userSpaceOnUse"
          x={1}
          y={1}
          width={71}
          height={98}
        >
          <path
            d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.623v83.894c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.922L45.398 1.43z"
            fill="#fff"
          />
        </mask>
        <g mask="url(#f)">
          <path
            d="M65.267 98.018h-57.4c-3.643 0-6.623-2.98-6.623-6.623v.552c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623v-.552c0 3.642-2.98 6.623-6.624 6.623z"
            fill="#263238"
            fillOpacity={0.2}
          />
        </g>
        <mask
          id="g"
          style={{
            maskType: "alpha",
          }}
          maskUnits="userSpaceOnUse"
          x={1}
          y={1}
          width={71}
          height={98}
        >
          <path
            d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.623v83.894c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.922L45.398 1.43z"
            fill="#fff"
          />
        </mask>
        <g mask="url(#g)">
          <path
            d="M52.021 27.923a6.621 6.621 0 01-6.623-6.623v.552a6.621 6.621 0 006.623 6.623h19.87v-.552H52.02z"
            fill="#263238"
            fillOpacity={0.1}
          />
        </g>
        <path
          d="M45.398 1.43H7.867c-3.643 0-6.623 2.98-6.623 6.623v83.894c0 3.642 2.98 6.623 6.623 6.623h57.4c3.643 0 6.624-2.98 6.624-6.623V27.922L45.398 1.43z"
          fill="url(#paint1_radial_1:52)"
        />
        <defs>
          <linearGradient
            id="paint0_linear_1:52"
            x1={59.6142}
            y1={28.0935}
            x2={59.6142}
            y2={50.5388}
            gradientUnits="userSpaceOnUse"
          >
            <stop stopColor="#263238" stopOpacity={0.2} />
            <stop offset={1} stopColor="#263238" stopOpacity={0.02} />
          </linearGradient>
          <radialGradient
            id="paint1_radial_1:52"
            cx={0}
            cy={0}
            r={1}
            gradientUnits="userSpaceOnUse"
            gradientTransform="translate(3.482 3.361) scale(113.917)"
          >
            <stop stopColor="#fff" stopOpacity={0.1} />
            <stop offset={1} stopColor="#fff" stopOpacity={0} />
          </radialGradient>
        </defs>
      </svg>
    </div>
  );
};

<Tip>
  Integrating your sales platform is essential so that Nemu can capture data
  from each sale, associate conversions with the correct campaigns, and generate
  complete performance reports.
</Tip>

### Integration methods

Integrations can be done in two ways:

* **Via API:** for platforms that offer direct and authorized connection.
* **Via Webhook:** for platforms that trigger events (such as "purchase made") with sale data.

<Info>
  The choice between API or Webhook depends on the platform used. Each scenario
  has a specific tutorial.
</Info>

## Important tips

* Make sure you are logged into the correct platform account you want to integrate.
* Check if your account allows creating Webhooks or API tokens.
* After integration, validate that data is arriving correctly in the Dashboard.

## Available platforms

> Click on the card to access the tutorial for each platform and how to integrate

<CardGroup cols={4}>
  <Card title="Adoorei" href="/en/onboarding/integrations/adoorei" icon={<EcommerceIcon />} />

  <Card title="Appmax" href="/en/onboarding/integrations/appmax" icon={<EcommerceIcon />} />

  <Card title="Atomicat" href="/en/onboarding/integrations/atomicat" icon={<EcommerceIcon />} />

  <Card title="Azcend" href="/en/onboarding/integrations/azcend" icon={<EcommerceIcon />} />

  <Card title="B4you" href="/en/onboarding/integrations/b4you" icon={<EcommerceIcon />} />

  <Card title="Bagy" href="/en/onboarding/integrations/bagy" icon={<EcommerceIcon />} />

  <Card title="Braip" href="/en/onboarding/integrations/braip" icon={<EcommerceIcon />} />

  <Card title="Buygoods" href="/en/onboarding/integrations/buygoods" icon={<EcommerceIcon />} />

  <Card title="Cartpanda" href="/en/onboarding/integrations/cartpanda" icon={<EcommerceIcon />} />

  <Card title="CheckoutPage" href="/en/onboarding/integrations/checkoutpage" icon={<EcommerceIcon />} />

  <Card title="Doppus" href="/en/onboarding/integrations/doppus" icon={<EcommerceIcon />} />

  <Card title="Eduzz" href="/en/onboarding/integrations/eduzz" icon={<EcommerceIcon />} />

  <Card title="Elementor" href="/en/onboarding/integrations/elementor" icon={<EcommerceIcon />} />

  <Card title="Evermart" href="/en/onboarding/integrations/evermart" icon={<EcommerceIcon />} />

  <Card title="Framer" href="/en/onboarding/integrations/framer" icon={<EcommerceIcon />} />

  <Card title="Greenn" href="/en/onboarding/integrations/greenn" icon={<EcommerceIcon />} />

  <Card title="Guru" href="/en/onboarding/integrations/guru" icon={<EcommerceIcon />} />

  <Card title="Hotmart" href="/en/onboarding/integrations/hotmart" icon={<EcommerceIcon />} />

  <Card title="Hubla" href="/en/onboarding/integrations/hubla" icon={<EcommerceIcon />} />

  <Card title="Iexperience" href="/en/onboarding/integrations/iexperience" icon={<EcommerceIcon />} />

  <Card title="Inlead" href="/en/onboarding/integrations/inlead" icon={<EcommerceIcon />} />

  <Card title="Irroba" href="/en/onboarding/integrations/irroba" icon={<EcommerceIcon />} />

  <Card title="JetEcommerce" href="/en/onboarding/integrations/jetecommerce" icon={<EcommerceIcon />} />

  <Card title="Kirvano" href="/en/onboarding/integrations/kirvano" icon={<EcommerceIcon />} />

  <Card title="Kiwify" href="/en/onboarding/integrations/kiwify" icon={<EcommerceIcon />} />

  <Card title="Lastlink" href="/en/onboarding/integrations/lastlink" icon={<EcommerceIcon />} />

  <Card title="Loja Integrada" href="/en/onboarding/integrations/loja-integrada" icon={<EcommerceIcon />} />

  <Card title="Magazord" href="/en/onboarding/integrations/magazord" icon={<EcommerceIcon />} />

  <Card title="Magento" href="/en/onboarding/integrations/magento" icon={<EcommerceIcon />} />

  <Card title="Monetizze" href="/en/onboarding/integrations/monetizze" icon={<EcommerceIcon />} />

  <Card title="Nuvemshop" href="/en/onboarding/integrations/nuvemshop" icon={<EcommerceIcon />} />

  <Card title="Octuspay" href="/en/onboarding/integrations/octuspay" icon={<EcommerceIcon />} />

  <Card title="Payt" href="/en/onboarding/integrations/payt" icon={<EcommerceIcon />} />

  <Card title="Pepper" href="/en/onboarding/integrations/pepper" icon={<EcommerceIcon />} />

  <Card title="Perfectpay" href="/en/onboarding/integrations/perfectpay" icon={<EcommerceIcon />} />

  <Card title="Planilhas Google" href="/en/onboarding/integrations/google-sheets" icon={<GoogleSheetsIcon />} />

  <Card title="Reportana" href="/en/onboarding/integrations/reportana" icon={<EcommerceIcon />} />

  <Card title="Shopify" href="/en/onboarding/integrations/shopify" icon={<EcommerceIcon />} />

  <Card title="Shoppub" href="/en/onboarding/integrations/shoppub" icon={<EcommerceIcon />} />

  <Card title="Sympla" href="/en/onboarding/integrations/sympla" icon={<EcommerceIcon />} />

  <Card title="Ticto" href="/en/onboarding/integrations/ticto" icon={<EcommerceIcon />} />

  <Card title="Tray" href="/en/onboarding/integrations/tray" icon={<EcommerceIcon />} />

  <Card title="Typebot" href="/en/onboarding/integrations/typebot" icon={<EcommerceIcon />} />

  <Card title="Uappi" href="/en/onboarding/integrations/uappi" icon={<EcommerceIcon />} />

  <Card title="Umpi" href="/en/onboarding/integrations/umpi" icon={<EcommerceIcon />} />

  <Card title="Vega" href="/en/onboarding/integrations/vega" icon={<EcommerceIcon />} />

  <Card title="VNDA" href="/en/onboarding/integrations/vnda" icon={<EcommerceIcon />} />

  <Card title="VTEX" href="/en/onboarding/integrations/vtex" icon={<EcommerceIcon />} />

  <Card title="Wake" href="/en/onboarding/integrations/wake" icon={<EcommerceIcon />} />

  <Card title="Wbuy" href="/en/onboarding/integrations/wbuy" icon={<EcommerceIcon />} />

  <Card title="WooCommerce" href="/en/onboarding/integrations/woocommerce" icon={<EcommerceIcon />} />

  <Card title="WordPress" href="/en/onboarding/integrations/wordpress" icon={<EcommerceIcon />} />

  <Card title="Yampi" href="/en/onboarding/integrations/yampi" icon={<EcommerceIcon />} />

  <Card title="Yever" href="/en/onboarding/integrations/yever" icon={<EcommerceIcon />} />
</CardGroup>
