Copy and Redirect

About

A smart copy-to-clipboard button that combines copying text with automatic redirection. After copying, it shows a success state with a progress loader and then automatically redirects to a specified URL. Great for e-commerce, referral systems, or any situation where you want users to copy content (like a discount code) and then automatically take them to a destination (like a checkout page).

This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library

Instructions

1. Copy and paste the component into your project file

2. Configure the essential settings in properties:

   • Set the button text and success message

   • Enter the text to be copied

   • Add the redirect URL

   • Set the delay before redirect

3. Customize the appearance:

   • Style the button states and typography

   • Enable/disable and customize the progress loader

   • Adjust icon settings and spacing

   • Configure timing and animations

4. Preview

How It Works

The component comes with the following customization options which you can adjust in the Framer property controls:

1. Button States: Default, hover, pressed, and success colors

2. Icons: Optional icons for default and success states

3. Typography: Complete font control

4. Animation: Progress loader and state transitions

5. Appearance: Border, shadow, padding, and radius controls

Support

For any queries and help setting up the component, contact hello@segmentui.com

Refund Policy

If a component does not function as advertised and the issue cannot be resolved, you are eligible for a full refund under our quality guarantee. Refunds will not be provided for any other reasons, including change of mind, accidental purchase, lack of use, or expectations of features not explicitly advertised.