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!