LIVE DEMO

Email Template Builder

Build responsive HTML email templates with live preview — no code required

Branding
Content

        

      

      
    

  


  

    
The full tool includes 50+ responsive templates, drag-and-drop sections, image hosting, spam score testing, Mailchimp/SendGrid export, and mobile preview mode.

    Buy Full Version — $34.00
    
  

  
⚠️ This demo shows basic template building. Buy the full tool for all features.




`;
}

function updatePreview() {
  const html = buildHtml();
  const frame = document.getElementById('emailPreview');
  const doc = frame.contentDocument || frame.contentWindow.document;
  doc.open();doc.write(html);doc.close();
  document.getElementById('htmlOutput').textContent = html;
}

function showTab(tab, el) {
  document.getElementById('emailPreview').style.display = tab==='preview'?'block':'none';
  document.getElementById('htmlOutput').style.display = tab==='html'?'block':'none';
  document.querySelectorAll('.ptab').forEach(t=>t.classList.remove('active'));
  el.classList.add('active');
}

function copyHtml() {
  navigator.clipboard.writeText(buildHtml()).then(()=>{
    const btn = document.querySelector('.btn-copy');
    btn.textContent='✅ Copied!';
    setTimeout(()=>btn.textContent='📋 Copy HTML',2000);
  });
}

updatePreview();