MARKETPLACE
PLUGINS
πŸ“€ DRAG & DROP WEB/EMAIL BUILDER
πŸ“€ Drag & Drop Web/Email Builder logo

πŸ“€ Drag & Drop Web/Email Builder

Published January 2025
   β€’    Updated this week

Plugin details

➑️➑️➑️ Enable your users to create stunning emails and responsive web pages with just a few clicks. πŸ”΄πŸŸ πŸŸ‘πŸŸ’πŸ”΅πŸŸ£πŸŸ€βš« Powered by Unlayer.com.


> Try it on a demo page
> Check the editor page

REMEMBER: you can always try the plugin (almost) for FREE before buying it! You can SUBSCRIBE to the plugin and use it for 1 or 2 days. After uninstalling it, you will be charged for a fraction of the price (1/30 if you used it for 1 day). Then you can purchase it if you liked it. πŸ˜‰


This plugin integrates an email and page builder into your Bubble application, enabling users to design and edit responsive emails and web pages directly within your app.

With its drag-and-drop interface, users can customize pre-built content blocks or create layouts tailored to their needs, all without requiring coding skills. The plugin supports exporting designs as HTML, making it easy to use the output in email marketing campaigns, communication tools, or external applications.


Features

- Intuitive Drag & Drop Editor: Provide a seamless and visually engaging design experience with an easy-to-use drag & drop interface.
- Customizable Blocks: Add text, images, buttons, columns, and more with advanced customization options.
- Email and Web Compatibility: Create content optimized for both emails and web pages, ensuring responsiveness on all devices and email clients.
- Template Save & Load: Allow users to save their designs as reusable templates, boosting productivity.

$50

One time  β€’  Or  $10/mo

5.0 stars   β€’   1 ratings
745 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Cosmic Steve logo
Cosmic Steve
Joined 2020   β€’   28 Plugins
View contributor profile

Instructions

We encourage you to take a look at the demo and editor page to see how the plugin works:
> Try it on a demo page
> Check the editor page

βœ… To begin, go to unlayer.com and create an account (don't worry, it's FREE). Create your first project, click on Settings and copy your project ID.

πŸ“€ When you install the plugin, you will see a new element in the left side of the Bubble editor, named "πŸ“€ Builder". Add it to your page, and paste your Unlayer Project ID in the proper field.

✏️ Your users will now be able to interact with the editor and build wonderful email templates or web pages

πŸͺ„ Use the Export HTML & JSON workflow action to generate the builder outputs. You will find them inside the Builder Bubble element states "HTML" and "JSON"

βœ‰οΈ You can now use the HTML to send emails or to build dynamic sections of your app.

πŸ’Ύ With the JSON output you can save the design into your Bubble database and load it back into the editor with the action "Load the design JSON".


Please see unlayer.com for further documentation on the builder itself.

Types

This plugin can be found under the following types:
Background Services   β€’   Element   β€’   Event   β€’   Action

Categories

This plugin can be found under the following categories:
Email   β€’   Productivity   β€’   Technical   β€’   Ecommerce   β€’   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

Average rating (5.0)

Perfect AND cheap!
March 29th, 2025
Great plugin, Steve was super responsive when I needed help! Thanks
Bubble