📧
Drag-and-Drop Editor Setup
- 🖱️ Add the Email Editor:
- Drag the Email Drag-and-Drop Editor element from the plugin's element list onto your page.
- 🆔 Set the Element Selector:
- In the "Element Selector" field, enter the ID of the container where you want the editor to appear. If you want the 📝editor to display directly inside the plugin's element, assign an ID to the editor itself and set the same ID in the "Element Selector" field.
- Link🔗your Project ID, Template ID, and Input keys to integrate with Unlayer. Also get your API key from Unlayer account and add it to Username field. Username field is set to public to ensure Unlayer templates are properly loaded on your page.
- 💾Store the email design's HTML and JSON data in your Bubble database for future use or Reloading into the editor using the workflow: EXPORT DESIGN TO EDITOR.
- To send📤, emails via Postmark, SendGrid, or Mandrill, enter the corresponding API key in the plugin settings.
📖 FAQs:
1. 🆔
How do I display the editor in a specific container?In the
"Element Selector" field, enter the ID of the container where you want the editor to appear.If using the plugin element itself, assign an ID to the editor and set it in the
"Element Selector" field.
2. 🔗
How can I connect with Unlayer?To connect with Unlayer, provide your
Project ID,
Template ID, and
Username in the plugin settings.
3. 📤
How do I send emails using Postmark, SendGrid, or Mandrill?First, enter the appropriate
API key in the plugin settings. Then, use the respective
workflow actions to send emails with the editor's HTML content.
4. 🔄
Can I reload saved templates into the editor?Yes, you can reload a saved template by loading its
JSON data back into the editor using workflows.
5. 📱
Does the editor support responsive email design?Yes, all designs created with the editor are
fully responsive.
📝Documentation matter's, here is the Plugin Documentation🎥YouTube Tutorial: https://www.youtube.com/watch?v=4khNPEcuasgDemo Link: https://email-builder-demo.bubbleapps.io/version-testEditor Link: https://bubble.io/page?id=email-builder-demo&tab=Design&name=index
Built on Bubble
