# Custom Integration | Vitra.ai

> Use Vitra APIs, SDKs, MCP, CLI, or webhooks to connect creation, translation, personalization, review, and publishing to your own systems.

**Canonical URL**: https://www.vitra.ai/integration/custom-integration
**Source**: This is the Markdown rendering of https://www.vitra.ai/integration/custom-integration, generated at build time from that page.

---

![](https://www.vitra.ai/icons/integrations/custom-integration.svg)

Vitra integration

# Custom Integration

Use Vitra APIs, SDKs, MCP, CLI, or webhooks to connect creation, translation, personalization, review, and publishing to your own systems.

[Connect Custom↗](https://universe.vitra.ai)

[←All integrations](https://www.vitra.ai/integrations)

Custom Integration

Browse ▾

[←All integrations](https://www.vitra.ai/integrations)

## Custom Integration

Universe Website Translation integration provides AI translation for websites and apps via flexible APIs, supporting any tech stack.

## Using Universe Website Translation with Custom Integration

- ✓If your platform or framework is not listed (or you prefer manual setup), select:
- ✓Project Technology → Others
- ✓This option is designed for:
- ✓Custom-built websites
- ✓Static HTML sites
- ✓Custom CMS
- ✓Internal enterprise portals
- ✓Any unsupported framework
- ✓You don't need special configuration.
- ✓You just need to add the Universe Website Translation snippet manually.

Workflow

## How it works

01

### Select "Others" as Project Technology

- When creating a project:
- Choose Others
- Complete project setup

02

### Add the Snippet to Your Website

Open your website's main layout file.

- Look for the global section:
-

- Paste the snippet just before:
-
-
- /* Paste Vitra Snippet Here */
-
-

Example:

Save the file.

03

### Deploy / Publish

- After saving:
- Upload the updated file
- Redeploy your site
- Clear cache (if using CDN)

That's it

Universe Website Translation is now active.

![Deploy / Publish](https://www.vitra.ai/static/images/integration/custom integration.png)

## What Happens After Integration?

- ✓Once added, Universe Website Translation:
- ✓Works across all pages
- ✓Detects dynamic content
- ✓Supports SPA frameworks
- ✓Preserves layout & styling
- ✓Reduces international bounce rates
- ✓No dependency on backend language setup.

## Where Exactly Should It Be Added?

- →For best performance:
- →Inside global
- →In layout file used across all pages
- →Not inside a single page template
- →Not inside a specific component
- →If your platform provides:
- →"Custom Header Script"
- →"Global JS Injection"
- →"Site-wide Code"
- →"Header HTML"
- →You can paste it there instead of editing files.

## Safe & Reversible

- →To disable:
- →Remove the snippet
- →Redeploy
- →No impact on site structure.

## When Should You Use "Others"?

- →Use it when:
- →Your framework is not listed
- →You're using a proprietary CMS
- →You're using Webflow export
- →You have static hosting (S3, Netlify, Vercel static)
- →You want full manual control

Next step

[Connect now ↗](https://universe.vitra.ai)

## Where to go next

Custom is one way into Vitra.ai. The Vitra.ai platform is the capability doing the work behind it.

[CapabilityThe Vitra.ai platform](https://www.vitra.ai/platform)[Read nextBuild a Custom Translation API Integration](https://www.vitra.ai/general/custom-translation-api-integration)[Read nextBuilding a custom translation integration](https://www.vitra.ai/general/custom-translation-api-integration)

Browse every connector on the [integrations directory](https://www.vitra.ai/integrations).

---

## Structured data

```json
{
  "@context": "https://schema.org",
  "@type": "SoftwareApplication",
  "name": "Custom integration",
  "applicationCategory": "BusinessApplication",
  "operatingSystem": "Web",
  "url": "https://www.vitra.ai/integration/custom-integration",
  "description": "Use Vitra APIs, SDKs, MCP, CLI, or webhooks to connect creation, translation, personalization, review, and publishing to your own systems.",
  "featureList": [
    "Use Vitra APIs, SDKs, MCP, CLI, or webhooks to connect creation, translation, personalization, review, and publishing to your own systems.",
    "Use Vitra APIs, SDKs, MCP, CLI, or webhooks to connect creation, translation, personalization, review, and publishing to your own systems."
  ],
  "isPartOf": {
    "@type": "SoftwareApplication",
    "name": "Vitra Universe",
    "url": "https://www.vitra.ai"
  },
  "publisher": {
    "@id": "https://www.vitra.ai/#organization"
  }
}
```

```json
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://www.vitra.ai"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Integrations",
      "item": "https://www.vitra.ai/integrations"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Custom integration",
      "item": "https://www.vitra.ai/integration/custom-integration"
    }
  ]
}
```