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.
Prerequisites
- 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
Copy and paste workflow actions
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.
Duplicate entire workflows
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.
Copy elements with their conditional expressions
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.
Fix broken references after pasting
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.
Use the Search tool to find all instances of an expression
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 working example
1COPY-PASTE REFERENCE GUIDE2===========================34KEYBOARD SHORTCUTS:5 Copy element/action: Cmd+C (Mac) / Ctrl+C (Win)6 Paste element/action: Cmd+V (Mac) / Ctrl+V (Win)7 Duplicate element: Cmd+D (Mac) / Ctrl+D (Win)8 Undo: Cmd+Z (Mac) / Ctrl+Z (Win)9 Redo: Cmd+Shift+Z (Mac) / Ctrl+Shift+Z (Win)1011RIGHT-CLICK CONTEXT MENU OPTIONS:12 On workflow action:13 - Copy action14 - Cut action15 - Delete action16 On workflow event:17 - Copy workflow (copies entire workflow)18 On empty workflow area:19 - Paste action20 - Paste workflow21 On design element:22 - Copy23 - Cut24 - Paste25 - Duplicate2627WHAT GETS COPIED:28 Workflow Actions:29 ✓ Action type and all parameters30 ✓ Dynamic expressions31 ✓ Only when conditions32 ✓ Custom field mappings33 ✗ References to page-specific elements (may break)3435 Design Elements:36 ✓ Visual properties (size, color, font)37 ✓ Conditional tab rules38 ✓ Data source bindings39 ✓ Child elements (for groups)40 ✗ References to page-specific data (may break)4142FIXING BROKEN REFERENCES:43 1. Open Issue Checker (warning icon, top toolbar)44 2. Click each broken reference issue45 3. Update to point to current page's elements46 4. Common fixes:47 - Update parent group data source48 - Update Custom State references49 - Update page Type of Content references50 - Re-link element references in workflowsCommon mistakes when copyying and paste expressions within Bubble.io editor: Step-by-Step Guide
Why it's a problem: Pasting workflows without checking for broken references
How to avoid: Always open the Issue Checker immediately after pasting and resolve every broken reference before testing.
Why it's a problem: Copying elements one by one instead of copying the parent group
How to avoid: Select and copy the top-level Group that contains all related elements. This preserves layout, relationships, and child elements.
Why it's a problem: Forgetting to update the workflow trigger after pasting
How to avoid: 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
Still stuck?
Copy one of these prompts to get a personalized, step-by-step explanation.
I am working in the Bubble.io editor and need to copy workflow actions and expressions between pages. What are the keyboard shortcuts, right-click options, and best practices for copying and pasting in the Bubble editor? How do I handle broken references after pasting?
Help me understand how to efficiently copy and paste workflows and elements between pages in my app. I have a complex workflow on one page that I need to replicate on three other pages with slight modifications.
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.
Talk to an Expert
Our team has built 600+ apps. Get personalized help with your project.
Book a free consultation