# Use Custom Spline Scenes

Spline Control lets you connect your own Spline projects and animate them on scroll inside Wix Studio.

To do this, you need to paste the **Production URL** of your Spline scene into the app.

***

### Step 1: Open the Custom Tab

Select the Spline Control widget on your page to open the app panel.

At the top of the panel, you will see two tabs:

* **Templates**
* **Custom**

Click on the **Custom** tab.

You will now see an input field where you can paste your Spline link.

***

### Step 2: Get the Production URL from Spline

Open your Spline project in the Spline editor.

Then:

1. Click **Export** in the top-right corner
2. In the export panel, select **Viewer**
3. Copy the URL shown at the top

{% hint style="warning" %}
**Important:** Do **not** use the link from the **Public URL** tab.\
Only the **Viewer → Production URL** will work correctly with Spline Control.
{% endhint %}

***

### What the URL Should Look Like

A valid Production URL looks like this:

```
https://prod.spline.design/GXUK5SDmcob7xk8z/scene.splinecode
```

If your link starts with `prod.spline.design/` and ends with `/scene.splinecode`, you’re using the correct format.

***

### Step 3: Connect Your Scene

Go back to the Spline Control app panel.

1. Paste the Production URL into the input field
2. Click **Confirm** on the right side of the input

The app will now load your Spline scene automatically inside the widget.

You don’t need to refresh the page or reload the editor.

***

### Step 4: Animate Objects from Your Scene

Once your scene is connected:

* all objects from your Spline file are automatically imported
* each object becomes selectable in the animation settings

Click the **Settings (gear) icon** to open the animation panel.

From there, you can select any object and control how it moves, rotates, scales as users scroll. Each object can be animated independently.

***

### Tips for Using Custom Spline Scenes

* Keep object names organized in Spline to make them easier to find later
* Avoid extremely heavy models for better performance
* Test animations on the live site for the most accurate scroll behavior

***

### What’s Next?

Now that your own Spline scene is connected, continue with:

* [**Scroll Settings**](/interactive-studio/spline-control/get-started/scroll-settings.md) - control how animations respond to scroll


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://insync.gitbook.io/interactive-studio/spline-control/get-started/use-custom-spline-scenes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.