Hey Bubble folks! How’s it going?
Who here has gotten frustrated with Bubble’s native “Find & Replace” which only substitutes the first occurrence of a text? ![]()
You build a workflow to replace 10 variables and need to chain 10 “Find & Replace” actions, one after the other. It’s slow, inefficient, and clutters your workflows.
To solve this once and for all, I created the Find & Replace ALL - TEMPLATES plugin.
This plugin uses the power of the Handlebars.js library to allow you to replace ALL occurrences of multiple variables in a text, template, or HTML with a single action.
Why is this plugin a “game-changer”?
Multiple & Total Replacement: No more workarounds! Replace {{name}}, {{email}}, {{order_id}}, and dozens of other variables in a single step. The plugin scans the text and replaces EVERYTHING it finds.
Superior Performance: Process long texts, complex emails, or HTML reports without fear of overloading your workflows. It’s much faster than chaining actions.
Client & Server Side: Total flexibility! Use it to create dynamic UIs in the browser (client-side) or for robust and secure automations in backend workflows (server-side).
See it in Action! (Demo)
Want to see the magic happen? I’ve prepared a demo page where you can compare the native “Find & Replace” with the power of this plugin.
[DEMO]
Common Use Cases:
- Generate Contracts and Documents: Create proposal and contract templates with dozens of custom fields (
{{client_name}},{{proposal_value}},{{contract_date}}) and generate the final document with a single action. - Complex Transactional Emails: Personalize welcome, order confirmation, or password recovery emails with many more variables and without complications.
- Format API Responses: Take a JSON from an API and format it into beautiful, readable HTML to display to the user.
Pro Tip (Advanced Usage)
By using Handlebars.js, the plugin is more than a simple “Find & Replace.” It supports conditionals and loops. This means you can create truly intelligent templates.
For example, you can show a different greeting if the user’s name exists ({{#if name}}Hello, {{name}}{{else}}Hello, visitor{{/if}}) or list all items in an order with a loop ({{#each items}}...{{/each}}). The Handlebars.js documentation opens up a world of possibilities!
The plugin is already available in the Marketplace:
[MARKETPLACE]
Stop suffering from Bubble’s limitations and save hours of development. Install it, test it, and let me know what you think! Feedback is always welcome.
Cheers!