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

# Loqate Integrations for Commerce and CRM Platforms

> Pre-built Loqate integrations for Shopify Plus, Adobe Commerce, BigCommerce, Salesforce, Microsoft Dynamics 365, commercetools, and more.

export const DarkModeCard = ({title, lightImg, darkImg, children, href, ...props}) => {
  return <div className="card">
      <a href={href} className="border-solid border dark:border(--loqate-border-dark) rounded-lg border-[--loqate-border] dark:border-[--loqate-border-dark] flex p-[20px] items-start text-[--loqate-text] dark:text-[--loqate-text-dark] hover:-translate-y-1 hover:shadow-[0_8px_16px_var(--loqate-shadow)] hover:dark:shadow-[0_8px_16px_var(--loqate-shadow-dark)] transition-transform duration-200 hover:shadow-lg p-4">
      <div className="ml-auto flex items-center text-[var(--loqate-primary)] opacity-70 transition-opacity transition-transform duration-200 ease-in-out">
        <img noZoom viewBox="0 0 24 24" fill="none" width="150" height="150" className="block dark:hidden" src={lightImg} alt={title} />
        <img noZoom viewBox="0 0 24 24" fill="none" width="150" height="150" className="hidden dark:block" src={darkImg} alt={title} />
        <div className="card-content">
        <h3>{title}</h3>
        {children}
      </div>
      </div>
      </a>
    </div>;
};

<CardGroup cols={3}>
  <Card href="/integrations/shopify-overview">
    <div className="integration-logo-container">
      <img src="https://uat.loqate.com/media/dgfnoekv/shopify-plus.svg" alt="Shopify Plus" className="block dark:hidden" />

      <img src="https://uat.loqate.com/media/eb4idcnq/shopify-plus.svg" alt="Shopify Plus" className="hidden dark:block" />
    </div>

    <h3 className="integration-title">Shopify Plus</h3>
    <p>Native integration for Shopify Plus stores</p>
  </Card>

  <Card href="/integrations/adobe-commerce">
    <img src="https://uat.loqate.com/media/gjrk4ijt/adobe-commerce.svg" alt="Adobe Commerce" className="integration-logo" />

    <h3 className="integration-title">Adobe Commerce</h3>
    <p>Magento and Adobe Commerce integration</p>
  </Card>

  <Card href="/integrations/bigcommerce">
    <div className="integration-logo-container">
      <img src="https://uat.loqate.com/media/n4papthm/bigcommerce.png" alt="BigCommerce" className="block dark:hidden" />

      <img src="https://uat.loqate.com/media/kggjnp4t/bigcommerce.svg" alt="BigCommerce" className="hidden dark:block" />
    </div>

    <h3 className="integration-title">BigCommerce</h3>
    <p>BigCommerce platform integration</p>
  </Card>

  <Card href="/integrations/microsoft-dynamics-365">
    <div className="integration-logo-container">
      <img src="https://uat.loqate.com/media/wuhpl5sr/dynamic365.svg" alt="Microsoft Dynamics 365" className="block dark:hidden" />

      <img src="https://uat.loqate.com/media/10rfciv5/dynamic365.svg" alt="Microsoft Dynamics 365" className="hidden dark:block" />
    </div>

    <h3 className="integration-title">Microsoft Dynamics 365</h3>
    <p>Dynamics 365 CRM integration</p>
  </Card>

  <Card href="/integrations/salesforce-commerce-cloud">
    <img src="https://uat.loqate.com/media/rzehm0gb/salesforce.svg" alt="Salesforce" className="integration-logo" />

    <h3 className="integration-title">Salesforce Commerce Cloud</h3>
    <p>Salesforce Commerce Cloud integration</p>
  </Card>

  <Card href="/integrations/commercetools">
    <div className="integration-logo-container">
      <img src="https://uat.loqate.com/media/ow3bk2m2/commercetools.svg" alt="commercetools" className="block dark:hidden" />

      <img src="https://uat.loqate.com/media/5wuip3kk/commercetools.svg" alt="commercetools" className="hidden dark:block" />
    </div>

    <h3 className="integration-title">commercetools</h3>
    <p>commercetools headless commerce platform</p>
  </Card>

  <Card href="/integrations/salesforce-crm">
    <img src="https://uat.loqate.com/media/rzehm0gb/salesforce.svg" alt="Salesforce" className="integration-logo" />

    <h3 className="integration-title">Salesforce CRM</h3>
    <p>Salesforce CRM integration</p>
  </Card>

  <Card href="/integrations/shopware">
    <img src="https://uat.loqate.com/media/43wgb1x0/shopware.svg" alt="Shopware" className="integration-logo" />

    <h3 className="integration-title">Shopware</h3>
    <p>Shopware e-commerce platform</p>
  </Card>

  <Card href="/integrations/reapit">
    <img src="https://mintcdn.com/loqate/lWfUs4aqJ-lwssBc/images/integrations/reapit/reapit.png?fit=max&auto=format&n=lWfUs4aqJ-lwssBc&q=85&s=ab2a28d2e3fd32a65cc0b6929dcd0b6a" alt="Reapit" className="integration-logo" width="380" height="309" data-path="images/integrations/reapit/reapit.png" />

    <h3 className="integration-title">Reapit</h3>
    <p>Reapit property software integration</p>
  </Card>
</CardGroup>