# Framer A/B testing for fast-moving design teams

Add Otter from Framer's site settings, publish the snippet site-wide, and test conversion ideas without moving the page into a different stack.

## Setup

Install location: Framer Site Settings > Custom Code

1. Paste the Otter snippet into Framer's head custom code.
2. Publish the site and verify the project in Otter.
3. Build the variant visually and choose the conversion goal.

```html
<!-- Otter -->
<style id="optimo-hide">body{opacity:0 !important}</style>
<script src="https://www.otterab.com/sdk/optimo.js"
  key="YOUR_API_KEY" async></script>
```

## What teams test on Framer

- Landing page headlines
- Signup and demo CTAs
- Pricing-page messaging
- Campaign-specific variants

## Frequently asked questions

### Can I install Otter on a Framer-hosted site?

Yes. Framer's site-wide Custom Code setting loads the Otter snippet on every published page.

### Do I need to export my Framer project?

No. Installation and testing both work on the hosted site, so no export or custom deployment is required.

### Can designers create variants without engineering help?

Yes. The visual editor supports common copy, style, layout, and visibility changes without code.

---

Canonical page: https://www.otterab.com/ab-testing/framer