Skip to content

component

The Contact Dock

By Saira Fayyaz

Details

Summary

Premium contact drawer for Framer!

Description

Contact Dock is a premium floating contact and enquiry component built for Framer. It gives portfolios, agencies, freelancers, studios, SaaS brands, and service businesses a polished way to collect project enquiries without sending visitors to a separate contact page. Visitors click the “Start a project” trigger to open a responsive slide-in contact panel with name, email, company, phone, service selection, budget range, message, consent, validation, and a complete success state. Everything is easy to customize from the Framer Properties panel. You can edit the theme, accent color, glow color and strength, panel side, width, radius, overlay opacity, trigger text and placement, brand name, eyebrow, heading, description, field labels and placeholders, company and phone visibility, required fields, service options, budget options, message settings, consent text, CTA text, trust message, success content, and auto-close behavior. Contact Dock includes Cream and Dark themes, responsive desktop/tablet/mobile layouts, overlay and Escape-key closing, scroll locking, anti-spam honeypot protection, and accessible focus states. For testing, use Demo mode. For real enquiries, switch to Webhook mode and add your webhook URL. JSON and form-encoded submissions are supported, so you can connect it to tools such as Make, Zapier, n8n, CRMs, spreadsheets, databases, or your own API. After completing payment, your Framer component link will be shown directly on the payment confirmation page. Open the link, add or duplicate Contact Dock into your Framer workspace, customize it, and use it in your project immediately. Contact Dock turns a basic contact form into a premium, interactive part of your website experience.

Introduction

Premium contact drawer for Framer!

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750188199/109/119/129/139/15
  • All · #2967