---
title: "Copy and Redirect — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Nabeel · Text. About A smart copy-to-clipboard button that combines copying text with automatic redirection."
canonical: "https://framer.elliotli.dev/component/copy-and-redirect"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Copy and Redirect

# Copy and Redirect

[View on Framer](https://framer.com/marketplace/components/copy-and-redirect/?via=elliot-li)

![Copy and Redirect preview image 1](https://framer.elliotli.dev/og/component/copy-and-redirect/952fb31c2ddffbb0/1600x1200.jpg)

## Summary

About A smart copy-to-clipboard button that combines copying text with automatic redirection.

## Description

## 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](https://segmentui.com/uikit) 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

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-xgofnyui-dJJjHYSpU0ru3i8on31aCzC3AzdR1S)

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](mailto: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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #11307

## Details

- **Author**: Nabeel
- **Price**: $4.00
- **Published**: 2025-09-24
- **Updated**: 2025-09-23
- **Added**: 2025-09-18
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos