Documentation

Learn how to use our newsletter platform to collect subscribers and send beautiful newsletters.

Welcome to the documentation for our newsletter platform. Here you will find all the information you need to start collecting subscribers and sending beautiful newsletters.

Getting Started

Our newsletter platform helps you build and grow your email list with customizable signup forms and send professional newsletters with drag-and-drop templates.

Key Features

Email Collection Widget: Embeddable signup forms for your website
Custom Templates: Drag-and-drop template builder
Rich Text Editor: TipTap-powered content editor with image support
Subscriber Management: Organize and manage your email list
Analytics: Track opens, clicks, and subscriber growth

To start collecting email subscribers, you need to embed our signup widget on your website. Here's how:

Log into your dashboard
Navigate to Settings → Widget
Copy the provided script code

2. Add the Script to Your Website

Add this script tag to your website's HTML, preferably before the closing </body> tag:

<script>
  (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "https://debdabe.et/widget.js";
    js.setAttribute('data-user-id', 'YOUR_USER_ID');
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'newsletter-widget'));
</script>

Replace YOUR_USER_ID with your actual user ID from the dashboard.

Add this HTML element where you want the signup form to appear:

<div id="newsletter-signup" data-style="minimal"></div>

You can customize the widget appearance by adding data attributes:

<div id="newsletter-signup" 
     data-style="minimal"
     data-button-color="#0066cc"
     data-placeholder="Enter your email address"
     data-button-text="Subscribe">
</div>

Available options:

data-style: minimal, card, inline
data-button-color: Any valid CSS color
data-placeholder: Custom placeholder text
data-button-text: Custom button text

Creating Newsletters

Using the Rich Text Editor

Navigate to Newsletters → Create New
Choose a template or start from scratch
Use the rich text editor to add content:
- Text formatting: Bold, italic, underline, colors
- Images: Upload or paste image URLs (automatically optimized)
- Links: Add clickable links
- Lists: Bullet points and numbered lists

Custom Templates

Create reusable templates with our drag-and-drop builder or custom HTML:

Drag-and-Drop Builder

Go to Templates → Create Template
Choose "Use Template Builder"
Drag elements from the sidebar:
- Content Placeholder: Required {content} area
- Headings: Various heading sizes with customizable styling
- Text blocks: Paragraph content with font and color options
- Images: Visual content (automatically optimized to base64)
- Buttons: Call-to-action buttons with custom colors
- Links: Clickable text links
- Dividers: Section separators
Customize each element:
- Styling: Colors, fonts, alignment, sizes
- Content: Text, links, and images
- Layout: Drag to reorder elements
Save your template for future use