# 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>