So How?
It's simple really. A breakdown of the steps would be:
- Set up a Notion Account (Free Works)
- Create a database or use an old one — Choose a view you like, and configure the properties (these properties will connect with the form inputs).
- Share notion workspace — {important} Next steps won't work unless it's shared to the web.
- Create Chillipepper Account — When signed in create a form in there with the same feilds as the properties in notion.
- Connect your Chillipepper Form with Notion — It will bring up a notion login, continue with your notion account, and give access to the workspace.
- Connect Notion workspace URL — when on the notion page with your database, copy the page URL, and page it into Chillipepper's field.
- Aline the inputs — After you connected and locked in your URL, aline the inputs in Chillipepper with the Notion database
- Embed Chillipepper form — Copy and embed the form URL into your Notion page and you're done! That's it.
Addon dark mode feature — add ?theme=dark
at the end of your form URL to add dark mode
https://chilipepper.io/form/hot-green-shishito-be6b30d8d249?theme=dark
If you are using Super, Potion, Fruition, or any other Notion site maker add the following code to your custom Java script.
/* Step 5: enter any custom scripts you'd like */
const CUSTOM_SCRIPT = `
<script async defer type="text/javascript" id="chilipepper" src="https://chilipepper.io/fruition.js"></script>
`;