- You need to be on the Pro Plan to access the CMS Feature
- You will need a Notion account, sign up for free →
What you'll build
You'll be building a list of no-code tools from scratch using our template tables. Here's an example of how it looks like
List of Tools
Tool Description Page
Step 1. Type
/collection to add collection block
Let's head over to Typedream's editor and add a collection in your home page.
/collection and select Collection, then select a template that you like. Let's select the one under Directories with 3 horizontally stacked cards.
Step 2. Connect your Notion
Click Connect Data to connect your Notion account. Login and select the workspace that you want to share.
Since we're going to copy a template table, you don't need to share anything if you don't want.
Step 3. Duplicate Template Table
Use the available template table and duplicate it to your Notion account. Press Duplicate on the top right bar.
Note: If the duplicate doesn't run in Chrome, try resizing your Chrome window.
Step 4. Invite Typedream to your Table
See the image instruction. Click Share on your Notion Table → Select Typedream → Invite. Go back to Typedream and click the Refresh icon. You should now see your table.
Step 5. Select a Collection View Template
This is the template to show how to display your list of tools. You can then map the fields from your Notion columns to the template.
Step 6. Select an Item Page Template
This is the template for each tool description page. You can select the one that you like, and map the fields from Notion columns to the template.
That's it 🎉
You should now see:
- The list of tools on the page where you typed
- Collection Home Page: A new page generated to show all of your tools.
- Collection Item Pages: We also made a page for each tool item.
Click Publish to publish your site.