# How to copy and paste expressions within Bubble.io editor: Step-by-Step Guide

- Tool: Bubble
- Difficulty: Beginner
- Time required: 10-15 min
- Compatibility: All Bubble plans
- Last updated: March 2026

## TL;DR

Bubble's editor lets you copy and paste workflow actions, conditions, and expressions between workflows and pages using right-click context menus and keyboard shortcuts. This tutorial covers copying individual actions, duplicating entire workflows, pasting expressions across pages, and handling broken references that occur when pasted elements reference data from a different context.

## Overview: Copying and Pasting Expressions in the Bubble Editor

This tutorial covers the copy-paste capabilities of Bubble's visual editor. Instead of rebuilding complex expressions from scratch, you can duplicate workflow actions, copy conditions, and transfer logic between pages. Understanding these editor techniques saves significant development time, especially when building apps with repeated patterns across multiple pages.

## Before you start

- A Bubble account with an app containing workflows
- Basic familiarity with the Workflow tab and Design tab
- Understanding of dynamic expressions in Bubble

## Step-by-step guide

### 1. Copy and paste workflow actions

Go to the Workflow tab and open a workflow that contains actions you want to duplicate. Right-click on any action (the colored rectangle representing a step). Select Copy action from the context menu. Then go to the target workflow — either the same workflow, a different workflow on the same page, or a workflow on a different page. Right-click in the action area and select Paste action. The action is inserted at the end of the workflow. You can then drag it to reorder. All property values and dynamic expressions are preserved in the paste.

> Pro tip: You can also use Cmd+C (Mac) or Ctrl+C (Windows) after clicking an action, then Cmd+V or Ctrl+V to paste. This is faster than right-clicking.

**Expected result:** The workflow action is duplicated with all its settings and expressions intact.

### 2. Duplicate entire workflows

In the Workflow tab, right-click on the workflow event (the first square that shows the trigger). Select Copy workflow from the context menu. Navigate to where you want the duplicate — the same page or a different page. Right-click in an empty area of the Workflow tab and select Paste workflow. The entire workflow including the trigger event, all actions, and all conditions is duplicated. You will likely need to update the trigger (e.g., change which button it responds to) and fix any references that point to elements on the original page.

**Expected result:** An entire workflow with all its actions is duplicated on the target page.

### 3. Copy elements with their conditional expressions

On the Design tab, click an element to select it. Use Cmd+C (Mac) or Ctrl+C (Windows) to copy it. Navigate to the target location (same page or different page) and paste with Cmd+V or Ctrl+V. The element is pasted with all its visual properties, Conditional tab expressions, and data source bindings. If you copy a Group, all child elements inside it are also copied. After pasting, check the Conditional tab — any conditions referencing page-specific data sources may show errors that need updating.

> Pro tip: When copying elements between pages, copy the parent Group that contains related elements rather than copying individual elements one by one. This preserves the relative layout and relationships.

**Expected result:** Elements are pasted with their styles, conditions, and child elements preserved.

### 4. Fix broken references after pasting

After pasting actions or elements from another page, open the Issue Checker (the warning icon in the top toolbar). It will list any broken references — these occur when a pasted expression references an element, data source, or Custom State that does not exist on the current page. Click each issue to navigate to the broken expression. Update the reference to point to the equivalent element or data source on the current page. Common fixes include updating parent group references, page data type references, and Custom State names. Fix all issues before testing.

**Expected result:** All broken references are resolved and the pasted elements or workflows function correctly on the new page.

### 5. Use the Search tool to find all instances of an expression

Before copying a complex expression pattern to multiple places, use the Search tool (magnifying glass icon in the top toolbar) to see where similar expressions already exist. Type the element name, Data Type name, or workflow action name to find all references across your app. This helps you identify all the places where you need to apply the same change. After making changes, use the Search tool again to verify consistency. You can also use this to find the original expression you want to copy.

**Expected result:** You can locate all instances of an expression across your entire app for consistent updates.

## Complete code example

File: `Workflow summary`

