Skin CMS
Ext. linksLegal
Skin CMS
Skin CMS
  • Quick Start
  • 3DVista Skin Components
    • 3DVista Label
    • 3DVista Multiline
    • 3DVista Image
    • 3DVista WebFrame
    • 3DVista Button
  • Dynamic Photo Album
  • Optional Features
    • 🟢Mobile sync
    • 🟢Map multiple 3DVista skin components
    • 🟠Attribute Styling
    • 🟠3DVista Functions
      • Show or hide Hotspots
  • Videos
    • All videos • Youtube Playlist
    • Collaborate in Airtable
    • Right click edit this content
    • Linked records to Categorize
    • Dynamic buy button with stripe
  • Common errors
Powered by GitBook
On this page
  • 1 • Create Airtable Base
  • 2 • Generate two Airtable Access Tokens
  • 3 • Get 3DVista setup code
  • 4 • Add Triggers

Was this helpful?

Quick Start

Next3DVista Label

Last updated 9 months ago

Was this helpful?

1 • Create Airtable Base

Give the base and table a name.

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

2 • Generate two Airtable Access 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.

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

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.

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.

Open

Still having questions? Do not hestitate to ask!

Airtable.com/create/tokens
https://skincms.com/contact
Give each record a number, such as 1, 2, 3 and so on. Or use autonumber field to automatically generate those numbers for you.
Base ID is in the URL app2R25X8ayTYu1V0, while Amazon.com is the table name.
Skin > Main Viewer > Add Action > Execute Javascript > On Initizaliation > paste setup code