Getting started

If you haven't already, register or login first. Then, follow 4 easy steps to create your first website:

👉 1. Create your base

You can start by copying on of our demo bases, or copying our blank base. Click on View base in the list below. Click Copy base in the lower right corner of the Airtable frame to copy the base to your account.

👉 2. Create your site in our app

Now that you have an Airtable base, it's time to create your website in the Table2Site app. Head over to our app and click create one to create your first site.

Create your first website.

In the popup, enter the following data:

  • Airtable base ID: the ID of the base you created in step 1. Find your base ID by going to airtable.com/api/. Select your base and copy the ID from the URL.
    Your base Id in the URL.
  • Website slug: a unique ID to identify your website. This will also be part of your Table2Site URL: https://table2site.com/site/your-slug.
  • Custom domain: Only pro users will see this setting. If you want to connect your site to your custom domain, enter it here. Please do not include http(s) or www. Example: my-domain.tld

👉 3. Build your site

👊 You're now ready to build your website! We'll give you a crash course on how it works:

  1. Your Airtable base needs 2 mandatory tables: settings and content.
    1. The settings table contains your site's settings from your main menu to your MailChimp API data.
    2. The content table contains your site's pages & page content.
    Our demo bases and blank base already contain those tables (with the necessary column headings) for you.
  2. Each record in the settings table has a setting ID and a value, like this:

    Read about all possible settings and their values here.

  3. Each record in the content table translates to a section on your website. A row looks like this:
    Here's an overview of the columns:
    1. Id: a unique ID to identify your section. You can use this to link to this section via your main menu.
    2. Type: a dropdown list denoting the content type of your section. Example: Contact form or Newsletter subscription box.
    3. Text color: the default text color in this section.
    4. Background color: the section's background color.
    5. Title: your section's title. (example: How it works?). Depending on the content type in the Type column, the placement of the title will be different.
    6. Text: your section's text. Depending on the content type in the Type column, the placement of the text will be different.
    7. Options: each content Type (see Type column) has a set of options.
    8. Page: your website can have multiple pages. This column denotes on which page the content should appear. Home is a built-in type for the index page. Other pages can be freely adde by you. Just give them a name and start adding content.

    See all possible content types and their options.

  4. When you edit settings/content, your website is immediately updated and you can see the results by going to your custom domain or your website's Table2Site URL.

👉 4. Disable dev mode

While building your website, you should turn on dev mode via the dashboard:

Dev mode is turned on

This mode ensures we don't cache any data. So all your changes in Airtable are immediately visible on your website.

Please note when you are done it's important to turn off dev mode so that your website data is cached on our servers. If you don't do this, you risk timeouts on the Airtable API because your rate limits are exceeded.

Still have a question? Contact us!