Conversion

Floating Contact CTA

Implements ethical, non-obstructive floating contact CTAs (call, chat, WhatsApp) only when genuinely useful.

What it does

Implements ethical, non-obstructive floating contact CTAs (call, chat, WhatsApp) only when genuinely useful.

When to use it

Use for persistent contact affordances, or auditing intrusive floating widgets that block content.

Problems it prevents

Stops floating widgets that cover content, collide with other fixed UI, or exist with no real support behind them.

Typical workflow

  1. Decide if a persistent CTA is warranted
  2. Handle viewport collision and safe areas
  3. Verify it doesn't block content
  4. Measure whether it's actually used

Example output

A floating contact button that never overlaps other UI and only exists because there's a real person or channel behind it.

What's included

  1. 01
    The complete prompt

    The full manual as a ready-to-save SKILL.md file, matched exactly to what ships in the T7 library.

  2. 02
    Install walkthrough

    Personal (~/.claude/skills/) and project (.claude/skills/) folder instructions, whichever fits how you work.

  3. 03
    Use notes

    How Claude invokes it, what a good result looks like, and what to check before you trust the output.

Installation

Save the manual as SKILL.md in ~/.claude/skills/floating-contact-cta/ to use it on every project, or in .claude/skills/floating-contact-cta/ to scope it to one repository. Then invoke it directly:

/floating-contact-cta

Read the official Claude Code skills guide

Works well with