# How to Create a Performance Website in INVISION

<section class="text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&:has([data-writing-block])>*]:pointer-events-auto [content-visibility:auto] supports-[content-visibility:auto]:[contain-intrinsic-size:auto_100lvh] R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]" data-scroll-anchor="false" data-testid="conversation-turn-66" data-turn="assistant" data-turn-id="request-WEB:b5bb736d-9f54-404c-af15-78f91a9002c8-33" dir="auto" id="bkmrk-audience%3A-super-admi">**Audience:** Super Admins only  
**Purpose:** This guide explains how to create and publish a client-facing Performance Website through INVISION.

## Overview

Performance Websites allow approved trial results to be published as a polished, public-facing experience that can be shared with clients, commercial teams, partners, and external audiences.

Super Admins can now create these websites directly from INVISION using a guided setup workflow.

## Step 1: Open Performance Websites

From the INVISION left navigation, go to:

**Super Admin → Performance Websites**

  
This page displays all existing Performance Websites, including their status and last updated timestamp.

To create a new website, click **Create Website**.

## Step 2: Configure Website Basics

[![image.png](https://docs.prod.intent.ag/uploads/images/gallery/2026-05/scaled-1680-/GAKimage.png)](https://docs.prod.intent.ag/uploads/images/gallery/2026-05/GAKimage.png)

In the **Website Basics** step, enter the foundational website information.

Complete the following fields:

**Client**  
Select the client the Performance Website belongs to.

**Website Name**  
Enter the internal website name. This name is used in the admin list and helps identify the website inside INVISION.

**URL Slug**  
Enter the public URL slug for the website. The slug should use lowercase letters, numbers, and hyphens only.

Example:

`/performance/invision`

After completing this step, continue to the dataset selection step.

## Step 3: Select Trial Data

In the **Dataset** step, choose which trial protocols should be included on the Performance Website.

[![image.png](https://docs.prod.intent.ag/uploads/images/gallery/2026-05/scaled-1680-/SBiimage.png)](https://docs.prod.intent.ag/uploads/images/gallery/2026-05/SBiimage.png)

Use the protocol table to review available trial data by:

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn"><div class="flex max-w-full flex-col gap-4 grow"><div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&]:mt-1" data-message-author-role="assistant" data-message-id="4d8091c9-70e6-45a8-8f64-a2142b95007c" data-message-model-slug="gpt-5-5-thinking" data-turn-start-message="true" dir="auto" tabindex="0"><div class="flex w-full flex-col gap-1 empty:hidden"><div class="markdown prose dark:prose-invert wrap-break-word w-full dark markdown-new-styling">- Protocol name
- Crop
- Year
- Field count

</div></div></div></div></div></div>Select the checkbox next to each protocol that should appear on the public-facing website.

You can also use the search field to filter protocols and quickly find the correct trial data.

## Step 4: Configure Template and Branding

In the **Template &amp; Branding** step, configure how the public website should look and what supporting information should appear.

Complete the following fields:

[![image.png](https://docs.prod.intent.ag/uploads/images/gallery/2026-05/scaled-1680-/FqXimage.png)](https://docs.prod.intent.ag/uploads/images/gallery/2026-05/FqXimage.png)

**Website Title**  
The title shown on the public Performance Website.

**Subtitle**  
Supporting text that appears under the title.

**Icon / Logo**  
Add the website logo or icon using a URL or file upload.

**Primary Color**  
Choose the main brand color for the website.

**Contrast Text Color**  
Choose the text color used against the primary color.

**Disclaimer Text**  
Add any disclaimer or supporting message that should appear on the public website.

You can also configure website options such as:

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn"><div class="flex max-w-full flex-col gap-4 grow"><div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&]:mt-1" data-message-author-role="assistant" data-message-id="4d8091c9-70e6-45a8-8f64-a2142b95007c" data-message-model-slug="gpt-5-5-thinking" data-turn-start-message="true" dir="auto" tabindex="0"><div class="flex w-full flex-col gap-1 empty:hidden"><div class="markdown prose dark:prose-invert wrap-break-word w-full dark markdown-new-styling">- Publish website
- Enable data auto update
- Show Powered By
- Enable Map Clustering

</div></div></div></div></div></div>If needed, add external links that should appear on the website, such as a company website or related performance page.

## Step 5: Publish the Website

[![image.png](https://docs.prod.intent.ag/uploads/images/gallery/2026-05/scaled-1680-/F6Dimage.png)](https://docs.prod.intent.ag/uploads/images/gallery/2026-05/F6Dimage.png)

Once the website basics, dataset, and branding are configured, publish the website.

After publishing, INVISION will display a **Website Published** confirmation screen.

The website will then appear in the **Performance Websites** list with a published status.

## Step 6: Open the Published Website

After the website is published, return to the **Performance Websites** list.

The website row will show:

<div class="text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)"><div class="[--thread-content-max-width:40rem] @w-lg/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn"><div class="flex max-w-full flex-col gap-4 grow"><div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+&]:mt-1" data-message-author-role="assistant" data-message-id="4d8091c9-70e6-45a8-8f64-a2142b95007c" data-message-model-slug="gpt-5-5-thinking" data-turn-start-message="true" dir="auto" tabindex="0"><div class="flex w-full flex-col gap-1 empty:hidden"><div class="markdown prose dark:prose-invert wrap-break-word w-full dark markdown-new-styling">- Website name
- Client
- Published status
- Last updated timestamp

</div></div></div></div></div></div>Use the external link icon on the right side of the row to open the published Performance Website URL.

[![image.png](https://docs.prod.intent.ag/uploads/images/gallery/2026-05/scaled-1680-/UI3image.png)](https://docs.prod.intent.ag/uploads/images/gallery/2026-05/UI3image.png)

## Notes

Only Super Admins can create and manage Performance Websites.

The published website should only include approved trial data that is ready for external visibility.

</section>