# Quick Start

## 1 • Create Airtable Base

Give the base and table a name.

Create a number field to identify the record, such as a "ID". 

<figure><img src="https://2190804041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7wZjhCi3RG15YyVjBvgy%2Fuploads%2FEqF2WQLuQahbai9XJ3Xt%2Fimage.png?alt=media&#x26;token=0fb28558-d3c8-4515-9aa3-c472ae655e86" alt=""><figcaption><p>Give each record a number, such as 1, 2, 3 and so on. Or use autonumber field to automatically generate those numbers for you.</p></figcaption></figure>

## 2 • Generate two Airtable Access Tokens

Open [Airtable.com/create/tokens](https://airtable.com/create/tokens)

1. Mapper with permission `schema.bases:read`
2. 3DVista with permission `data.records:read`

*Select only the base that you want to access for this.*

## 3 • Get 3DVista setup code

As you are logged into Skin CMS, you create a new mapping. Fill in the mapping name as you like. Paste in the two access tokens you just generated in step 2, followed by the Base ID and Table name.

<figure><img src="https://2190804041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7wZjhCi3RG15YyVjBvgy%2Fuploads%2FhbOJCE4lx3Dd4KQBYQXZ%2Fimage.png?alt=media&#x26;token=bb6e0dbd-1a00-4bb5-b2a8-8e8db2379a38" alt=""><figcaption><p>Base ID is in the URL <code>app2R25X8ayTYu1V0</code>, while <code>Amazon.com</code> is the table name.</p></figcaption></figure>

After filling out the mapping configuration, you hit Save and connect Airtable. Optionally you can already map one field such as the Title with a skin label in 3DVista called "Title". Otherwise Save mapping to continue. In the 3DVista setup tab, you click `Copy 3DVista code to clipboard`.

Then getting into your 3DVista project, go to Skin > Main Viewer > Add Action > Execute Javascript > On Initizaliation > paste setup code

<figure><img src="https://2190804041-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7wZjhCi3RG15YyVjBvgy%2Fuploads%2FDWlFMDqSPti1l8QYsHET%2Fimage.gif?alt=media&#x26;token=11b93f00-d3e4-40f6-8950-7aee68de7811" alt=""><figcaption><p>Skin > Main Viewer > Add Action > Execute Javascript > On Initizaliation > paste setup code</p></figcaption></figure>

## 4 • Add Triggers

As we've created in step 1 a field called `ID` with numbers starting at 1, we can use the following Javascript snippet to trigger the record.

```javascript
window.BlazeCreators_skinCMS.openRecord(1, "ID");
```

To open record number 2, we just change the number 1 to 2. If you would rename the ID field to something else, then you'd need to rename that as well in the trigger.

***

That's it! Now you can start adding skin components in 3DVista, give those unique names and map them in Skin CMS.

Still having questions? Do not hestitate to ask! <https://skincms.com/contact>


---

# 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://skincms.360creators.com/quick-start.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.