Templates

Create stunning email and messaging templates with Oblic's integrated builder. Use our MJML-powered email editor for responsive designs or manage WhatsApp templates that comply with Meta's guidelines.

Email Templates

Email Builder

Our drag-and-drop email builder includes:

• MJML Support: Responsive emails that look great on all devices
• Visual Editor: Drag and drop components
• Code Editor: Direct MJML/HTML editing
• Real-time Preview: See changes instantly
• Device Preview: Test mobile, tablet, desktop views

Template Components

Drag these elements into your email:

Structure:

• Sections
• Columns
• Dividers
• Spacers

Content:

• Text blocks
• Images
• Buttons
• Social links

Advanced:

• HTML blocks
• Dynamic content
• Conditional sections

Personalization

Insert dynamic variables:

Hello {{contact.firstName}},

Thanks for joining {{organization.name}}!

Your account email: {{contact.email}}

Available variables:

• {{contact.*}}: Contact properties
• {{campaign.*}}: Campaign details
• {{organization.*}}: Your organization info

Template Library

Start with pre-built templates:

• Newsletter: Standard newsletter layout
• Promotional: Sales and offers
• Transactional: Receipts, confirmations
• Welcome: Onboarding emails
• Event: Event invitations

WhatsApp Templates

Template Requirements

WhatsApp templates must:

• Be pre-approved by Meta
• Follow WhatsApp's content policies
• Include required elements
• Use approved variables

Template Categories

Marketing:

• Promotions
• Announcements
• Updates

Utility:

• Order updates
• Delivery notifications
• Account alerts

Authentication:

• OTP messages
• Verification codes

Creating WhatsApp Templates

1. Go to Templates > WhatsApp
2. Click Create Template
3. Fill in template details:
   • Name
   • Category
   • Language
   • Content
4. Add variables (if needed)
5. Submit for approval

Variables in WhatsApp

Use double braces for dynamic content:

Hello {{1}},

Your order #{{2}} has been shipped!

Track it here: {{3}}

Template Management

Organizing Templates

• Folders: Group related templates
• Tags: Categorize templates
• Search: Find templates quickly
• Favorites: Star frequently used templates

Template Actions

• Duplicate: Clone existing templates
• Preview: See before sending
• Edit: Modify content
• Delete: Remove permanently
• Archive: Keep but hide from main view

Styling

Brand Consistency

Apply your brand automatically:

• Brand Kit: Colors, fonts, logos
• Global Styles: Default text styles
• Preset Buttons: Branded CTAs

Configure in Settings > Brand Kit.

Advanced Styling

Fonts:

• System fonts
• Google Fonts
• Custom font uploads

Colors:

• Brand palette
• Custom colors
• Gradient support

Spacing:

• Padding controls
• Margin settings
• Line height

Testing

Email Testing

Before sending:

1. Click Send Test
2. Enter test email addresses
3. Review in your inbox
4. Check across devices

Spam Testing

Check spam score:

• Subject line quality
• Content/image ratio
• Link reputation
• Sender authentication

Template Versions

Track changes with versioning:

• Save Version: Create snapshot
• View History: See all versions
• Restore: Revert to previous version
• Compare: See differences between versions

Mobile Optimization

Responsive Design

MJML ensures:

• Fluid Layouts: Adapt to screen size
• Readable Text: Minimum 14px on mobile
• Tappable Buttons: Minimum 44px height
• Optimized Images: Auto-scaling

Mobile Preview

Test on common devices:

• iPhone (various models)
• Android phones
• iPad
• Android tablets

Best Practices

Email Client Compatibility

Tested and optimized for:

• Gmail (Desktop & Mobile)
• Apple Mail
• Outlook (Windows & Mac)
• Yahoo Mail
• Thunderbird
• Mobile apps (iOS & Android)

Next Steps