Content API Integration

You should have received an invite link from Airtable in order to follow the links below to see how it works and what is required.

‍

Airtable API Documentation

‍

Alternatively, you can accept the invite here:

‍

https://airtable.com/invite/l?inviteId=invSwtSgYoKhQUQlq&inviteToken=271715dc3d9bd03da004d5d058558ac373bc7bfb695ce1bf175560b32423136a&utm_medium=email&utm_source=product_team&utm_content=transactional-alerts

‍

The integration involves the following steps:

‍

Please note that the set-up and script will be varied for different website platforms.

‍

1. Creation of Individual Pages:

Each resource on the website requires its own dedicated page. The structure of these pages is crucial, as it determines how the data will be presented. You can reference the structure of our site here (located under the resources tab)

‍

‍2. Insertion of Script:

‍A corresponding script needs to be inserted into the header of each newly created page. This step ensures that the necessary functionality is enabled for fetching and displaying the data (Unless you intent to write your own script). You can find the script for Calculator and Other Resources below.

‍

3. Attribute/ID Creation: ‍

On each page, attributes or ID need to be created for each data piece or element. These attributes will then be populated with values retrieved from API calls of Airtable.

‍

Let's take HMRC links as an example:

‍HMRC Links - <script defer src="https://cdn.jsdelivr.net/gh/kefrankefran7609/Calculators@34e51d5/hmrc_links.js"></script>

‍

From one of the lines of the script : document.querySelector('[name1]').textContent = parsed.records[5].fields.Name, we can see that the attribute '[name1]' has set its text content to the value of the 'Name' property of the 6^th record from Airtable

‍

It's important to note that the naming conventions of the attribute used on the web page must align with the JavaScript you intend to write. To also further understand the data structure and properties, I would recommend referring to the Airtable API documentation. It provides detailed information on how to interact with the data stored in Airtable, including retrieving specific fields such as the Name property in our example. The data retrieval process described in the example should be applicable to all elements on most pages for the respective resources.

‍

Calculator:

‍

SDLT Calculator:

VAT Calculator:

CIS Calculator: 

Payroll Calculator:

Startup Calculator:

‍

Other Resources

‍

HMRC Links

‍

Key Tax Dates

‍

Income tax rates and allowances

‍

National Insurance Contributions

‍

Corporation Tax

‍

Registered Pension Scheme Limits

‍

Capital Gains Tax and Inheritance Tax Rates

‍

Car and Fuel Benefits

‍

Stamp Duty Land Tax Rates and Bandings

‍

Annual Tax on Enveloped Dwellings (ATED) Rates

‍

Please reach out to Crystal at crystal.foo@2020innovation.com if you need any help.