Contentful
Setting up Contentful
![Click](http://images.ctfassets.net/lizv2opdd3ay/1ipznPs59x1WDZtpqIiASC/444beac606176f55eb8edba60b456afb/CleanShot_2023-10-05_at_14.23.00.gif)
For this example we are going to add two text fields: "Title" and "Subtitle".
![Click](http://images.ctfassets.net/lizv2opdd3ay/5SKuXtzZyF5SbzS8ami58U/e6d07c567886a4073c40c24d2d0553ae/CleanShot_2023-10-05_at_14.29.05.gif)
![Click](http://images.ctfassets.net/lizv2opdd3ay/5ydgmNMlrFDncuOsAupYRK/6bdfd9baea1402d76196c62bdb31f2c6/CleanShot_2023-10-05_at_14.32.40.gif)
![Click on](http://images.ctfassets.net/lizv2opdd3ay/4ayZw7EXIkH0od7Ohubk3I/312e6b427db0605e24ede6980018eff4/CleanShot_2023-10-05_at_14.35.20.gif)
![Fill out the](http://images.ctfassets.net/lizv2opdd3ay/6fZMhY6v020wI9jhq8DDY0/82909ee5cd37003bab0553a0d3514fcf/CleanShot_2023-10-05_at_14.39.42.gif)
![Click](http://images.ctfassets.net/lizv2opdd3ay/3hA0yGwFRyyxDVLUgByWRf/55d9d4d96b1e06d281e1fd04729f8f7b/CleanShot_2023-10-05_at_14.41.51.gif)
Making your toddle site fetch content from Contentful
![Click](http://images.ctfassets.net/lizv2opdd3ay/3qjzltKbAl2qjGBl4Ks82r/c3464ae396969f947936e672bcaf3e5d/CleanShot_2023-10-05_at_14.47.39.gif)
To do that, we need to create a new API, but first we need to know the URL were we can find our content.
Go to
![Click](http://images.ctfassets.net/lizv2opdd3ay/3OeYexTGQvtaRjkSZxltRO/6949a50f6c4d79530f7dd592d01774d2/CleanShot_2023-10-05_at_14.55.00.gif)
![Click the](http://images.ctfassets.net/lizv2opdd3ay/14mXpXSvnlB4oP7JoxCj3w/f6049cde0b104042ee30d1fe7a600a32/CleanShot_2023-10-06_at_09.52.41.gif)
![Copy the space_id from the url in contentful](http://images.ctfassets.net/lizv2opdd3ay/4XTnbHdGw2MZH6MxwkZArh/f25fffc321551bf9ea5917d34d92bccf/CleanShot_2023-10-06_at_09.54.09.gif)
![Copy the entry_id from the info panel on the content entry page.](http://images.ctfassets.net/lizv2opdd3ay/83xnaaTu3QB9r4PPnnm2E/66fcc8964afe20d59598579e3d3ca18f/CleanShot_2023-10-06_at_09.55.15.gif)
The environment is called "master"
![Change the environment_id to](http://images.ctfassets.net/lizv2opdd3ay/4EtEkXndwZ8fpKQO8KvIGw/4088aca4f4cf920c082bbe257435f763/CleanShot_2023-10-06_at_09.56.09.gif)
In contentful, go to Settings > API keys. Click Add API key and copy the Content Delivery API - access token
![Go to Settings > API keys.
Click Add API key and copy the content delivery key.](http://images.ctfassets.net/lizv2opdd3ay/1xh03jbB7uo7AoQkViNK9c/cfaa3cdaf40fa195864c37942339e29c/CleanShot_2023-10-06_at_09.56.42.gif)
![Data returned from the contentful API](http://images.ctfassets.net/lizv2opdd3ay/3wmTZsb5j8MK6if8E1Qek7/1b4e46847a299bbe2f2a178a7977e8a5/CleanShot_2023-10-05_at_23.31.12_2x.png)
Using the API content in your toddle site
Select the main title on the page. then click again to select the text inside the H1 element.
![Select the text inside the H1 element and and use the formula editor to set it to the](http://images.ctfassets.net/lizv2opdd3ay/2ONJQ4q9HthtXDNs5aw138/9992d5598ba25e7f582999df66f5cfd0/CleanShot_2023-10-06_at_09.58.41.gif)
Testing the setup
![Change the Title field in contentful](http://images.ctfassets.net/lizv2opdd3ay/MfUhZcFCgsA67i1WJcn78/f665a1d83b6773e309bfd11646773d0d/CleanShot_2023-10-06_at_10.01.41.gif)
![Refresh the toddle editor to see the new content changes](http://images.ctfassets.net/lizv2opdd3ay/6HXqusNyLu3X0PlJtiAvoF/0c6074a42827f527d39c8c91edd06dec/CleanShot_2023-10-06_at_10.04.31.gif)
If you build something cool, please share it with us in our discord server.
🥳