```text
COPY-PASTE REFERENCE GUIDE
===========================

KEYBOARD SHORTCUTS:
  Copy element/action: Cmd+C (Mac) / Ctrl+C (Win)
  Paste element/action: Cmd+V (Mac) / Ctrl+V (Win)
  Duplicate element: Cmd+D (Mac) / Ctrl+D (Win)
  Undo: Cmd+Z (Mac) / Ctrl+Z (Win)
  Redo: Cmd+Shift+Z (Mac) / Ctrl+Shift+Z (Win)

RIGHT-CLICK CONTEXT MENU OPTIONS:
  On workflow action:
    - Copy action
    - Cut action
    - Delete action
  On workflow event:
    - Copy workflow (copies entire workflow)
  On empty workflow area:
    - Paste action
    - Paste workflow
  On design element:
    - Copy
    - Cut
    - Paste
    - Duplicate

WHAT GETS COPIED:
  Workflow Actions:
    ✓ Action type and all parameters
    ✓ Dynamic expressions
    ✓ Only when conditions
    ✓ Custom field mappings
    ✗ References to page-specific elements (may break)

  Design Elements:
    ✓ Visual properties (size, color, font)
    ✓ Conditional tab rules
    ✓ Data source bindings
    ✓ Child elements (for groups)
    ✗ References to page-specific data (may break)

FIXING BROKEN REFERENCES:
  1. Open Issue Checker (warning icon, top toolbar)
  2. Click each broken reference issue
  3. Update to point to current page's elements
  4. Common fixes:
     - Update parent group data source
     - Update Custom State references
     - Update page Type of Content references
     - Re-link element references in workflows
```

## Common mistakes

- **Pasting workflows without checking for broken references** — Pasted workflows often reference elements or data sources from the original page that do not exist on the target page, causing silent failures Fix: Always open the Issue Checker immediately after pasting and resolve every broken reference before testing.
- **Copying elements one by one instead of copying the parent group** — Individual element copies lose their relative positioning and may not include related child elements or group-level conditions Fix: Select and copy the top-level Group that contains all related elements. This preserves layout, relationships, and child elements.
- **Forgetting to update the workflow trigger after pasting** — A pasted workflow still references the original button or event. If that element does not exist on the new page, the workflow never fires. Fix: After pasting a workflow, immediately update the trigger event to reference the correct element on the current page.

## Best practices

- Use Cmd+D to quickly duplicate elements on the same page — faster than copy-paste
- Always check the Issue Checker after pasting anything from another page
- Copy parent Groups rather than individual elements to preserve layout and relationships
- Update workflow triggers immediately after pasting to avoid orphaned workflows
- Use the Search tool to find all instances of an expression before making bulk changes
- Create Reusable Elements for patterns you use across multiple pages instead of copy-pasting
- Use Undo (Cmd+Z) immediately if a paste creates unexpected results

## Frequently asked questions

### Can I copy a workflow from one Bubble app to another?

Not directly. Bubble's copy-paste only works within the same app. To transfer logic between apps, you need to manually recreate the workflows in the target app or use the Copy app feature to duplicate the entire application.

### Why do my pasted expressions show red errors?

Red errors indicate broken references. The expression points to an element, data source, or Custom State that does not exist on the current page. Click the red error to open the expression editor and update the reference.

### Can I copy conditions from one element to another?

Not directly via copy-paste. You need to open the Conditional tab on the source element, note the condition expression, then manually recreate it on the target element's Conditional tab.

### Is it better to copy-paste or use Reusable Elements?

For elements used on multiple pages that should stay in sync, use Reusable Elements. For one-time duplication where each copy may diverge, copy-paste is fine. Reusable Elements update everywhere when you change them once.

### Can I undo a paste operation?

Yes. Press Cmd+Z (Mac) or Ctrl+Z (Windows) immediately after pasting to undo it. Bubble supports multiple levels of undo within the current editing session.

### Can RapidDev help restructure a complex Bubble app?

Yes. RapidDev can help refactor large Bubble applications, converting repeated patterns into Reusable Elements, optimizing workflows, and restructuring pages for better maintainability.

---

Source: https://www.rapidevelopers.com/bubble-tutorial/copy-paste-expressions-bubble-editor
© RapidDev — https://www.rapidevelopers.com/bubble-tutorial/copy-paste-expressions-bubble-editor