Contact Component

The Contact + CRM Component helps you turn visitors into customers. Collect contact details from your Framer site and manage them directly in your Supaframe dashboard using built-in CRM tools.

Creating a Contact Form

  1. In your Supaframe dashboard, click New Component.

  2. Select Contact + CRM as the component type.

  3. Name your component (for your reference only).

  4. Add your form fields — by default, these include:

    • Name

    • Email

    • Phone

    • Message

  5. Save your form. You can now embed it in your Framer site.

Adding Custom Consent Checkbox

You can include a checkbox for consent or terms acceptance (e.g., “I agree to the Privacy Policy”).

  • In the component settings, toggle Custom Consent Checkbox on.

  • Add your own checkbox label text.

  • Optionally, include a link to your terms or privacy page.

Managing Leads in CRM

Every form submission becomes a lead profile in your dashboard.

Each lead has a status:

  • New — Just submitted, no action taken yet

  • Contacted — You’ve reached out but haven’t closed the deal

  • In Progress — Ongoing discussions or work

  • Won — Successfully converted into a customer

  • Lost — No longer pursuing the lead

You can update a lead’s status anytime.

Adding Notes, Tags, and Tasks to a Contact

Inside a lead’s profile, you can:

  • Add notes — keep track of conversations and important details

  • Tag leads — e.g., “VIP,” “Hot Lead,” “Needs Follow-Up”

  • Assign tasks — e.g., “Send proposal,” “Call back next week” with optional due dates

Filtering and Searching Leads

  • Use the search bar to find leads by name, email, or tag.

  • Filter by status to focus on specific stages of your pipeline.

  • Combine filters for advanced lead management.

Pro Tip: The Contact + CRM component is perfect for agencies, freelancers, or service providers who want to keep all client communication in one place without using a separate CRM tool.