Documentation
Dropl docs
Guides for hosting client videos and showcases with Dropl: set up client sites, embed media on any website, and invite your team and clients.
Start with getting startedStart here with AI
Make a client site editable in one conversation
- Connect the Dropl MCP server to Cursor, Claude Code, or any MCP client.
- Sign in once in your browser.
- Paste the prompt below and approve the plan your assistant shows you.
Use the Dropl MCP tools to make this site's menu editable by my client. 1. Read the hard-coded menu in the codebase and propose a Dropl collection (fields, labels, help text) for it. Show me the plan and wait for my approval before creating anything. 2. Once I approve, create the collection, import the existing menu items, and replace the hard-coded menu with live Dropl data, with TypeScript types. 3. Run the project's build and tell me what changed.
Your assistant can read these docs in one fetch from /llms.txt. Full setup guide
Getting started
Showcases
Collections
- CollectionsStructured content your clients edit themselves, like menus, inventory, events, and listings, that your website reads from Dropl.
- Set up Collections with AIDescribe your client's content in plain language and let Cursor, Claude Code, or another MCP client design the collections, import the content, and wire up the site.
- Show collections on your websiteRead a collection's published items from Dropl's public endpoint, with filters, sorting, paging, TypeScript types, and a Next.js example.
Feedback
- FeedbackYour clients point at anything on their live website and request a change. Each request reaches you with the page, element, screenshot, and device.
- Install the Dropl scriptAdd one script tag to your client's website so they can request changes from the page. Steps for Next.js, WordPress, Webflow, Framer, Squarespace, Wix, Shopify, and HTML.
- Resolve feedback with AILet Cursor, Claude Code, or another MCP client read your clients' feedback, make the changes in your project, and mark each request done with a note.
Client sites
AI & API
- Set up with AI (Cursor, Claude Code)Connect Dropl to Cursor, Claude Code, or another MCP client so your AI assistant can set up collections, create showcases, upload media, and paste embed codes.
- API keysCreate, limit, and revoke the keys that let AI assistants and scripts work in your Dropl account.
- Public APICall Dropl from your own scripts and servers. Base URL, authentication, scopes, errors, idempotency, rate limits, and upload limits.