---
title: "Back Trigger — Free Framer component · Best of Framer"
description: "Free Framer component · by Eric Zhang · Buttons. About this component Back Trigger is a lightweight trigger that instantly adds “go back” navigation to any button, component, or frame."
canonical: "https://framer.elliotli.dev/component/back-trigger"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Back Trigger

# Back Trigger

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

![Back Trigger preview image 1](https://framer.elliotli.dev/og/component/back-trigger/f78cfd82aaec1cec/1600x1200.jpg)

## Summary

About this component Back Trigger is a lightweight trigger that instantly adds “go back” navigation to any button, component, or frame.

## Description

## About this component

**Back Trigger** is a lightweight trigger that instantly adds **“go back”** navigation to any button, component, or frame. **You do not need to rebuild buttons or set extra styles**. Any click within the parent container will return users to the previous page, while keeping your design and interactions just as you created them.

## Features

-   Turns clicks on its parent and inner elements into a “go back” action
    
-   Can be added to your existing design with no extra style settings and no effect on your original interactions
    
-   **Completely invisible** with 0 width and height
    
-   No setup or style tweaks needed
    
-   No need to add page links
    

## Getting started

1.  Add Back Trigger to your desired element (button, frame, or component).
    
2.  Set its position to **Absolute**.
    
3.  It works instantly. No changes to your layout or design required.
    

## How to nest this trigger

**Option 1**

-   Container (Button, Frame, Stack, etc.)  
    └ **Back Trigger**  
    └ Your Own Button (or other element)
    

**Option 2**

-   Your Own Button  
    └ **Back Trigger** (add directly inside)
    

## Note

**Back Trigger does not function in** **Preview.** You can see it working on your live site. This does not affect your design or final effect.

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

-   All · #322

## Details

- **Author**: Eric Zhang
- **Published**: 2025-08-11
- **Updated**: 2025-08-11
- **Added**: 2025-08-05
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything