How to setup
How to setup
File Upload Component
File Upload Component
A powerful text component that lets you split content into columns with flexible indentation and smooth animations. Perfect for headlines, hero sections, and editorial layouts.
Grab now!!
01
Add Component
Drag and drop the File Upload Component into your Framer project. Place it inside a form or section where you want users to upload files.
01
Add Component
Drag and drop the File Upload Component into your Framer project. Place it inside a form or section where you want users to upload files.
02
Configure Bot Token
Open Telegram, click Search, type @BotFather. Start chat, type /newbot, follow prompts to name and create. Copy the Bot Token given.
In Telegram, search for your new bot using the username you set. Click /Start so the bot becomes active and ready to receive files.
02
Configure Bot Token
Open Telegram, click Search, type @BotFather. Start chat, type /newbot, follow prompts to name and create. Copy the Bot Token given.
In Telegram, search for your new bot using the username you set. Click /Start so the bot becomes active and ready to receive files.
03
Get Chat ID
Search for @userinfobot in Telegram. Start it, and it will instantly show your Chat ID. Copy this number for component setup.
03
Get Chat ID
Search for @userinfobot in Telegram. Start it, and it will instantly show your Chat ID. Copy this number for component setup.
04
Test Upload
Publish your Framer project, upload a file, and check Telegram. You’ll see the file delivered securely with a direct download link.
04
Test Upload
Publish your Framer project, upload a file, and check Telegram. You’ll see the file delivered securely with a direct download link.
05
Styling and setting the Component
Choose allowed file types (e.g. .png, .pdf) and maximum file size. Enable single or multiple uploads. Customize drop area, upload button, divider, and file preview from one panel. Adjust colors, fonts, icons, spacing, and hover states to match your brand.
Turn on file previews so users can see, reorder, or remove files before submitting.
05
Styling and setting the Component
Choose allowed file types (e.g. .png, .pdf) and maximum file size. Enable single or multiple uploads. Customize drop area, upload button, divider, and file preview from one panel. Adjust colors, fonts, icons, spacing, and hover states to match your brand.
Turn on file previews so users can see, reorder, or remove files before submitting.
06
Congratulations — you’ve successfully set up your File Upload Component.
Need help or want to support further development? Get in touch and support this project to keep updates coming.
06
Congratulations — you’ve successfully set up your File Upload Component.
Need help or want to support further development? Get in touch and support this project to keep updates coming.