IMAP Email API – Hero – Unipile<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/head><body data-rsssl=1 data-rsssl=1 style=\"margin:0;padding:0;background:#0f2736;\"><\/p>\n<style>#upl-imap-hero { font-family: 'Inter', sans-serif !important; padding: 70px 20px 90px !important; position: relative !important; overflow: hidden !important;}#upl-imap-hero *,#upl-imap-hero *::before,#upl-imap-hero *::after { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; background: transparent !important;}\/* Ambient glow *\/#upl-imap-hero::before { content: '' !important; position: absolute !important; top: -30% !important; right: -10% !important; width: 60% !important; height: 140% !important; background: radial-gradient(ellipse at center, rgba(59, 185, 139, 0.06) 0%, transparent 65%) !important; pointer-events: none !important;}#upl-imap-hero::after { content: '' !important; position: absolute !important; bottom: -20% !important; left: 5% !important; width: 40% !important; height: 80% !important; background: radial-gradient(ellipse at center, rgba(221, 223, 76, 0.04) 0%, transparent 60%) !important; pointer-events: none !important;}\/* Container *\/#upl-imap-hero .ih-container { max-width: 1100px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 64px !important; align-items: center !important; position: relative !important; z-index: 1 !important;}\/* \u2500\u2500 LEFT \u2500\u2500 *\/#upl-imap-hero .ih-content { max-width: 520px !important;}#upl-imap-hero .ih-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: rgba(221, 223, 76, 0.12) !important; color: #DDDF4C !important; padding: 6px 14px !important; border-radius: 20px !important; font-size: 0.72rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 22px !important;}#upl-imap-hero .ih-badge-dot { width: 6px !important; height: 6px !important; background: #DDDF4C !important; border-radius: 50% !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-title { font-family: 'Poppins', sans-serif !important; font-size: 44px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.15 !important; margin-bottom: 22px !important;}#upl-imap-hero .ih-subtitle { font-size: 16.5px !important; color: #ffffff !important; line-height: 1.75 !important; margin-bottom: 16px !important; max-width: 490px !important;}\/* Provider pills row *\/#upl-imap-hero .ih-providers { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; margin-bottom: 32px !important;}#upl-imap-hero .ih-provider-pill { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; padding: 5px 10px !important; border-radius: 20px !important; font-size: 11px !important; font-weight: 500 !important; color: rgba(255,255,255,0.75) !important;}#upl-imap-hero .ih-provider-pill img { width: 14px !important; height: 14px !important; object-fit: contain !important;}#upl-imap-hero .ih-provider-pill-more { background: rgba(59, 185, 139, 0.12) !important; border-color: rgba(59, 185, 139, 0.2) !important; color: #3BB98B !important;}\/* CTAs *\/#upl-imap-hero .ih-ctas { display: flex !important; align-items: center !important; gap: 14px !important; flex-wrap: wrap !important; margin-bottom: 22px !important;}#upl-imap-hero .ih-cta-primary { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #DDDF4C !important; color: #0f2736 !important; font-size: 15px !important; font-weight: 600 !important; padding: 13px 26px !important; border-radius: 10px !important; text-decoration: none !important; border: 2px solid #DDDF4C !important; transition: transform 0.3s ease !important; cursor: pointer !important;}#upl-imap-hero .ih-cta-primary:hover { transform: translateY(-3px) !important;}#upl-imap-hero .ih-cta-primary svg { width: 18px !important; height: 18px !important; transition: transform 0.3s ease !important;}#upl-imap-hero .ih-cta-primary:hover svg { transform: translateX(4px) !important;}#upl-imap-hero .ih-cta-secondary { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: transparent !important; color: #DDDF4C !important; font-size: 15px !important; font-weight: 600 !important; padding: 13px 26px !important; border-radius: 10px !important; text-decoration: none !important; border: 2px solid #DDDF4C !important; transition: transform 0.3s ease, background 0.3s ease !important; cursor: pointer !important;}#upl-imap-hero .ih-cta-secondary:hover { transform: translateY(-3px) !important; background: rgba(221, 223, 76, 0.08) !important;}#upl-imap-hero .ih-cta-secondary svg { width: 18px !important; height: 18px !important; transition: transform 0.3s ease !important;}#upl-imap-hero .ih-cta-secondary:hover svg { transform: translateX(4px) !important;}#upl-imap-hero .ih-note { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 13px !important; color: rgba(255,255,255,0.45) !important;}#upl-imap-hero .ih-note-check { width: 18px !important; height: 18px !important; border: 1.5px solid #3BB98B !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-note-check svg { width: 10px !important; height: 10px !important; color: #3BB98B !important;}\/* \u2500\u2500 RIGHT VISUAL \u2500\u2500 *\/#upl-imap-hero .ih-visual { position: relative !important;}#upl-imap-hero .ih-mockup-wrap { position: relative !important; max-width: 490px !important; margin-left: auto !important;}\/* Main app mockup *\/#upl-imap-hero .ih-mockup { background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 24px 64px rgba(0,0,0,0.28) !important;}#upl-imap-hero .ih-mock-header { background: #f8fafc !important; padding: 12px 16px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid #e5e7eb !important;}#upl-imap-hero .ih-mock-logo { display: flex !important; align-items: center !important; gap: 10px !important;}#upl-imap-hero .ih-mock-logo-icon { width: 30px !important; height: 30px !important; background: rgba(59,185,139,0.12) !important; border-radius: 7px !important; display: flex !important; align-items: center !important; justify-content: center !important;}#upl-imap-hero .ih-mock-logo-icon svg { width: 15px !important; height: 15px !important; color: #3BB98B !important;}#upl-imap-hero .ih-mock-app-name { font-size: 13px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-imap-hero .ih-mock-status { display: flex !important; align-items: center !important; gap: 5px !important; background: rgba(59,185,139,0.1) !important; padding: 4px 10px !important; border-radius: 12px !important; font-size: 11px !important; font-weight: 600 !important; color: #3BB98B !important;}#upl-imap-hero .ih-mock-status-dot { width: 5px !important; height: 5px !important; background: #3BB98B !important; border-radius: 50% !important; animation: ih-pulse 2s ease-in-out infinite !important;}\/* Providers tab strip *\/#upl-imap-hero .ih-mock-tabs { display: flex !important; align-items: center !important; gap: 0 !important; padding: 0 16px !important; background: #f8fafc !important; border-bottom: 1px solid #e5e7eb !important; overflow-x: auto !important;}#upl-imap-hero .ih-mock-tab { display: flex !important; align-items: center !important; gap: 5px !important; padding: 9px 14px !important; font-size: 11px !important; font-weight: 500 !important; color: #94a3b8 !important; border-bottom: 2px solid transparent !important; white-space: nowrap !important; cursor: default !important;}#upl-imap-hero .ih-mock-tab img { width: 13px !important; height: 13px !important; object-fit: contain !important;}#upl-imap-hero .ih-mock-tab-active { color: #3BB98B !important; border-bottom-color: #3BB98B !important; font-weight: 600 !important;}\/* Body *\/#upl-imap-hero .ih-mock-body { padding: 14px 16px !important; background: #ffffff !important;}\/* Email rows *\/#upl-imap-hero .ih-emails { display: flex !important; flex-direction: column !important; gap: 6px !important; margin-bottom: 12px !important;}#upl-imap-hero .ih-email-row { display: flex !important; align-items: center !important; padding: 9px 11px !important; background: #f8fafc !important; border-radius: 8px !important; border: 1px solid #e5e7eb !important; gap: 10px !important;}#upl-imap-hero .ih-email-row-new { background: rgba(59,185,139,0.04) !important; border-color: rgba(59,185,139,0.18) !important;}#upl-imap-hero .ih-provider-icon { width: 26px !important; height: 26px !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-provider-icon img { width: 16px !important; height: 16px !important; object-fit: contain !important;}#upl-imap-hero .ih-email-avatar { width: 28px !important; height: 28px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 10px !important; font-weight: 700 !important; color: #ffffff !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-email-info { flex: 1 !important; min-width: 0 !important;}#upl-imap-hero .ih-email-top { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 2px !important;}#upl-imap-hero .ih-email-sender { font-size: 11.5px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-imap-hero .ih-email-time { font-size: 10px !important; color: #94a3b8 !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-email-subject { font-size: 10.5px !important; color: #64748b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 240px !important;}#upl-imap-hero .ih-email-tag { display: inline-flex !important; align-items: center !important; padding: 2px 8px !important; border-radius: 4px !important; font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-tag-synced { background: rgba(59,185,139,0.1) !important; color: #3BB98B !important;}#upl-imap-hero .ih-tag-new { background: rgba(66,133,244,0.1) !important; color: #4285F4 !important;}#upl-imap-hero .ih-tag-sent { background: rgba(251,188,4,0.12) !important; color: #d4a004 !important;}\/* Code snippet *\/#upl-imap-hero .ih-code-block { background: #0f2736 !important; border-radius: 8px !important; padding: 12px 14px !important; border: 1px solid rgba(59,185,139,0.2) !important;}#upl-imap-hero .ih-code-header { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 8px !important;}#upl-imap-hero .ih-code-dots { display: flex !important; gap: 5px !important;}#upl-imap-hero .ih-code-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-code-label { font-size: 10px !important; font-weight: 600 !important; color: rgba(255,255,255,0.35) !important; font-family: monospace !important;}#upl-imap-hero .ih-code-lines { display: flex !important; flex-direction: column !important; gap: 2px !important;}#upl-imap-hero .ih-code-line { font-size: 10.5px !important; font-family: 'Courier New', monospace !important; line-height: 1.6 !important; white-space: nowrap !important;}#upl-imap-hero .ih-c-method { color: #DDDF4C !important; }#upl-imap-hero .ih-c-url { color: rgba(255,255,255,0.55) !important; }#upl-imap-hero .ih-c-key { color: #3BB98B !important; }#upl-imap-hero .ih-c-val { color: rgba(255,255,255,0.8) !important; }#upl-imap-hero .ih-c-comment { color: rgba(255,255,255,0.3) !important; }\/* Summary stats *\/#upl-imap-hero .ih-stats { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: 10px !important; padding: 10px 13px !important; background: rgba(59,185,139,0.06) !important; border-radius: 8px !important; border: 1px solid rgba(59,185,139,0.14) !important;}#upl-imap-hero .ih-stat { display: flex !important; align-items: center !important; gap: 7px !important;}#upl-imap-hero .ih-stat-icon { width: 26px !important; height: 26px !important; background: rgba(59,185,139,0.15) !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-stat-icon svg { width: 13px !important; height: 13px !important; color: #3BB98B !important;}#upl-imap-hero .ih-stat-text { display: flex !important; flex-direction: column !important;}#upl-imap-hero .ih-stat-val { font-size: 12px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.2 !important;}#upl-imap-hero .ih-stat-lbl { font-size: 9px !important; color: #64748b !important; line-height: 1.2 !important;}#upl-imap-hero .ih-stat-divider { width: 1px !important; height: 26px !important; background: rgba(59,185,139,0.2) !important;}\/* Floating notification *\/#upl-imap-hero .ih-float-notif { position: absolute !important; bottom: -18px !important; left: -28px !important; background: #ffffff !important; border-radius: 10px !important; padding: 10px 14px !important; box-shadow: 0 10px 28px rgba(0,0,0,0.14) !important; display: flex !important; align-items: center !important; gap: 10px !important; animation: ih-float 3.2s ease-in-out infinite !important; z-index: 3 !important; border: 1px solid #e5e7eb !important;}#upl-imap-hero .ih-float-icon { width: 30px !important; height: 30px !important; background: rgba(59,185,139,0.1) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-float-icon svg { width: 15px !important; height: 15px !important; color: #3BB98B !important;}#upl-imap-hero .ih-float-text { display: flex !important; flex-direction: column !important;}#upl-imap-hero .ih-float-title { font-size: 11px !important; font-weight: 600 !important; color: #0f2736 !important; line-height: 1.3 !important;}#upl-imap-hero .ih-float-sub { font-size: 9.5px !important; color: #64748b !important; line-height: 1.3 !important;}\/* Floating webhook *\/#upl-imap-hero .ih-float-webhook { position: absolute !important; top: 24px !important; right: -22px !important; background: #0f2736 !important; border: 1px solid rgba(221,223,76,0.25) !important; border-radius: 8px !important; padding: 8px 12px !important; box-shadow: 0 8px 24px rgba(0,0,0,0.25) !important; display: flex !important; align-items: center !important; gap: 8px !important; animation: ih-float-r 3.8s ease-in-out infinite !important; z-index: 3 !important;}#upl-imap-hero .ih-webhook-dot { width: 6px !important; height: 6px !important; background: #DDDF4C !important; border-radius: 50% !important; animation: ih-pulse 1.8s ease-in-out infinite !important;}#upl-imap-hero .ih-webhook-text { font-size: 10px !important; font-weight: 600 !important; color: #ffffff !important; white-space: nowrap !important; line-height: 1.4 !important;}#upl-imap-hero .ih-webhook-code { font-size: 9px !important; color: #DDDF4C !important; font-family: monospace !important;}@keyframes ih-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); }}@keyframes ih-float-r { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); }}@keyframes ih-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.25; }}\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/@media (max-width: 1024px) { #upl-imap-hero .ih-container { grid-template-columns: 1fr !important; gap: 48px !important; } #upl-imap-hero .ih-content { max-width: 100% !important; text-align: center !important; } #upl-imap-hero .ih-subtitle { max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } #upl-imap-hero .ih-providers { justify-content: center !important; } #upl-imap-hero .ih-ctas { justify-content: center !important; } #upl-imap-hero .ih-note { justify-content: center !important; } #upl-imap-hero .ih-mockup-wrap { margin: 0 auto !important; max-width: 440px !important; } #upl-imap-hero .ih-float-notif { left: 0 !important; } #upl-imap-hero .ih-float-webhook { right: -5px !important; }}@media (max-width: 900px) { #upl-imap-hero .ih-title { font-size: 34px !important; }}@media (max-width: 600px) { #upl-imap-hero .ih-title { font-size: 28px !important; } #upl-imap-hero .ih-ctas { flex-direction: column !important; width: 100% !important; } #upl-imap-hero .ih-cta-primary, #upl-imap-hero .ih-cta-secondary { width: 100% !important; justify-content: center !important; } #upl-imap-hero .ih-float-notif, #upl-imap-hero .ih-float-webhook { display: none !important; }}@media (max-width: 400px) { #upl-imap-hero .ih-title { font-size: 26px !important; }}<\/style>\n<p><\/p>\n<section id=\"upl-imap-hero\"> <\/p>\n<div class=\"ih-container\">  <\/p>\n<div class=\"ih-content\"><\/p>\n<h1 class=\"ih-title\">IMAP API to Read, Send & Sync Any Email Provider<\/h1>\n<p> <pee class=\"ih-subtitle\"> Connect iCloud, Yahoo, ISP emails and any IMAP-compatible provider to your app through Unipile’s unified Email API, with real-time webhooks and a single integration. <\/pee>  <\/p>\n<div class=\"ih-ctas\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"ih-cta-primary\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <a href=\"https:\/\/developer.unipile.com\/docs\" class=\"ih-cta-secondary\" target=\"_blank\" rel=\"noopener noreferrer\"> Documentation <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p> <\/p>\n<div class=\"ih-note\"> <span class=\"ih-note-check\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> <\/span> 7-Day Free Trial <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-visual\"> <\/p>\n<div class=\"ih-mockup-wrap\"> <\/p>\n<div class=\"ih-mockup\">  <\/p>\n<div class=\"ih-mock-header\"> <\/p>\n<div class=\"ih-mock-logo\"> <\/p>\n<div class=\"ih-mock-logo-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg> <\/div>\n<p> <span class=\"ih-mock-app-name\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"ih-mock-status\"> <span class=\"ih-mock-status-dot\"><\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\" style=\"width:12px!important;height:12px!important;object-fit:contain!important;\"> IMAP Connected <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-mock-tabs\"> <\/p>\n<div class=\"ih-mock-tab ih-mock-tab-active\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> All IMAP <\/div>\n<p> <\/p>\n<div class=\"ih-mock-tab\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:13px!important;height:13px!important;color:#94a3b8!important;\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\/><path d=\"M3 9h18\"\/><\/svg> iCloud <\/div>\n<p> <\/p>\n<div class=\"ih-mock-tab\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:13px!important;height:13px!important;color:#94a3b8!important;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg> Yahoo <\/div>\n<p> <\/p>\n<div class=\"ih-mock-tab\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:13px!important;height:13px!important;color:#94a3b8!important;\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 8.81 19.79 19.79 0 01.06 2.18 2 2 0 012.04 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 7.91a16 16 0 006.08 6.08l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg> ISP <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-mock-body\">  <\/p>\n<div class=\"ih-emails\">  <\/p>\n<div class=\"ih-email-row ih-email-row-new\"> <\/p>\n<div class=\"ih-provider-icon\" style=\"background:rgba(0,122,255,0.1)!important;\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#007AFF\" stroke-width=\"2\" style=\"width:14px!important;height:14px!important;\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" ry=\"3\"\/><path d=\"M3 9h18\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-email-avatar\" style=\"background:#007AFF!important;\">CL<\/div>\n<p> <\/p>\n<div class=\"ih-email-info\"> <\/p>\n<div class=\"ih-email-top\"> <span class=\"ih-email-sender\">Claire Leroy<\/span> <span class=\"ih-email-time\">10:42 AM<\/span> <\/div>\n<p> <\/p>\n<div class=\"ih-email-subject\">iCloud \u2014 Invoice #2024-089 ready for review<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ih-email-tag ih-tag-new\">New<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-email-row\"> <\/p>\n<div class=\"ih-provider-icon\" style=\"background:rgba(114,0,212,0.08)!important;\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7200D4\" stroke-width=\"2\" style=\"width:14px!important;height:14px!important;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-email-avatar\" style=\"background:#7200D4!important;\">TW<\/div>\n<p> <\/p>\n<div class=\"ih-email-info\"> <\/p>\n<div class=\"ih-email-top\"> <span class=\"ih-email-sender\">Thomas Weiss<\/span> <span class=\"ih-email-time\">9:14 AM<\/span> <\/div>\n<p> <\/p>\n<div class=\"ih-email-subject\">Yahoo \u2014 Project kickoff date confirmed<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ih-email-tag ih-tag-synced\">Synced<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-email-row\"> <\/p>\n<div class=\"ih-provider-icon\" style=\"background:rgba(59,185,139,0.1)!important;\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" style=\"width:14px!important;height:14px!important;\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 8.81 19.79 19.79 0 01.06 2.18 2 2 0 012.04 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 7.91a16 16 0 006.08 6.08l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-email-avatar\" style=\"background:#3BB98B!important;\">MF<\/div>\n<p> <\/p>\n<div class=\"ih-email-info\"> <\/p>\n<div class=\"ih-email-top\"> <span class=\"ih-email-sender\">Marc Fontaine<\/span> <span class=\"ih-email-time\">Yesterday<\/span> <\/div>\n<p> <\/p>\n<div class=\"ih-email-subject\">ISP \u2014 Sequence step 2 delivered successfully<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ih-email-tag ih-tag-sent\">Sent<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-email-row\"> <\/p>\n<div class=\"ih-provider-icon\" style=\"background:rgba(221,223,76,0.1)!important;\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#DDDF4C\" stroke-width=\"2\" style=\"width:14px!important;height:14px!important;\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-email-avatar\" style=\"background:#DDDF4C!important;color:#0f2736!important;\">AB<\/div>\n<p> <\/p>\n<div class=\"ih-email-info\"> <\/p>\n<div class=\"ih-email-top\"> <span class=\"ih-email-sender\">Alice Barbier<\/span> <span class=\"ih-email-time\">Yesterday<\/span> <\/div>\n<p> <\/p>\n<div class=\"ih-email-subject\">Custom IMAP \u2014 Follow-up after demo call<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ih-email-tag ih-tag-synced\">Synced<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-code-block\"> <\/p>\n<div class=\"ih-code-header\"> <\/p>\n<div class=\"ih-code-dots\"> <span class=\"ih-code-dot\" style=\"background:#EA4335!important;\"><\/span> <span class=\"ih-code-dot\" style=\"background:#FBBC04!important;\"><\/span> <span class=\"ih-code-dot\" style=\"background:#34A853!important;\"><\/span> <\/div>\n<p> <span class=\"ih-code-label\">unipile-api \u00b7 IMAP<\/span> <\/div>\n<p> <\/p>\n<div class=\"ih-code-lines\"> <\/p>\n<div class=\"ih-code-line\"><span class=\"ih-c-method\">POST<\/span> <span class=\"ih-c-url\">api1.unipile.com\/api\/v1\/emails<\/span><\/div>\n<p> <\/p>\n<div class=\"ih-code-line\"><span class=\"ih-c-key\">-H<\/span> <span class=\"ih-c-val\">‘X-API-KEY: your_api_key’<\/span><\/div>\n<p> <\/p>\n<div class=\"ih-code-line\"><span class=\"ih-c-key\">-d<\/span> <span class=\"ih-c-val\">‘{ “account_id”: “imap_acct”,<\/span><\/div>\n<p> <\/p>\n<div class=\"ih-code-line\"> <span class=\"ih-c-val\">“to”: “client@domain.com”,<\/span><\/div>\n<p> <\/p>\n<div class=\"ih-code-line\"> <span class=\"ih-c-val\">“subject”: “Follow-up”,<\/span><\/div>\n<p> <\/p>\n<div class=\"ih-code-line\"> <span class=\"ih-c-val\">“body”: “Hello…” }’<\/span> <span class=\"ih-c-comment\">\/\/ \u2713 200 OK<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-stats\"> <\/p>\n<div class=\"ih-stat\"> <\/p>\n<div class=\"ih-stat-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-stat-text\"> <span class=\"ih-stat-val\">50+ Providers<\/span> <span class=\"ih-stat-lbl\">IMAP compatible<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ih-stat-divider\"><\/div>\n<p> <\/p>\n<div class=\"ih-stat\"> <\/p>\n<div class=\"ih-stat-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-stat-text\"> <span class=\"ih-stat-val\">Real-time<\/span> <span class=\"ih-stat-lbl\">Webhooks<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ih-stat-divider\"><\/div>\n<p> <\/p>\n<div class=\"ih-stat\"> <\/p>\n<div class=\"ih-stat-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-stat-text\"> <span class=\"ih-stat-val\">1 API<\/span> <span class=\"ih-stat-lbl\">Unified access<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-float-notif\"> <\/p>\n<div class=\"ih-float-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-float-text\"> <span class=\"ih-float-title\">Email synced via IMAP API<\/span> <span class=\"ih-float-sub\">claire.leroy@icloud.com \u2192 Your App<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-float-webhook\"> <span class=\"ih-webhook-dot\"><\/span> <\/p>\n<div class=\"ih-webhook-text\"> Webhook fired<!\u2013- [et_pb_br_holder] -\u2013> <span class=\"ih-webhook-code\">POST \/new-email<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/section>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/p>\n<style>#upl-imap-features { font-family: 'Inter', sans-serif !important; padding: 80px 20px !important; position: relative !important; overflow: hidden !important;}#upl-imap-features *,#upl-imap-features *::before,#upl-imap-features *::after { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; background: transparent !important;}\/* \u2500\u2500 HEADER \u2500\u2500 *\/#upl-imap-features .if-header { text-align: center !important; margin-bottom: 50px !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important;}#upl-imap-features .if-title { font-family: 'Poppins', sans-serif !important; font-size: 38px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.2 !important; margin-bottom: 14px !important;}#upl-imap-features .if-subtitle { font-size: 16px !important; color: #383838 !important; line-height: 1.6 !important;}\/* \u2500\u2500 GRID \u2500\u2500 *\/#upl-imap-features .if-grid { max-width: 1100px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 1.1fr 1fr !important; gap: 50px !important; align-items: center !important;}\/* \u2500\u2500 LEFT: MOCKUP \u2500\u2500 *\/#upl-imap-features .if-mockup { background: #ffffff !important; border-radius: 16px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important;}#upl-imap-features .if-mock-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 12px 16px !important; background: #f8fafc !important; border-bottom: 1px solid #e5e7eb !important;}#upl-imap-features .if-mock-logo { display: flex !important; align-items: center !important; gap: 10px !important;}#upl-imap-features .if-mock-logo-icon { width: 28px !important; height: 28px !important; background: rgba(59, 185, 139, 0.12) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-features .if-mock-logo-icon svg { width: 14px !important; height: 14px !important; color: #3BB98B !important;}#upl-imap-features .if-mock-logo-text { font-size: 13px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-imap-features .if-mock-status { display: flex !important; align-items: center !important; gap: 5px !important; background: rgba(59, 185, 139, 0.1) !important; padding: 5px 10px !important; border-radius: 14px !important; font-size: 11px !important; font-weight: 600 !important; color: #3BB98B !important;}#upl-imap-features .if-mock-status-dot { width: 5px !important; height: 5px !important; background: #3BB98B !important; border-radius: 50% !important; flex-shrink: 0 !important; animation: if-pulse 2s ease-in-out infinite !important;}\/* Body *\/#upl-imap-features .if-mock-body { padding: 18px !important; background: #ffffff !important;}\/* Contact Profile *\/#upl-imap-features .if-profile { display: flex !important; align-items: center !important; gap: 12px !important; padding-bottom: 14px !important; border-bottom: 1px solid #e5e7eb !important; margin-bottom: 14px !important;}#upl-imap-features .if-profile-avatar { width: 44px !important; height: 44px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important;}#upl-imap-features .if-profile-avatar img { width: 44px !important; height: 44px !important; object-fit: cover !important; border-radius: 50% !important;}#upl-imap-features .if-profile-info { flex: 1 !important;}#upl-imap-features .if-profile-name { font-size: 14px !important; font-weight: 600 !important; color: #0f2736 !important; display: flex !important; align-items: center !important; gap: 6px !important; margin-bottom: 4px !important;}#upl-imap-features .if-verified { width: 16px !important; height: 16px !important; background: #3BB98B !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-features .if-verified svg { width: 9px !important; height: 9px !important; color: #ffffff !important;}#upl-imap-features .if-profile-providers { display: flex !important; gap: 6px !important; align-items: center !important;}#upl-imap-features .if-profile-providers img { width: 22px !important; height: 22px !important; border-radius: 5px !important; object-fit: contain !important;}\/* Provider label *\/#upl-imap-features .if-provider-label { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 10px !important; font-weight: 500 !important; color: #64748b !important; background: #f1f5f9 !important; padding: 2px 7px !important; border-radius: 10px !important;}\/* Channel Tabs *\/#upl-imap-features .if-tabs { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 14px !important;}#upl-imap-features .if-tab { display: flex !important; align-items: center !important; gap: 7px !important; padding: 9px 14px !important; border-radius: 10px !important; font-size: 13px !important; font-weight: 500 !important; color: #64748b !important; background: #f1f5f9 !important; cursor: default !important;}#upl-imap-features .if-tab-active { background: #3BB98B !important; color: #ffffff !important;}#upl-imap-features .if-tab img { width: 18px !important; height: 18px !important; object-fit: contain !important;}#upl-imap-features .if-tab-icon-cloud { width: 16px !important; height: 16px !important; flex-shrink: 0 !important;}\/* Messages *\/#upl-imap-features .if-messages { display: flex !important; flex-direction: column !important; gap: 10px !important;}#upl-imap-features .if-msg { display: flex !important; gap: 8px !important;}#upl-imap-features .if-msg-avatar { width: 28px !important; height: 28px !important; border-radius: 50% !important; background: #e2e8f0 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 9px !important; font-weight: 600 !important; color: #64748b !important; flex-shrink: 0 !important;}#upl-imap-features .if-msg-content { flex: 1 !important;}#upl-imap-features .if-msg-header { display: flex !important; align-items: center !important; gap: 6px !important; margin-bottom: 3px !important;}#upl-imap-features .if-msg-name { font-size: 11px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-imap-features .if-msg-time { font-size: 9px !important; color: #94a3b8 !important;}#upl-imap-features .if-msg-bubble { background: #f1f5f9 !important; padding: 8px 12px !important; border-radius: 10px !important; border-top-left-radius: 4px !important; font-size: 12px !important; color: #334155 !important; line-height: 1.5 !important;}#upl-imap-features .if-msg-sent .if-msg-bubble { background: rgba(59, 185, 139, 0.08) !important; border-top-left-radius: 10px !important; border-top-right-radius: 4px !important;}\/* Reply bar *\/#upl-imap-features .if-reply { display: flex !important; align-items: center !important; gap: 8px !important; margin-top: 14px !important; padding: 8px 12px !important; background: #f8fafc !important; border-radius: 8px !important; border: 1px solid #e5e7eb !important;}#upl-imap-features .if-reply svg.if-reply-clip { width: 14px !important; height: 14px !important; color: #94a3b8 !important; flex-shrink: 0 !important;}#upl-imap-features .if-reply-text { flex: 1 !important; font-size: 11px !important; color: #64748b !important;}#upl-imap-features .if-reply-send { width: 28px !important; height: 28px !important; background: #3BB98B !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-features .if-reply-send svg { width: 14px !important; height: 14px !important; color: #ffffff !important;}\/* Tracking bar *\/#upl-imap-features .if-tracking { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: 12px !important; padding: 10px 14px !important; background: #0f2736 !important; border-radius: 10px !important;}#upl-imap-features .if-tracking-item { display: flex !important; align-items: center !important; gap: 8px !important;}#upl-imap-features .if-tracking-icon { width: 26px !important; height: 26px !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-features .if-tracking-icon svg { width: 13px !important; height: 13px !important;}#upl-imap-features .if-ti-green { background: rgba(59, 185, 139, 0.25) !important;}#upl-imap-features .if-ti-green svg { color: #3BB98B !important; }#upl-imap-features .if-ti-yellow { background: rgba(221, 223, 76, 0.2) !important;}#upl-imap-features .if-ti-yellow svg { color: #DDDF4C !important; }#upl-imap-features .if-ti-blue { background: rgba(66, 133, 244, 0.2) !important;}#upl-imap-features .if-ti-blue svg { color: #4285F4 !important; }#upl-imap-features .if-tracking-text { display: flex !important; flex-direction: column !important;}#upl-imap-features .if-tracking-label { font-size: 11px !important; font-weight: 600 !important; color: #ffffff !important; line-height: 1.2 !important;}#upl-imap-features .if-tracking-desc { font-size: 9px !important; color: rgba(255, 255, 255, 0.5) !important; line-height: 1.2 !important;}#upl-imap-features .if-tracking-divider { width: 1px !important; height: 24px !important; background: rgba(255, 255, 255, 0.1) !important;}\/* \u2500\u2500 RIGHT: FEATURE CARDS \u2500\u2500 *\/#upl-imap-features .if-cards { display: flex !important; flex-direction: column !important; gap: 22px !important;}#upl-imap-features .if-card { display: flex !important; gap: 16px !important;}#upl-imap-features .if-card-icon { width: 48px !important; height: 48px !important; min-width: 48px !important; background: rgba(221, 223, 76, 0.12) !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-features .if-card-icon svg { width: 24px !important; height: 24px !important; color: #b5b72f !important;}#upl-imap-features .if-card-title { font-family: 'Poppins', sans-serif !important; font-size: 17px !important; font-weight: 600 !important; color: #0f2736 !important; margin-bottom: 6px !important; line-height: 1.3 !important;}#upl-imap-features .if-card-desc { font-size: 13px !important; color: #64748b !important; line-height: 1.6 !important;}@keyframes if-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; }}\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/@media (max-width: 1024px) { #upl-imap-features .if-grid { grid-template-columns: 1fr !important; gap: 40px !important; }}@media (max-width: 900px) { #upl-imap-features .if-title { font-size: 28px !important; }}@media (max-width: 600px) { #upl-imap-features { padding: 50px 16px !important; } #upl-imap-features .if-title { font-size: 26px !important; } #upl-imap-features .if-tabs { flex-wrap: wrap !important; } #upl-imap-features .if-card { flex-direction: column !important; text-align: center !important; } #upl-imap-features .if-card-icon { margin: 0 auto !important; } #upl-imap-features .if-tracking { flex-wrap: wrap !important; gap: 10px !important; justify-content: center !important; } #upl-imap-features .if-tracking-divider { display: none !important; }}@media (max-width: 400px) { #upl-imap-features .if-title { font-size: 26px !important; }}<\/style>\n<p><\/p>\n<section id=\"upl-imap-features\"> <\/p>\n<div class=\"if-header\"> <\/p>\n<h2 class=\"if-title\">Unlock Powerful Email Features Across All IMAP Providers<\/h2>\n<p> <pee class=\"if-subtitle\">Unipile’s IMAP API gives your platform full email capabilities, sync any inbox, send from any provider, and track engagement in real time, all through a single integration.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"if-grid\">  <\/p>\n<div> <\/p>\n<div class=\"if-mockup\"> <\/p>\n<div class=\"if-mock-header\"> <\/p>\n<div class=\"if-mock-logo\"> <\/p>\n<div class=\"if-mock-logo-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg> <\/div>\n<p> <span class=\"if-mock-logo-text\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"if-mock-status\"> <span class=\"if-mock-status-dot\"><\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\" style=\"width:12px!important;height:12px!important;object-fit:contain!important;margin-right:2px!important;\"> IMAP Connected <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"if-mock-body\">  <\/p>\n<div class=\"if-profile\"> <\/p>\n<div class=\"if-profile-avatar\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/06\/unipile-profile-avatar-47.jpg\" alt=\"Sophie Martin\"> <\/div>\n<p> <\/p>\n<div class=\"if-profile-info\"> <\/p>\n<div class=\"if-profile-name\"> Sophie Martin <span class=\"if-verified\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> <\/span> <\/div>\n<p> <\/p>\n<div class=\"if-profile-providers\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <span class=\"if-provider-label\">iCloud<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"if-tabs\"> <\/p>\n<div class=\"if-tab if-tab-active\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> IMAP <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" style=\"width:13px!important;height:13px!important;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div class=\"if-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> Gmail <\/div>\n<p> <\/p>\n<div class=\"if-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> LinkedIn <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"if-messages\"> <\/p>\n<div class=\"if-msg if-msg-sent\"> <\/p>\n<div class=\"if-msg-avatar\" style=\"background: #e2e8f0 !important;\">Me<\/div>\n<p> <\/p>\n<div class=\"if-msg-content\"> <\/p>\n<div class=\"if-msg-header\"> <span class=\"if-msg-name\">Me<\/span> <span class=\"if-msg-time\">Monday, 9:22 AM<\/span> <\/div>\n<p> <\/p>\n<div class=\"if-msg-bubble\">Hi Sophie, just checking in on the onboarding, did you receive all the documents we sent last week?<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"if-msg\"> <\/p>\n<div class=\"if-msg-avatar\" style=\"background: #e2e8f0 !important;\">SM<\/div>\n<p> <\/p>\n<div class=\"if-msg-content\"> <\/p>\n<div class=\"if-msg-header\"> <span class=\"if-msg-name\">Sophie Martin<\/span> <span class=\"if-msg-time\">Monday, 11:45 AM<\/span> <\/div>\n<p> <\/p>\n<div class=\"if-msg-bubble\">Yes, got everything, thank you! I’ve reviewed the contract and it all looks good. Ready to move forward whenever you are.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"if-reply\"> <svg class=\"if-reply-clip\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48\"><\/path><\/svg> <span class=\"if-reply-text\">Reply to Sophie via IMAP…<\/span> <\/p>\n<div class=\"if-reply-send\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"if-tracking\"> <\/p>\n<div class=\"if-tracking-item\"> <\/p>\n<div class=\"if-tracking-icon if-ti-green\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div class=\"if-tracking-text\"> <span class=\"if-tracking-label\">Synced<\/span> <span class=\"if-tracking-desc\">50+ providers<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"if-tracking-divider\"><\/div>\n<p> <\/p>\n<div class=\"if-tracking-item\"> <\/p>\n<div class=\"if-tracking-icon if-ti-yellow\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg> <\/div>\n<p> <\/p>\n<div class=\"if-tracking-text\"> <span class=\"if-tracking-label\">Opened<\/span> <span class=\"if-tracking-desc\">3 times<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"if-tracking-divider\"><\/div>\n<p> <\/p>\n<div class=\"if-tracking-item\"> <\/p>\n<div class=\"if-tracking-icon if-ti-blue\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 11 12 14 22 4\"><\/polyline><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path><\/svg> <\/div>\n<p> <\/p>\n<div class=\"if-tracking-text\"> <span class=\"if-tracking-label\">Replied<\/span> <span class=\"if-tracking-desc\">2h 03m avg<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"if-cards\"> <\/p>\n<div class=\"if-card\"> <\/p>\n<div class=\"if-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> <\/div>\n<p> <\/p>\n<div> <\/p>\n<h3 class=\"if-card-title\">Sync Any IMAP Inbox<\/h3>\n<p> <pee class=\"if-card-desc\">Connect iCloud, Yahoo, ISP providers and any IMAP-compatible server in real time, full thread history, folders, attachments, through one unified API endpoint.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"if-card\"> <\/p>\n<div class=\"if-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-6l-2 3h-4l-2-3H2\"><\/path><path d=\"M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"><\/path><\/svg> <\/div>\n<p> <\/p>\n<div> <\/p>\n<h3 class=\"if-card-title\">Receive Email<\/h3>\n<p> <pee class=\"if-card-desc\">Capture incoming messages from any IMAP inbox in real time on behalf of authenticated users, so every new reply lands in your platform instantly and keeps each thread in sync.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"if-card\"> <\/p>\n<div class=\"if-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg> <\/div>\n<p> <\/p>\n<div> <\/p>\n<h3 class=\"if-card-title\">Send from Any Provider<\/h3>\n<p> <pee class=\"if-card-desc\">Trigger outbound emails from your users’ own IMAP accounts, replies, follow-ups, automated sequences, sent from their verified address regardless of the provider.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"if-card\"> <\/p>\n<div class=\"if-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div> <\/p>\n<h3 class=\"if-card-title\">Track Engagement<\/h3>\n<p> <pee class=\"if-card-desc\">Monitor email opens, clicks, and replies in real time to optimize your outreach strategy and follow-up timing.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/section>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/p>\n<style>#upl-imap-autodetect { font-family: 'Inter', sans-serif !important; padding: 80px 20px !important; position: relative !important; overflow: hidden !important;}#upl-imap-autodetect *,#upl-imap-autodetect *::before,#upl-imap-autodetect *::after { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; background: transparent !important;}\/* \u2500\u2500 HEADER \u2500\u2500 *\/#upl-imap-autodetect .iad-header { text-align: center !important; margin-bottom: 50px !important; max-width: 760px !important; margin-left: auto !important; margin-right: auto !important;}#upl-imap-autodetect .iad-title { font-family: 'Poppins', sans-serif !important; font-size: 38px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.2 !important; margin-bottom: 14px !important;}#upl-imap-autodetect .iad-subtitle { font-size: 16px !important; color: #383838 !important; line-height: 1.6 !important;}\/* \u2500\u2500 GRID \u2500\u2500 *\/#upl-imap-autodetect .iad-grid { max-width: 1100px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 1.1fr 1fr !important; gap: 50px !important; align-items: center !important;}#upl-imap-autodetect .iad-grid > div { min-width: 0 !important;}\/* \u2500\u2500 LEFT: MOCKUP \u2500\u2500 *\/#upl-imap-autodetect .iad-mockup { background: #ffffff !important; border-radius: 16px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important;}#upl-imap-autodetect .iad-mock-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 14px 18px !important; background: #f8fafc !important; border-bottom: 1px solid #e5e7eb !important;}#upl-imap-autodetect .iad-mock-title { font-size: 13px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-imap-autodetect .iad-mock-logo { display: flex !important; align-items: center !important; gap: 6px !important; background: rgba(59, 185, 139, 0.1) !important; padding: 4px 10px !important; border-radius: 12px !important;}#upl-imap-autodetect .iad-mock-logo img { width: 14px !important; height: 14px !important; object-fit: contain !important;}#upl-imap-autodetect .iad-mock-logo span { font-size: 11px !important; font-weight: 600 !important; color: #3BB98B !important;}#upl-imap-autodetect .iad-mock-body { padding: 18px !important; background: #ffffff !important;}\/* Field *\/#upl-imap-autodetect .iad-field { margin-bottom: 12px !important;}#upl-imap-autodetect .iad-field-label { display: block !important; font-size: 11px !important; font-weight: 600 !important; color: #64748b !important; margin-bottom: 5px !important;}#upl-imap-autodetect .iad-field-input { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; padding: 10px 12px !important; background: #f8fafc !important; border: 1px solid #e5e7eb !important; border-radius: 8px !important; font-size: 13px !important; color: #334155 !important;}#upl-imap-autodetect .iad-field-input.iad-detected-input { border-color: rgba(59, 185, 139, 0.5) !important; background: rgba(59, 185, 139, 0.05) !important;}#upl-imap-autodetect .iad-field-value { color: #0f2736 !important; font-weight: 500 !important;}#upl-imap-autodetect .iad-field-dots { letter-spacing: 2px !important; color: #94a3b8 !important;}#upl-imap-autodetect .iad-detected-badge { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 10px !important; font-weight: 600 !important; color: #3BB98B !important; flex-shrink: 0 !important;}#upl-imap-autodetect .iad-detected-badge svg { width: 11px !important; height: 11px !important; color: #3BB98B !important; flex-shrink: 0 !important;}\/* Settings card *\/#upl-imap-autodetect .iad-settings { margin: 14px 0 !important; border: 1px solid #e5e7eb !important; border-radius: 10px !important; overflow: hidden !important;}#upl-imap-autodetect .iad-settings-head { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 12px !important; background: #f8fafc !important; border-bottom: 1px solid #e5e7eb !important;}#upl-imap-autodetect .iad-settings-head-title { font-size: 11px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-imap-autodetect .iad-autofill-tag { display: inline-flex !important; align-items: center !important; gap: 4px !important; background: rgba(59, 185, 139, 0.12) !important; padding: 3px 8px !important; border-radius: 10px !important; font-size: 9px !important; font-weight: 600 !important; color: #3BB98B !important;}#upl-imap-autodetect .iad-autofill-tag svg { width: 9px !important; height: 9px !important; color: #3BB98B !important; flex-shrink: 0 !important;}#upl-imap-autodetect .iad-settings-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; padding: 9px 12px !important;}#upl-imap-autodetect .iad-settings-row + .iad-settings-row { border-top: 1px solid #f1f5f9 !important;}#upl-imap-autodetect .iad-settings-proto { font-size: 10px !important; font-weight: 700 !important; color: #3BB98B !important; background: rgba(59, 185, 139, 0.1) !important; padding: 2px 7px !important; border-radius: 5px !important; flex-shrink: 0 !important;}#upl-imap-autodetect .iad-settings-server { flex: 1 !important; min-width: 0 !important; font-size: 11px !important; color: #334155 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;}#upl-imap-autodetect .iad-settings-port { font-size: 10px !important; color: #64748b !important; font-weight: 600 !important; flex-shrink: 0 !important;}\/* Connect button *\/#upl-imap-autodetect .iad-connect { width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; padding: 11px !important; background: #0f2736 !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 600 !important; color: #ffffff !important; margin-top: 4px !important;}#upl-imap-autodetect .iad-connect svg { width: 14px !important; height: 14px !important; color: #ffffff !important; flex-shrink: 0 !important;}\/* Fallback note *\/#upl-imap-autodetect .iad-fallback { display: flex !important; align-items: center !important; gap: 7px !important; margin-top: 14px !important; padding-top: 14px !important; border-top: 1px dashed #e5e7eb !important;}#upl-imap-autodetect .iad-fallback svg { width: 13px !important; height: 13px !important; color: #94a3b8 !important; flex-shrink: 0 !important;}#upl-imap-autodetect .iad-fallback-text { font-size: 11px !important; color: #64748b !important; line-height: 1.4 !important;}#upl-imap-autodetect .iad-fallback-text b { color: #0f2736 !important; font-weight: 600 !important;}\/* \u2500\u2500 RIGHT: FEATURE CARDS \u2500\u2500 *\/#upl-imap-autodetect .iad-cards { display: flex !important; flex-direction: column !important; gap: 24px !important;}#upl-imap-autodetect .iad-card { display: flex !important; gap: 16px !important;}#upl-imap-autodetect .iad-card-icon { width: 48px !important; height: 48px !important; min-width: 48px !important; background: rgba(221, 223, 76, 0.12) !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-autodetect .iad-card-icon svg { width: 24px !important; height: 24px !important; color: #b5b72f !important;}#upl-imap-autodetect .iad-card-title { font-family: 'Poppins', sans-serif !important; font-size: 17px !important; font-weight: 600 !important; color: #0f2736 !important; margin-bottom: 6px !important; line-height: 1.3 !important;}#upl-imap-autodetect .iad-card-desc { font-size: 13px !important; color: #64748b !important; line-height: 1.6 !important;}\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/@media (max-width: 1024px) { #upl-imap-autodetect .iad-grid { grid-template-columns: 1fr !important; gap: 40px !important; }}@media (max-width: 900px) { #upl-imap-autodetect .iad-title { font-size: 28px !important; }}@media (max-width: 600px) { #upl-imap-autodetect { padding: 50px 16px !important; } #upl-imap-autodetect .iad-title { font-size: 26px !important; } #upl-imap-autodetect .iad-card { flex-direction: column !important; text-align: center !important; } #upl-imap-autodetect .iad-card-icon { margin: 0 auto !important; }}@media (max-width: 400px) { #upl-imap-autodetect .iad-title { font-size: 26px !important; }}<\/style>\n<p><\/p>\n<div id=\"upl-imap-autodetect\"> <\/p>\n<div class=\"iad-header\"> <\/p>\n<h2 class=\"iad-title\">Connect Any Mailbox, No Manual Setup Required<\/h2>\n<p> <pee class=\"iad-subtitle\">When a user logs in through hosted or custom auth, Unipile detects the provider’s IMAP and SMTP settings automatically. And if a provider falls outside our extensive list, the details can still be entered by hand.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"iad-grid\">  <\/p>\n<div> <\/p>\n<div class=\"iad-mockup\"> <\/p>\n<div class=\"iad-mock-header\"> <span class=\"iad-mock-title\">Connect your mailbox<\/span> <\/p>\n<div class=\"iad-mock-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <span>IMAP<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iad-mock-body\">  <\/p>\n<div class=\"iad-field\"> <span class=\"iad-field-label\">Email address<\/span> <\/p>\n<div class=\"iad-field-input iad-detected-input\"> <span class=\"iad-field-value\">sophie.martin@icloud.com<\/span> <span class=\"iad-detected-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> iCloud detected <\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"iad-settings\"> <\/p>\n<div class=\"iad-settings-head\"> <span class=\"iad-settings-head-title\">Server settings<\/span> <span class=\"iad-autofill-tag\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg> Auto-filled <\/span> <\/div>\n<p> <\/p>\n<div class=\"iad-settings-row\"> <span class=\"iad-settings-proto\">IMAP<\/span> <span class=\"iad-settings-server\">imap.mail.me.com<\/span> <span class=\"iad-settings-port\">993 \/ SSL<\/span> <\/div>\n<p> <\/p>\n<div class=\"iad-settings-row\"> <span class=\"iad-settings-proto\">SMTP<\/span> <span class=\"iad-settings-server\">smtp.mail.me.com<\/span> <span class=\"iad-settings-port\">587 \/ TLS<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"iad-field\"> <span class=\"iad-field-label\">Password<\/span> <\/p>\n<div class=\"iad-field-input\"> <span class=\"iad-field-dots\">\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"iad-connect\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 12l2 2 4-4\"><\/path><path d=\"M21 12c-1 0-3-1-3-3s2-3 3-3 3 1 3 3-2 3-3 3\"><\/path><path d=\"M3 12c1 0 3-1 3-3s-2-3-3-3-3 1-3 3 2 3 3 3\"><\/path><line x1=\"6\" y1=\"9\" x2=\"18\" y2=\"9\"><\/line><line x1=\"6\" y1=\"15\" x2=\"18\" y2=\"15\"><\/line><\/svg> Connect mailbox <\/div>\n<p>  <\/p>\n<div class=\"iad-fallback\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 20h9\"><\/path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path><\/svg> <span class=\"iad-fallback-text\">Provider not in our list? <b>Enter the server settings manually.<\/b><\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"iad-cards\"> <\/p>\n<div class=\"iad-card\"> <\/p>\n<div class=\"iad-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg> <\/div>\n<p> <\/p>\n<div> <\/p>\n<h3 class=\"iad-card-title\">Automatic Server Detection<\/h3>\n<p> <pee class=\"iad-card-desc\">When a user connects through hosted or custom auth, Unipile detects the provider’s IMAP and SMTP parameters, server, port and encryption, so they only need to enter their email and password.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iad-card\"> <\/p>\n<div class=\"iad-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 20h9\"><\/path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path><\/svg> <\/div>\n<p> <\/p>\n<div> <\/p>\n<h3 class=\"iad-card-title\">Manual Setup as a Fallback<\/h3>\n<p> <pee class=\"iad-card-desc\">If a provider falls outside our extensive supported list, the user can fill in the specific server details themselves, so no mailbox is ever left out.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#0F2736″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>IMAP API Advanced Features – Unipile<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 style=\"margin:0;padding:0;background:#0f2736;\"><\/p>\n<style>#upl-imap-advanced { font-family: 'Inter', sans-serif !important; padding: 80px 20px !important; position: relative !important; overflow: hidden !important;}#upl-imap-advanced *,#upl-imap-advanced *::before,#upl-imap-advanced *::after { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; background: transparent !important;}\/* \u2500\u2500 HEADER \u2500\u2500 *\/#upl-imap-advanced .ia-header { text-align: center !important; margin-bottom: 70px !important; max-width: 700px !important; margin-left: auto !important; margin-right: auto !important;}#upl-imap-advanced .ia-title { font-family: 'Poppins', sans-serif !important; font-size: 38px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.2 !important; margin-bottom: 16px !important;}#upl-imap-advanced .ia-subtitle { font-size: 16px !important; color: #ffffff !important; line-height: 1.7 !important;}\/* Provider logos row *\/#upl-imap-advanced .ia-providers-row { margin-top: 28px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important;}#upl-imap-advanced .ia-provider-chip { display: inline-flex !important; align-items: center !important; gap: 7px !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; padding: 7px 14px !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 500 !important; color: rgba(255,255,255,0.75) !important;}#upl-imap-advanced .ia-provider-chip img { width: 16px !important; height: 16px !important; object-fit: contain !important;}#upl-imap-advanced .ia-provider-chip-more { background: rgba(59,185,139,0.12) !important; border-color: rgba(59,185,139,0.25) !important; color: #3BB98B !important;}#upl-imap-advanced .ia-providers-note { font-size: 14px !important; color: rgba(255,255,255,0.5) !important; margin-top: 14px !important; text-align: center !important;}\/* \u2500\u2500 USE CASES GRID \u2500\u2500 *\/#upl-imap-advanced .ia-usecases { max-width: 1100px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 80px !important;}#upl-imap-advanced .ia-row { display: grid !important; grid-template-columns: 1fr 1.2fr !important; gap: 60px !important; align-items: center !important; max-width: 1000px !important; margin: 0 auto !important;}#upl-imap-advanced .ia-row-reverse { direction: rtl !important;}#upl-imap-advanced .ia-row-reverse > * { direction: ltr !important;}\/* \u2500\u2500 CONTENT SIDE \u2500\u2500 *\/#upl-imap-advanced .ia-content { padding-left: 20px !important;}#upl-imap-advanced .ia-content-title { font-family: 'Poppins', sans-serif !important; font-size: 28px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; margin-bottom: 16px !important;}#upl-imap-advanced .ia-content-desc { font-size: 15px !important; color: #ffffff!important; line-height: 1.7 !important; margin-bottom: 24px !important;}#upl-imap-advanced .ia-checks { display: flex !important; flex-direction: column !important; gap: 14px !important; margin-bottom: 28px !important;}#upl-imap-advanced .ia-check { display: flex !important; align-items: flex-start !important; gap: 12px !important;}#upl-imap-advanced .ia-check-icon { width: 22px !important; height: 22px !important; min-width: 22px !important; background: rgba(59,185,139,0.15) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 1px !important;}#upl-imap-advanced .ia-check-icon svg { width: 11px !important; height: 11px !important; color: #3BB98B !important;}#upl-imap-advanced .ia-check-text { font-size: 14px !important; color: rgba(255,255,255,0.85) !important; line-height: 1.5 !important;}\/* CTA *\/#upl-imap-advanced .ia-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #DDDF4C !important; color: #0f2736 !important; font-size: 15px !important; font-weight: 600 !important; padding: 14px 28px !important; border-radius: 8px !important; text-decoration: none !important; transition: transform 0.3s ease !important; cursor: pointer !important; margin-left: 20px !important;}#upl-imap-advanced .ia-cta:hover { transform: translateY(-3px) !important;}#upl-imap-advanced .ia-cta svg { width: 18px !important; height: 18px !important; transition: transform 0.3s ease !important;}#upl-imap-advanced .ia-cta:hover svg { transform: translateX(4px) !important;}\/* \u2500\u2500 MOCKUP BASE \u2500\u2500 *\/#upl-imap-advanced .ia-mockup { background: #ffffff !important; border-radius: 16px !important; overflow: hidden !important;}#upl-imap-advanced .ia-mock-header { padding: 10px 14px !important; background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important;}#upl-imap-advanced .ia-mock-logo { display: flex !important; align-items: center !important; gap: 10px !important;}#upl-imap-advanced .ia-mock-logo-icon { width: 32px !important; height: 32px !important; background: linear-gradient(135deg, #e8f5f0, #d4efdf) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-advanced .ia-mock-logo-icon svg { width: 18px !important; height: 18px !important; color: #3BB98B !important;}#upl-imap-advanced .ia-mock-logo-text { font-size: 14px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-imap-advanced .ia-mock-status { display: flex !important; align-items: center !important; gap: 5px !important; background: rgba(59,185,139,0.1) !important; padding: 4px 10px !important; border-radius: 12px !important; font-size: 10px !important; font-weight: 600 !important; color: #3BB98B !important;}#upl-imap-advanced .ia-mock-status-dot { width: 5px !important; height: 5px !important; background: #3BB98B !important; border-radius: 50% !important; animation: ia-pulse 2s ease-in-out infinite !important;}#upl-imap-advanced .ia-mock-body { padding: 14px !important; background: #ffffff !important;}#upl-imap-advanced .ia-section-title { font-size: 10px !important; font-weight: 600 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 12px !important;}\/* \u2500\u2500 MOCKUP 1: FOLDERS \u2500\u2500 *\/#upl-imap-advanced .ia-folders-grid { display: flex !important; flex-direction: column !important; gap: 6px !important; margin-bottom: 14px !important;}#upl-imap-advanced .ia-folder-row { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 12px !important; background: #f8fafc !important; border-radius: 8px !important;}#upl-imap-advanced .ia-folder-row-active { background: rgba(59,185,139,0.06) !important; border: 1px solid rgba(59,185,139,0.2) !important;}#upl-imap-advanced .ia-folder-provider { width: 18px !important; height: 18px !important; object-fit: contain !important; flex-shrink: 0 !important;}#upl-imap-advanced .ia-folder-color { width: 10px !important; height: 10px !important; border-radius: 3px !important; flex-shrink: 0 !important;}#upl-imap-advanced .ia-folder-name { font-size: 13px !important; font-weight: 500 !important; color: #0f2736 !important; flex: 1 !important;}#upl-imap-advanced .ia-folder-tag { font-size: 9px !important; font-weight: 500 !important; color: #94a3b8 !important; background: #f1f5f9 !important; padding: 2px 6px !important; border-radius: 4px !important;}#upl-imap-advanced .ia-folder-count { font-size: 11px !important; font-weight: 600 !important; color: #64748b !important; background: #e2e8f0 !important; padding: 2px 8px !important; border-radius: 10px !important;}#upl-imap-advanced .ia-folder-synced { display: flex !important; align-items: center !important; gap: 4px !important; font-size: 10px !important; font-weight: 600 !important; color: #3BB98B !important;}#upl-imap-advanced .ia-folder-synced svg { width: 10px !important; height: 10px !important; color: #3BB98B !important;}#upl-imap-advanced .ia-sync-bar { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 14px !important; background: rgba(59,185,139,0.06) !important; border-radius: 8px !important;}#upl-imap-advanced .ia-sync-icon { width: 20px !important; height: 20px !important; color: #3BB98B !important; animation: ia-spin 2.5s linear infinite !important; flex-shrink: 0 !important;}#upl-imap-advanced .ia-sync-text { font-size: 11px !important; font-weight: 500 !important; color: #3BB98B !important;}@keyframes ia-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}@keyframes ia-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; }}\/* \u2500\u2500 MOCKUP 2: WEBHOOKS \u2500\u2500 *\/#upl-imap-advanced .ia-webhook-flow { display: flex !important; flex-direction: column !important; gap: 6px !important;}#upl-imap-advanced .ia-webhook-event { display: flex !important; align-items: center !important; gap: 10px !important; padding: 9px 12px !important; background: #f8fafc !important; border-radius: 8px !important;}#upl-imap-advanced .ia-webhook-event-icon { width: 30px !important; height: 30px !important; border-radius: 7px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; background: rgba(59,185,139,0.1) !important;}#upl-imap-advanced .ia-webhook-event-icon img { width: 16px !important; height: 16px !important; object-fit: contain !important;}#upl-imap-advanced .ia-webhook-event-body { flex: 1 !important;}#upl-imap-advanced .ia-webhook-event-title { font-size: 12px !important; font-weight: 600 !important; color: #0f2736 !important; margin-bottom: 1px !important;}#upl-imap-advanced .ia-webhook-event-desc { font-size: 10px !important; color: #64748b !important;}#upl-imap-advanced .ia-webhook-badge { padding: 3px 8px !important; border-radius: 5px !important; font-size: 9px !important; font-weight: 600 !important; flex-shrink: 0 !important;}#upl-imap-advanced .ia-badge-new { background: rgba(59,185,139,0.1) !important; color: #3BB98B !important;}#upl-imap-advanced .ia-badge-sent { background: rgba(66,133,244,0.1) !important; color: #4285F4 !important;}#upl-imap-advanced .ia-badge-opened { background: rgba(251,188,4,0.12) !important; color: #d4a004 !important;}#upl-imap-advanced .ia-badge-replied { background: rgba(221,223,76,0.15) !important; color: #9a9b1e !important;}#upl-imap-advanced .ia-arrow-down { display: flex !important; align-items: center !important; justify-content: center !important; padding: 2px 0 !important;}#upl-imap-advanced .ia-arrow-down svg { width: 14px !important; height: 14px !important; color: #3BB98B !important;}#upl-imap-advanced .ia-code-block { margin-top: 8px !important; padding: 10px 12px !important; background: #0f2736 !important; border-radius: 7px !important; font-family: 'Courier New', monospace !important; font-size: 10px !important; color: rgba(255,255,255,0.7) !important; line-height: 1.4 !important; border: 1px solid rgba(59,185,139,0.15) !important;}#upl-imap-advanced .ia-code-green { color: #3BB98B !important; }#upl-imap-advanced .ia-code-yellow { color: #DDDF4C !important; }\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/@media (max-width: 900px) { #upl-imap-advanced .ia-row, #upl-imap-advanced .ia-row-reverse { grid-template-columns: 1fr !important; gap: 40px !important; direction: ltr !important; } #upl-imap-advanced .ia-title { font-size: 28px !important; } #upl-imap-advanced .ia-content-title { font-size: 24px !important; } #upl-imap-advanced .ia-content { padding-left: 0 !important; } #upl-imap-advanced .ia-cta { margin-left: 0 !important; }}@media (max-width: 600px) { #upl-imap-advanced { padding: 50px 16px !important; } #upl-imap-advanced .ia-title { font-size: 26px !important; } #upl-imap-advanced .ia-content-title { font-size: 22px !important; } #upl-imap-advanced .ia-providers-row { gap: 8px !important; }}@media (max-width: 400px) { #upl-imap-advanced .ia-title { font-size: 26px !important; }}<\/style>\n<p><\/p>\n<section id=\"upl-imap-advanced\">  <\/p>\n<div class=\"ia-header\"> <\/p>\n<h2 class=\"ia-title\">Unlock Advanced IMAP API Features<\/h2>\n<p> <pee class=\"ia-subtitle\">Go beyond basic email. List and sync folders from any IMAP provider, receive real-time webhook notifications and manage inboxes across iCloud, Yahoo, ISP and custom servers through a single API.<\/pee> <\/p>\n<div class=\"ia-providers-row\"> <\/p>\n<div class=\"ia-provider-chip\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> IMAP Universal <\/div>\n<p> <\/p>\n<div class=\"ia-provider-chip\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:16px!important;height:16px!important;color:rgba(255,255,255,0.75)!important;\"><path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"\/><\/svg> iCloud Mail <\/div>\n<p> <\/p>\n<div class=\"ia-provider-chip\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:16px!important;height:16px!important;color:rgba(255,255,255,0.75)!important;\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg> Yahoo Mail <\/div>\n<p> <\/p>\n<div class=\"ia-provider-chip\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:16px!important;height:16px!important;color:rgba(255,255,255,0.75)!important;\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"5\" rx=\"1\"\/><rect x=\"2\" y=\"11\" width=\"20\" height=\"5\" rx=\"1\"\/><circle cx=\"6\" cy=\"5.5\" r=\"1\" fill=\"currentColor\"\/><circle cx=\"6\" cy=\"13.5\" r=\"1\" fill=\"currentColor\"\/><\/svg> ISP Providers <\/div>\n<p> <\/p>\n<div class=\"ia-provider-chip ia-provider-chip-more\"> + Any IMAP server <\/div>\n<p> <\/div>\n<p> <pee class=\"ia-providers-note\">Connect any IMAP-compatible provider with Unipile’s unified API<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"ia-usecases\">  <\/p>\n<div class=\"ia-row\">  <\/p>\n<div> <\/p>\n<div class=\"ia-mockup\"> <\/p>\n<div class=\"ia-mock-header\"> <\/p>\n<div class=\"ia-mock-logo\"> <\/p>\n<div class=\"ia-mock-logo-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg> <\/div>\n<p> <span class=\"ia-mock-logo-text\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-mock-status\"> <span class=\"ia-mock-status-dot\"><\/span> IMAP Synced <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-mock-body\"> <\/p>\n<div class=\"ia-section-title\">IMAP Folders \u2014 All Providers<\/div>\n<p> <\/p>\n<div class=\"ia-folders-grid\"> <\/p>\n<div class=\"ia-folder-row ia-folder-row-active\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\" class=\"ia-folder-provider\"> <\/p>\n<div class=\"ia-folder-color\" style=\"background:#3BB98B!important;\"><\/div>\n<p> <span class=\"ia-folder-name\">Inbox<\/span> <span class=\"ia-folder-tag\">iCloud<\/span> <span class=\"ia-folder-count\">187<\/span> <span class=\"ia-folder-synced\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Synced <\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-folder-row\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\" class=\"ia-folder-provider\"> <\/p>\n<div class=\"ia-folder-color\" style=\"background:#7200D4!important;\"><\/div>\n<p> <span class=\"ia-folder-name\">Sent<\/span> <span class=\"ia-folder-tag\">Yahoo<\/span> <span class=\"ia-folder-count\">54<\/span> <span class=\"ia-folder-synced\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Synced <\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-folder-row\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\" class=\"ia-folder-provider\"> <\/p>\n<div class=\"ia-folder-color\" style=\"background:#FBBC04!important;\"><\/div>\n<p> <span class=\"ia-folder-name\">Clients<\/span> <span class=\"ia-folder-tag\">ISP<\/span> <span class=\"ia-folder-count\">72<\/span> <span class=\"ia-folder-synced\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Synced <\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-folder-row\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\" class=\"ia-folder-provider\"> <\/p>\n<div class=\"ia-folder-color\" style=\"background:#EA4335!important;\"><\/div>\n<p> <span class=\"ia-folder-name\">Follow-up<\/span> <span class=\"ia-folder-tag\">Custom<\/span> <span class=\"ia-folder-count\">29<\/span> <span class=\"ia-folder-synced\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Synced <\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-folder-row\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\" class=\"ia-folder-provider\"> <\/p>\n<div class=\"ia-folder-color\" style=\"background:#4285F4!important;\"><\/div>\n<p> <span class=\"ia-folder-name\">Prospects<\/span> <span class=\"ia-folder-tag\">iCloud<\/span> <span class=\"ia-folder-count\">43<\/span> <span class=\"ia-folder-synced\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Synced <\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-sync-bar\"> <svg class=\"ia-sync-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"23 4 23 10 17 10\"><\/polyline><polyline points=\"1 20 1 14 7 14\"><\/polyline><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"><\/path><\/svg> <span class=\"ia-sync-text\">5 folders synchronized across 4 IMAP providers<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ia-content\"> <\/p>\n<h3 class=\"ia-content-title\">List and Sync IMAP Folders<\/h3>\n<p> <pee class=\"ia-content-desc\">Access and manage folders across any IMAP provider, iCloud, Yahoo, ISP or custom server, with Unipile’s unified List and Get endpoints. No provider-specific code needed.<\/pee> <\/p>\n<div class=\"ia-checks\"> <\/p>\n<div class=\"ia-check\"> <\/p>\n<div class=\"ia-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n<p> <span class=\"ia-check-text\">Retrieve all IMAP folders and subfolders from any provider with a single API call<\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-check\"> <\/p>\n<div class=\"ia-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n<p> <span class=\"ia-check-text\">Filter and paginate emails by folder for targeted inbox management<\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-check\"> <\/p>\n<div class=\"ia-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n<p> <span class=\"ia-check-text\">Mirror custom folder structures into your CRM, ATS or outreach platform<\/span> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"ia-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ia-row ia-row-reverse\">  <\/p>\n<div> <\/p>\n<div class=\"ia-mockup\"> <\/p>\n<div class=\"ia-mock-header\"> <\/p>\n<div class=\"ia-mock-logo\"> <\/p>\n<div class=\"ia-mock-logo-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg> <\/div>\n<p> <span class=\"ia-mock-logo-text\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-mock-status\"> <span class=\"ia-mock-status-dot\"><\/span> Live Events <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-mock-body\"> <\/p>\n<div class=\"ia-section-title\">Webhook Events \u2014 IMAP<\/div>\n<p> <\/p>\n<div class=\"ia-webhook-flow\"> <\/p>\n<div class=\"ia-webhook-event\"> <\/p>\n<div class=\"ia-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-body\"> <\/p>\n<div class=\"ia-webhook-event-title\">New Email Received<\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-desc\">From: claire.leroy@icloud.com<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-badge ia-badge-new\">NEW<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-arrow-down\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"19 12 12 19 5 12\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event\"> <\/p>\n<div class=\"ia-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-body\"> <\/p>\n<div class=\"ia-webhook-event-title\">Email Sent<\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-desc\">To: thomas.weiss@yahoo.com<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-badge ia-badge-sent\">SENT<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-arrow-down\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"19 12 12 19 5 12\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event\"> <\/p>\n<div class=\"ia-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-body\"> <\/p>\n<div class=\"ia-webhook-event-title\">Email Opened<\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-desc\">thomas.weiss@yahoo.com \u2014 3 opens<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-badge ia-badge-opened\">OPENED<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-arrow-down\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"19 12 12 19 5 12\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event\"> <\/p>\n<div class=\"ia-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-body\"> <\/p>\n<div class=\"ia-webhook-event-title\">Reply Received<\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-desc\">From: thomas.weiss@yahoo.com<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-badge ia-badge-replied\">REPLIED<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ia-code-block\"> <span class=\"ia-code-green\">POST<\/span> \/webhook<!\u2013- [et_pb_br_holder] -\u2013> {<!\u2013- [et_pb_br_holder] -\u2013> \u00a0“event”: <span class=\"ia-code-yellow\">“email.received”<\/span>,<!\u2013- [et_pb_br_holder] -\u2013> \u00a0“provider”: <span class=\"ia-code-yellow\">“IMAP”<\/span>,<!\u2013- [et_pb_br_holder] -\u2013> \u00a0“account_id”: <span class=\"ia-code-yellow\">“acc_7k3q2”<\/span><!\u2013- [et_pb_br_holder] -\u2013> } <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ia-content\"> <\/p>\n<h3 class=\"ia-content-title\">Real-Time Webhook Notifications<\/h3>\n<p> <pee class=\"ia-content-desc\">React instantly to IMAP email events without polling any server. Unipile fires webhooks the moment an email is received, opened or replied to, across all your connected providers.<\/pee> <\/p>\n<div class=\"ia-checks\"> <\/p>\n<div class=\"ia-check\"> <\/p>\n<div class=\"ia-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n<p> <span class=\"ia-check-text\">Instant alerts on new emails, opens and replies across all IMAP providers<\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-check\"> <\/p>\n<div class=\"ia-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n<p> <span class=\"ia-check-text\">No polling needed \u2014 reduce infrastructure load and latency<\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-check\"> <\/p>\n<div class=\"ia-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n<p> <span class=\"ia-check-text\">Trigger CRM updates, sequences and automations on every email event<\/span> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"ia-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/section>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>IMAP Multi-Channel Sequence – Unipile<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 style=\"margin:0;padding:0;background:#0f2736;\"><\/p>\n<div id=\"unipile-imap-seqlive\"> <\/p>\n<style> #unipile-imap-seqlive, #unipile-imap-seqlive * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; background: transparent !important; } #unipile-imap-seqlive { padding: 70px 20px !important; background: #0f2736 !important; } #unipile-imap-seqlive .is-container { max-width: 1050px !important; margin: 0 auto !important; } #unipile-imap-seqlive .is-grid { display: grid !important; grid-template-columns: 480px minmax(auto, 400px) !important; gap: 60px !important; align-items: center !important; justify-content: center !important; } \/* ===== LEFT: Mockup ===== *\/ #unipile-imap-seqlive .is-mockup { background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important; box-shadow: 0 20px 60px rgba(0,0,0,0.35) !important; min-width: 480px !important; max-width: 480px !important; position: relative !important; } \/* Mockup Header *\/ #unipile-imap-seqlive .is-mock-head { padding: 12px 16px !important; background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; border-bottom: 1px solid #e5e7eb !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } #unipile-imap-seqlive .is-mock-left { display: flex !important; align-items: center !important; gap: 10px !important; } #unipile-imap-seqlive .is-mock-icon { width: 30px !important; height: 30px !important; background: rgba(59,185,139,0.12) !important; border-radius: 7px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #unipile-imap-seqlive .is-mock-icon svg { width: 16px !important; height: 16px !important; color: #3BB98B !important; } #unipile-imap-seqlive .is-mock-appname { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; } #unipile-imap-seqlive .is-mock-providers { display: flex !important; gap: 5px !important; align-items: center !important; } #unipile-imap-seqlive .is-mock-providers img { width: 20px !important; height: 20px !important; object-fit: contain !important; } \/* Sequence bar *\/ #unipile-imap-seqlive .is-seq-bar { padding: 8px 16px !important; background: rgba(15,39,54,0.04) !important; border-bottom: 1px solid #e5e7eb !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } #unipile-imap-seqlive .is-seq-info { display: flex !important; align-items: center !important; gap: 8px !important; } #unipile-imap-seqlive .is-seq-name { font-size: 12px !important; font-weight: 600 !important; color: #1e293b !important; } #unipile-imap-seqlive .is-seq-active { display: flex !important; align-items: center !important; gap: 5px !important; font-size: 10px !important; font-weight: 600 !important; color: #3BB98B !important; background: rgba(59,185,139,0.1) !important; padding: 3px 8px !important; border-radius: 10px !important; } #unipile-imap-seqlive .is-seq-active::before { content: '' !important; width: 5px !important; height: 5px !important; background: #3BB98B !important; border-radius: 50% !important; } #unipile-imap-seqlive .is-seq-count { font-size: 10px !important; color: #94a3b8 !important; font-weight: 500 !important; } \/* Timeline *\/ #unipile-imap-seqlive .is-timeline { padding: 14px 16px !important; background: #ffffff !important; height: 380px !important; max-height: 380px !important; overflow: hidden !important; } #unipile-imap-seqlive .is-step { display: flex !important; align-items: stretch !important; gap: 12px !important; position: relative !important; opacity: 0.35 !important; transition: opacity 0.5s ease, transform 0.4s ease !important; transform: translateX(-4px) !important; } #unipile-imap-seqlive .is-step.active { opacity: 1 !important; transform: translateX(0) !important; } #unipile-imap-seqlive .is-step.done { opacity: 0.55 !important; transform: translateX(0) !important; } \/* Timeline column *\/ #unipile-imap-seqlive .is-tl-col { display: flex !important; flex-direction: column !important; align-items: center !important; width: 34px !important; flex-shrink: 0 !important; } #unipile-imap-seqlive .is-tl-dot { width: 34px !important; height: 34px !important; border-radius: 9px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #unipile-imap-seqlive .is-tl-dot img { width: 18px !important; height: 18px !important; object-fit: contain !important; } #unipile-imap-seqlive .is-tl-dot.im { background: rgba(59,185,139,0.14) !important; } #unipile-imap-seqlive .is-tl-dot.li { background: rgba(10,102,194,0.12) !important; } #unipile-imap-seqlive .is-tl-dot.wa { background: rgba(37,211,102,0.12) !important; } #unipile-imap-seqlive .is-tl-line { width: 2px !important; flex: 1 !important; min-height: 10px !important; background: #e5e7eb !important; } #unipile-imap-seqlive .is-step.active .is-tl-line { background: #3BB98B !important; } #unipile-imap-seqlive .is-step:last-child .is-tl-line { display: none !important; } \/* Step body *\/ #unipile-imap-seqlive .is-step-body { flex: 1 !important; padding-bottom: 12px !important; min-width: 0 !important; } #unipile-imap-seqlive .is-step:last-child .is-step-body { padding-bottom: 0 !important; } #unipile-imap-seqlive .is-step-top { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 2px !important; } #unipile-imap-seqlive .is-step-day { font-size: 10px !important; font-weight: 700 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; } #unipile-imap-seqlive .is-step.active .is-step-day { color: #3BB98B !important; } #unipile-imap-seqlive .is-step-status { font-size: 9px !important; font-weight: 600 !important; padding: 2px 7px !important; border-radius: 4px !important; } #unipile-imap-seqlive .is-step-status.sent { background: rgba(59,185,139,0.1) !important; color: #3BB98B !important; } #unipile-imap-seqlive .is-step-status.pending { background: #f1f5f9 !important; color: #94a3b8 !important; } #unipile-imap-seqlive .is-step-status.running { background: rgba(59,185,139,0.12) !important; color: #3BB98B !important; } #unipile-imap-seqlive .is-step-action { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; margin-bottom: 2px !important; } #unipile-imap-seqlive .is-step-detail { font-size: 11.5px !important; color: #64748b !important; line-height: 1.35 !important; } \/* Preview bubble *\/ #unipile-imap-seqlive .is-preview { margin-top: 0 !important; padding: 0 10px !important; border-radius: 8px !important; font-size: 11px !important; line-height: 1.35 !important; color: #1e293b !important; max-height: 0 !important; overflow: hidden !important; opacity: 0 !important; transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease, margin 0.3s ease !important; } #unipile-imap-seqlive .is-step.active .is-preview { max-height: 80px !important; opacity: 1 !important; padding: 8px 10px !important; margin-top: 6px !important; } #unipile-imap-seqlive .is-preview.im-bg { background: rgba(59,185,139,0.07) !important; } #unipile-imap-seqlive .is-preview.li-bg { background: #f0f7ff !important; } #unipile-imap-seqlive .is-preview.wa-bg { background: #dcf8c6 !important; } \/* Bottom stats *\/ #unipile-imap-seqlive .is-mock-stats { display: flex !important; border-top: 1px solid #e5e7eb !important; background: #f8f9fa !important; } #unipile-imap-seqlive .is-mstat { flex: 1 !important; padding: 10px 8px !important; text-align: center !important; border-right: 1px solid #e5e7eb !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 2px !important; } #unipile-imap-seqlive .is-mstat:last-child { border-right: none !important; } #unipile-imap-seqlive .is-mstat-val { font-size: 18px !important; font-weight: 700 !important; color: #1e293b !important; display: block !important; } #unipile-imap-seqlive .is-mstat-val.green { color: #3BB98B !important; } #unipile-imap-seqlive .is-mstat-val.yellow { color: #b5b72f !important; } #unipile-imap-seqlive .is-mstat-lbl { font-size: 10px !important; color: #94a3b8 !important; font-weight: 500 !important; display: block !important; margin-top: 2px !important; } \/* ===== RIGHT: Content ===== *\/ #unipile-imap-seqlive .is-content { display: flex !important; flex-direction: column !important; gap: 18px !important; } #unipile-imap-seqlive .is-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221,223,76,0.15) !important; color: #DDDF4C !important; padding: 5px 12px !important; border-radius: 16px !important; font-size: 0.65rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; width: fit-content !important; } #unipile-imap-seqlive .is-badge svg { width: 11px !important; height: 11px !important; } #unipile-imap-seqlive .is-title { font-family: 'Poppins', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; } #unipile-imap-seqlive .is-title span { color: #3BB98B !important; } #unipile-imap-seqlive .is-desc { font-size: 15px !important; color: #ffffff !important; line-height: 1.65 !important; } \/* Channel row *\/ #unipile-imap-seqlive .is-channels { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; } #unipile-imap-seqlive .is-ch { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 12px !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 500 !important; color: rgba(255,255,255,0.8) !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.1) !important; } #unipile-imap-seqlive .is-ch img { width: 16px !important; height: 16px !important; object-fit: contain !important; } \/* Stats *\/ #unipile-imap-seqlive .is-stats { display: flex !important; gap: 20px !important; margin-top: 4px !important; } #unipile-imap-seqlive .is-stat { display: flex !important; flex-direction: column !important; gap: 2px !important; } #unipile-imap-seqlive .is-stat-val { font-size: 22px !important; font-weight: 700 !important; color: #ffffff !important; } #unipile-imap-seqlive .is-stat-val.green { color: #3BB98B !important; } #unipile-imap-seqlive .is-stat-lbl { font-size: 11px !important; color: rgba(255,255,255,0.45) !important; font-weight: 500 !important; } \/* CTA *\/ #unipile-imap-seqlive .is-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #0F2836 !important; background: #DDDF4C !important; font-weight: 600 !important; font-size: 0.9rem !important; padding: 12px 24px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; cursor: pointer !important; width: fit-content !important; margin-top: 4px !important; } #unipile-imap-seqlive .is-cta:hover { transform: translateY(-3px) !important; } #unipile-imap-seqlive .is-cta svg { width: 16px !important; height: 16px !important; transition: transform 0.3s ease !important; } #unipile-imap-seqlive .is-cta:hover svg { transform: translateX(4px) !important; } \/* ===== RESPONSIVE ===== *\/ @media (max-width: 900px) { #unipile-imap-seqlive .is-grid { grid-template-columns: 1fr !important; gap: 30px !important; } #unipile-imap-seqlive .is-mockup { width: 100% !important; min-width: 0 !important; max-width: 480px !important; margin: 0 auto !important; order: 1 !important; } #unipile-imap-seqlive .is-content { order: 2 !important; max-width: 480px !important; margin: 0 auto !important; padding: 0 8px !important; } #unipile-imap-seqlive .is-title { font-size: 28px !important; } #unipile-imap-seqlive .is-cta { align-self: center !important; } #unipile-imap-seqlive .is-stats { justify-content: center !important; } #unipile-imap-seqlive .is-channels { justify-content: center !important; } #unipile-imap-seqlive .is-content { text-align: center !important; align-items: center !important; } } @media (max-width: 500px) { #unipile-imap-seqlive { padding: 50px 16px !important; } #unipile-imap-seqlive .is-title { font-size: 24px !important; } #unipile-imap-seqlive .is-mockup { max-width: 340px !important; min-width: 0 !important; } #unipile-imap-seqlive .is-stats { gap: 14px !important; } #unipile-imap-seqlive .is-stat-val { font-size: 18px !important; } } <\/style>\n<p> <\/p>\n<div class=\"is-container\"> <\/p>\n<div class=\"is-grid\">  <\/p>\n<div class=\"is-mockup\"> <\/p>\n<div class=\"is-mock-head\"> <\/p>\n<div class=\"is-mock-left\"> <\/p>\n<div class=\"is-mock-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg> <\/div>\n<p> <span class=\"is-mock-appname\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-mock-providers\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"is-seq-bar\"> <\/p>\n<div class=\"is-seq-info\"> <span class=\"is-seq-name\">IMAP Outreach \u2014 Multi-Provider Campaign<\/span> <span class=\"is-seq-active\">Running<\/span> <\/div>\n<p> <span class=\"is-seq-count\">Step <span id=\"is-step-counter\">1<\/span>\/5<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-timeline\">  <\/p>\n<div class=\"is-step active\" data-isstep=\"0\"> <\/p>\n<div class=\"is-tl-col\"> <\/p>\n<div class=\"is-tl-dot im\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <\/p>\n<div class=\"is-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"is-step-body\"> <\/p>\n<div class=\"is-step-top\"> <span class=\"is-step-day\">Day 1<\/span> <span class=\"is-step-status running\">Sending\u2026<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-step-action\">IMAP Cold Outreach<\/div>\n<p> <\/p>\n<div class=\"is-step-detail\">Personalized intro via iCloud \/ Yahoo \/ ISP<\/div>\n<p> <\/p>\n<div class=\"is-preview im-bg\">Subject: Quick question about your email workflow \u2014 Hi Sophie, I noticed your team handles a high volume of customer emails across multiple providers. We help automate\u2026<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"is-step\" data-isstep=\"1\"> <\/p>\n<div class=\"is-tl-col\"> <\/p>\n<div class=\"is-tl-dot li\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><\/div>\n<p> <\/p>\n<div class=\"is-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"is-step-body\"> <\/p>\n<div class=\"is-step-top\"> <span class=\"is-step-day\">Day 3<\/span> <span class=\"is-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-step-action\">LinkedIn Connection<\/div>\n<p> <\/p>\n<div class=\"is-step-detail\">Invite + reference to email sent<\/div>\n<p> <\/p>\n<div class=\"is-preview li-bg\">Hey Sophie, reached out by email about your team’s inbox setup. Would love to connect here and show how we unify IMAP providers in one API.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"is-step\" data-isstep=\"2\"> <\/p>\n<div class=\"is-tl-col\"> <\/p>\n<div class=\"is-tl-dot im\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <\/p>\n<div class=\"is-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"is-step-body\"> <\/p>\n<div class=\"is-step-top\"> <span class=\"is-step-day\">Day 5<\/span> <span class=\"is-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-step-action\">IMAP Follow-up<\/div>\n<p> <\/p>\n<div class=\"is-step-detail\">Case study + social proof<\/div>\n<p> <\/p>\n<div class=\"is-preview im-bg\">Subject: Re: Quick question about your email workflow, Here’s how Nexio cut inbox handling time by 55% by switching to a unified IMAP API integration\u2026<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"is-step\" data-isstep=\"3\"> <\/p>\n<div class=\"is-tl-col\"> <\/p>\n<div class=\"is-tl-dot wa\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"><\/div>\n<p> <\/p>\n<div class=\"is-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"is-step-body\"> <\/p>\n<div class=\"is-step-top\"> <span class=\"is-step-day\">Day 8<\/span> <span class=\"is-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-step-action\">WhatsApp Check-in<\/div>\n<p> <\/p>\n<div class=\"is-step-detail\">Quick personal touch if no reply<\/div>\n<p> <\/p>\n<div class=\"is-preview wa-bg\">Hey Sophie! Sent a couple of emails about IMAP integration \u2014 thought a quick message here might be easier. Free for a 10-min call this week?<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"is-step\" data-isstep=\"4\"> <\/p>\n<div class=\"is-tl-col\"> <\/p>\n<div class=\"is-tl-dot im\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"is-step-body\"> <\/p>\n<div class=\"is-step-top\"> <span class=\"is-step-day\">Day 12<\/span> <span class=\"is-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-step-action\">IMAP Closing Email<\/div>\n<p> <\/p>\n<div class=\"is-step-detail\">Final offer + booking link<\/div>\n<p> <\/p>\n<div class=\"is-preview im-bg\">Subject: Last chance \u2014 free pilot closing Friday. Book your 15-min demo \u2192 calendly.com\/unipile-demo<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"is-mock-stats\"> <\/p>\n<div class=\"is-mstat\"><span class=\"is-mstat-val\" id=\"is-stat-sent\">1<\/span><span class=\"is-mstat-lbl\">Sent<\/span><\/div>\n<p> <\/p>\n<div class=\"is-mstat\"><span class=\"is-mstat-val yellow\" id=\"is-stat-open\">1<\/span><span class=\"is-mstat-lbl\">Opened<\/span><\/div>\n<p> <\/p>\n<div class=\"is-mstat\"><span class=\"is-mstat-val green\" id=\"is-stat-reply\">0<\/span><span class=\"is-mstat-lbl\">Replied<\/span><\/div>\n<p> <\/p>\n<div class=\"is-mstat\"><span class=\"is-mstat-val\" id=\"is-stat-pend\">4<\/span><span class=\"is-mstat-lbl\">Pending<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"is-content\"> <\/p>\n<div class=\"is-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg> Multi-Channel Sequences <\/div>\n<p> <\/p>\n<h2 class=\"is-title\">Orchestrate <span>IMAP, LinkedIn & WhatsApp<\/span> in One Sequence<\/h2>\n<p> <pee class=\"is-desc\">Let your users build automated outreach workflows that start from any IMAP provider, iCloud, Yahoo, ISP, and layer in LinkedIn and WhatsApp touchpoints. One API, any email server, every channel.<\/pee> <\/p>\n<div class=\"is-channels\"> <span class=\"is-ch\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\">IMAP<\/span> <span class=\"is-ch\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\">LinkedIn<\/span> <span class=\"is-ch\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\">WhatsApp<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-stats\"> <\/p>\n<div class=\"is-stat\"> <span class=\"is-stat-val green\">50+<\/span> <span class=\"is-stat-lbl\">IMAP providers supported<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-stat\"> <span class=\"is-stat-val green\">3x<\/span> <span class=\"is-stat-lbl\">More replies<\/span> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"is-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><script>(function(){ var root = document.getElementById('unipile-imap-seqlive'); if(!root) return; var steps = root.querySelectorAll('.is-step'); var counter = root.querySelector('#is-step-counter'); var statSent = root.querySelector('#is-stat-sent'); var statOpen = root.querySelector('#is-stat-open'); var statReply = root.querySelector('#is-stat-reply'); var statPend = root.querySelector('#is-stat-pend'); var total = steps.length; var ci = 0; var statsData = [ { sent: 1, open: 1, reply: 0, pend: 4 }, { sent: 2, open: 2, reply: 0, pend: 3 }, { sent: 3, open: 3, reply: 1, pend: 2 }, { sent: 4, open: 3, reply: 1, pend: 1 }, { sent: 5, open: 4, reply: 2, pend: 0 } ]; function activate(idx) { ci = idx; steps.forEach(function(s, i) { s.classList.remove('active','done'); var st = s.querySelector('.is-step-status'); if (i < idx) { s.classList.add('done'); st.className = 'is-step-status sent'; st.textContent = 'Sent \\u2713'; } else if (i === idx) { s.classList.add('active'); st.className = 'is-step-status running'; st.textContent = 'Sending\\u2026'; } else { st.className = 'is-step-status pending'; st.textContent = 'Pending'; } }); counter.textContent = idx + 1; var sd = statsData[idx]; statSent.textContent = sd.sent; statOpen.textContent = sd.open; statReply.textContent = sd.reply; statPend.textContent = sd.pend; } activate(0); setInterval(next, 3000); function next() { activate((ci + 1) % total); }})();<\/script><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n<div id=\"unipile-deliverability\" data-init=\"0\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #unipile-deliverability, #unipile-deliverability * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #unipile-deliverability { padding: 70px 20px !important; background: #0f2736 !important; overflow: hidden !important; } #unipile-deliverability .udr-container { max-width: 1050px !important; margin: 0 auto !important; } #unipile-deliverability .udr-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) 420px !important; gap: 56px !important; align-items: center !important; } \/* ===== LEFT: Content ===== *\/ #unipile-deliverability .udr-content { display: flex !important; flex-direction: column !important; gap: 18px !important; min-width: 0 !important; } #unipile-deliverability .udr-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: #DDDF4C !important; padding: 5px 12px !important; border-radius: 16px !important; font-size: 0.65rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; width: fit-content !important; } #unipile-deliverability .udr-badge svg { width: 11px !important; height: 11px !important; } #unipile-deliverability .udr-title { font-family: 'Poppins', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; } #unipile-deliverability .udr-title span { color: #3BB98B !important; } #unipile-deliverability .udr-desc { font-size: 15px !important; color: #ffffff !important; line-height: 1.65 !important; } \/* Benefits (checklist) *\/ #unipile-deliverability .udr-benefits { display: flex !important; flex-direction: column !important; gap: 16px !important; margin-top: 4px !important; } #unipile-deliverability .udr-check { display: flex !important; align-items: center !important; gap: 14px !important; } #unipile-deliverability .udr-check-ic { width: 30px !important; height: 30px !important; flex-shrink: 0 !important; background: rgba(59, 185, 139, 0.14) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; } #unipile-deliverability .udr-check-ic svg { width: 15px !important; height: 15px !important; color: #3BB98B !important; } #unipile-deliverability .udr-check-txt { font-size: 16px !important; font-weight: 500 !important; color: #ffffff !important; line-height: 1.4 !important; } \/* CTA *\/ #unipile-deliverability .udr-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #0F2836 !important; background: #DDDF4C !important; font-weight: 600 !important; font-size: 0.9rem !important; padding: 12px 24px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; cursor: pointer !important; width: fit-content !important; margin-top: 6px !important; } #unipile-deliverability .udr-cta:hover { transform: translateY(-5px) !important; } #unipile-deliverability .udr-cta svg { width: 16px !important; height: 16px !important; } \/* ===== RIGHT: Inbox placement card ===== *\/ #unipile-deliverability .udr-card { background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35) !important; min-width: 0 !important; } #unipile-deliverability .udr-card-head { padding: 12px 16px !important; background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; border-bottom: 1px solid #e5e7eb !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } #unipile-deliverability .udr-head-left { display: flex !important; align-items: center !important; gap: 8px !important; } #unipile-deliverability .udr-head-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #3BB98B !important; box-shadow: 0 0 0 3px rgba(59, 185, 139, 0.18) !important; } #unipile-deliverability .udr-head-title { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; } #unipile-deliverability .udr-head-live { font-size: 10px !important; font-weight: 600 !important; color: #3BB98B !important; background: rgba(59, 185, 139, 0.1) !important; padding: 3px 8px !important; border-radius: 10px !important; } \/* Tabs *\/ #unipile-deliverability .udr-tabs { display: flex !important; gap: 4px !important; padding: 8px 12px 0 12px !important; background: #ffffff !important; border-bottom: 1px solid #e5e7eb !important; } #unipile-deliverability .udr-tab { font-size: 11.5px !important; font-weight: 600 !important; color: #94a3b8 !important; padding: 6px 10px 9px 10px !important; border-bottom: 2px solid transparent !important; display: flex !important; align-items: center !important; gap: 5px !important; } #unipile-deliverability .udr-tab b { font-weight: 700 !important; color: #cbd5e1 !important; } #unipile-deliverability .udr-tab-on { color: #0f2736 !important; border-bottom: 2px solid #3BB98B !important; } \/* Mail list *\/ #unipile-deliverability .udr-list { padding: 10px 12px !important; background: #ffffff !important; display: flex !important; flex-direction: column !important; gap: 6px !important; } #unipile-deliverability .udr-mail { display: flex !important; align-items: center !important; gap: 10px !important; padding: 9px 10px !important; border-radius: 9px !important; background: #ffffff !important; } #unipile-deliverability .udr-mail-hot { background: rgba(59, 185, 139, 0.07) !important; box-shadow: inset 3px 0 0 #3BB98B !important; } #unipile-deliverability .udr-av { width: 30px !important; height: 30px !important; flex-shrink: 0 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 700 !important; } #unipile-deliverability .udr-av-green { background: rgba(59, 185, 139, 0.15) !important; color: #3BB98B !important; } #unipile-deliverability .udr-av-grey { background: #eef1f4 !important; color: #64748b !important; } #unipile-deliverability .udr-mail-body { flex: 1 !important; min-width: 0 !important; } #unipile-deliverability .udr-mail-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin-bottom: 2px !important; } #unipile-deliverability .udr-mail-from { font-size: 12.5px !important; font-weight: 600 !important; color: #1e293b !important; } #unipile-deliverability .udr-mail-from.muted { color: #64748b !important; font-weight: 500 !important; } #unipile-deliverability .udr-mail-time { font-size: 10px !important; color: #94a3b8 !important; font-weight: 500 !important; flex-shrink: 0 !important; } #unipile-deliverability .udr-mail-subj { font-size: 11.5px !important; color: #64748b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #unipile-deliverability .udr-mail-subj.strong { color: #334155 !important; font-weight: 500 !important; } #unipile-deliverability .udr-tag { flex-shrink: 0 !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 9.5px !important; font-weight: 700 !important; color: #3BB98B !important; background: rgba(59, 185, 139, 0.12) !important; padding: 4px 8px !important; border-radius: 6px !important; } #unipile-deliverability .udr-tag svg { width: 11px !important; height: 11px !important; } \/* Meter *\/ #unipile-deliverability .udr-meter { padding: 12px 16px 14px 16px !important; background: #ffffff !important; border-top: 1px solid #f1f5f9 !important; } #unipile-deliverability .udr-meter-top { display: flex !important; align-items: baseline !important; justify-content: space-between !important; margin-bottom: 7px !important; } #unipile-deliverability .udr-meter-lbl { font-size: 11.5px !important; font-weight: 600 !important; color: #475569 !important; } #unipile-deliverability .udr-meter-val { font-size: 17px !important; font-weight: 700 !important; color: #3BB98B !important; } #unipile-deliverability .udr-meter-track { width: 100% !important; height: 7px !important; background: #eef1f4 !important; border-radius: 99px !important; overflow: hidden !important; } #unipile-deliverability .udr-meter-fill { width: 0% !important; height: 100% !important; background: linear-gradient(90deg, #3BB98B, #2da077) !important; border-radius: 99px !important; } \/* Source footer *\/ #unipile-deliverability .udr-source { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; padding: 11px 16px !important; background: #f8f9fa !important; border-top: 1px solid #e5e7eb !important; } #unipile-deliverability .udr-source-lbl { font-size: 11px !important; font-weight: 500 !important; color: #64748b !important; } #unipile-deliverability .udr-source-logos { display: flex !important; align-items: center !important; gap: 7px !important; } #unipile-deliverability .udr-source-logos img { width: 18px !important; height: 18px !important; object-fit: contain !important; } \/* ===== RESPONSIVE ===== *\/ @media (max-width: 900px) { #unipile-deliverability .udr-grid { grid-template-columns: 1fr !important; gap: 34px !important; } #unipile-deliverability .udr-content { order: 1 !important; max-width: 460px !important; margin: 0 auto !important; text-align: center !important; align-items: center !important; } #unipile-deliverability .udr-benefits { text-align: left !important; width: 100% !important; max-width: 380px !important; } #unipile-deliverability .udr-card { order: 2 !important; max-width: 420px !important; margin: 0 auto !important; width: 100% !important; } #unipile-deliverability .udr-title { font-size: 28px !important; } } @media (max-width: 600px) { #unipile-deliverability { padding: 50px 16px !important; } #unipile-deliverability .udr-title { font-size: 24px !important; } } @media (max-width: 400px) { #unipile-deliverability .udr-title { font-size: 24px !important; } #unipile-deliverability .udr-card { max-width: 340px !important; } } <\/style>\n<p> <\/p>\n<div class=\"udr-container\"> <\/p>\n<div class=\"udr-grid\">  <\/p>\n<div class=\"udr-content\"> <\/p>\n<div class=\"udr-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg> Deliverability <\/div>\n<p> <\/p>\n<h2 class=\"udr-title\">Send from real inboxes, land in the <span>primary inbox<\/span><\/h2>\n<p> <pee class=\"udr-desc\">When your users send through their own Google, Microsoft, or IMAP accounts, every message carries native sender reputation and provider authentication. No shared relay, no rented domain, just trusted accounts reaching real people.<\/pee> <\/p>\n<div class=\"udr-benefits\"> <\/p>\n<div class=\"udr-check\"> <\/p>\n<div class=\"udr-check-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <span class=\"udr-check-txt\">Native sender reputation from real, warmed accounts<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-check\"> <\/p>\n<div class=\"udr-check-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <span class=\"udr-check-txt\">SPF, DKIM and DMARC signed by the provider<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-check\"> <\/p>\n<div class=\"udr-check-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <span class=\"udr-check-txt\">Primary inbox placement, not the spam folder<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-check\"> <\/p>\n<div class=\"udr-check-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <span class=\"udr-check-txt\">No third-party relay between send and inbox<\/span> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"udr-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"udr-card\"> <\/p>\n<div class=\"udr-card-head\"> <\/p>\n<div class=\"udr-head-left\"> <span class=\"udr-head-dot\"><\/span> <span class=\"udr-head-title\">Recipient inbox<\/span> <\/div>\n<p> <span class=\"udr-head-live\">Delivered<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-tabs\"> <span class=\"udr-tab udr-tab-on\">Primary<\/span> <span class=\"udr-tab\">Spam <b>0<\/b><\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-list\"> <\/p>\n<div class=\"udr-mail udr-mail-hot\"> <\/p>\n<div class=\"udr-av udr-av-green\">SO<\/div>\n<p> <\/p>\n<div class=\"udr-mail-body\"> <\/p>\n<div class=\"udr-mail-top\"> <span class=\"udr-mail-from\">Sales Outreach<\/span> <span class=\"udr-mail-time\">now<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-mail-subj strong\">Quick question about your outbound stack<\/div>\n<p> <\/div>\n<p> <span class=\"udr-tag\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Inbox <\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-mail\"> <\/p>\n<div class=\"udr-av udr-av-grey\">NW<\/div>\n<p> <\/p>\n<div class=\"udr-mail-body\"> <\/p>\n<div class=\"udr-mail-top\"> <span class=\"udr-mail-from muted\">Newsletter<\/span> <span class=\"udr-mail-time\">9:24<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-mail-subj\">Your weekly product digest is ready<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"udr-mail\"> <\/p>\n<div class=\"udr-av udr-av-grey\">TM<\/div>\n<p> <\/p>\n<div class=\"udr-mail-body\"> <\/p>\n<div class=\"udr-mail-top\"> <span class=\"udr-mail-from muted\">Team<\/span> <span class=\"udr-mail-time\">8:10<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-mail-subj\">3 new comments on your shared file<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"udr-meter\"> <\/p>\n<div class=\"udr-meter-top\"> <span class=\"udr-meter-lbl\">Native delivery rate<\/span> <span class=\"udr-meter-val\">0%<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-meter-track\">\n<div class=\"udr-meter-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"udr-source\"> <span class=\"udr-source-lbl\">Sent from your user’s own account<\/span> <\/p>\n<div class=\"udr-source-logos\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><script>(function(){ var root = document.getElementById('unipile-deliverability'); if(!root) return; function runMeter(){ if(root.getAttribute('data-init') === '1') return; root.setAttribute('data-init','1'); var fill = root.querySelector('.udr-meter-fill'); var val = root.querySelector('.udr-meter-val'); var target = 99; var duration = 1400; var t0 = null; function step(ts){ if(!t0) t0 = ts; var p = Math.min((ts - t0) \/ duration, 1); var eased = 1 - Math.pow(1 - p, 3); if(fill) fill.style.setProperty('width', (eased * target) + '%', 'important'); if(val) val.textContent = Math.round(eased * target) + '%'; if(p < 1) requestAnimationFrame(step); } requestAnimationFrame(step); } function setup(){ if(root.__udrSetup) return; root.__udrSetup = true; if('IntersectionObserver' in window){ var io = new IntersectionObserver(function(entries){ entries.forEach(function(e){ if(e.isIntersecting){ runMeter(); io.disconnect(); } }); }, { threshold: 0.35 }); io.observe(root); } else { runMeter(); } } if(document.readyState !== 'loading'){ setup(); } else { document.addEventListener('DOMContentLoaded', setup); } window.addEventListener('load', setup);})();<\/script>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n<div id=\"unipile-email-capabilities-section\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #unipile-email-capabilities-section, #unipile-email-capabilities-section * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #unipile-email-capabilities-section { background: #0f2736 !important; padding: 80px 20px !important; } #unipile-email-capabilities-section .ec-container { max-width: 1100px !important; margin: 0 auto !important; } \/* Section Header *\/ #unipile-email-capabilities-section .ec-header { text-align: center !important; margin-bottom: 50px !important; } #unipile-email-capabilities-section .ec-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: rgba(221, 223, 76, 0.15) !important; color: #DDDF4C !important; padding: 8px 16px !important; border-radius: 20px !important; font-size: 0.75rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 20px !important; } #unipile-email-capabilities-section .ec-badge svg { width: 16px !important; height: 16px !important; stroke: #DDDF4C !important; } #unipile-email-capabilities-section .ec-title { font-family: 'Poppins', sans-serif !important; font-size: 42px !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 16px !important; line-height: 1.2 !important; } #unipile-email-capabilities-section .ec-subtitle { font-size: 17px !important; color: #ffffff !important; line-height: 1.6 !important; max-width: 700px !important; margin: 0 auto !important; } \/* Card *\/ #unipile-email-capabilities-section .ec-card { background: #ffffff !important; border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important; } \/* Card Header *\/ #unipile-email-capabilities-section .ec-card-header { padding: 24px 32px !important; border-bottom: 1px solid #e5e7eb !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 20px !important; } #unipile-email-capabilities-section .ec-card-title { font-family: 'Poppins', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: #1e293b !important; line-height: 1.2 !important; } #unipile-email-capabilities-section .ec-card-logos { display: flex !important; align-items: center !important; gap: 10px !important; } #unipile-email-capabilities-section .ec-card-logos img { width: 36px !important; height: 36px !important; object-fit: contain !important; } \/* Content layout *\/ #unipile-email-capabilities-section .ec-content { display: flex !important; min-height: 420px !important; } \/* Sidebar *\/ #unipile-email-capabilities-section .ec-sidebar { width: 220px !important; min-width: 220px !important; border-right: 1px solid #e5e7eb !important; padding: 20px 0 !important; background: linear-gradient(180deg, #fafbfc 0%, #ffffff 100%) !important; } #unipile-email-capabilities-section .ec-tab { display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 20px !important; font-size: 14px !important; font-weight: 500 !important; color: #64748b !important; cursor: pointer !important; transition: all 0.3s ease !important; background: transparent !important; } #unipile-email-capabilities-section .ec-tab:hover { color: #1e293b !important; background: rgba(59, 185, 139, 0.04) !important; } #unipile-email-capabilities-section .ec-tab.active { color: #1e293b !important; font-weight: 600 !important; background: rgba(221, 223, 76, 0.08) !important; } #unipile-email-capabilities-section .ec-tab-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; background: rgba(100, 116, 139, 0.08) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; } #unipile-email-capabilities-section .ec-tab.active .ec-tab-icon { background: rgba(221, 223, 76, 0.2) !important; } #unipile-email-capabilities-section .ec-tab-icon svg { width: 16px !important; height: 16px !important; stroke: #64748b !important; transition: stroke 0.3s ease !important; } #unipile-email-capabilities-section .ec-tab.active .ec-tab-icon svg { stroke: #c5c743 !important; } #unipile-email-capabilities-section .ec-tab-content { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 6px !important; } #unipile-email-capabilities-section .ec-tab-label { font-size: 13px !important; line-height: 1.2 !important; } #unipile-email-capabilities-section .ec-label-full { display: inline !important; } #unipile-email-capabilities-section .ec-label-short { display: none !important; } \/* Progress Bar *\/ #unipile-email-capabilities-section .ec-progress-bar { width: 100% !important; height: 4px !important; background: #d1d5db !important; border-radius: 3px !important; overflow: hidden !important; margin-top: 4px !important; } #unipile-email-capabilities-section .ec-progress-fill { height: 100% !important; width: 0% !important; background: #DDDF4C !important; border-radius: 3px !important; transition: none !important; } #unipile-email-capabilities-section .ec-tab.active .ec-progress-fill.animating { width: 100% !important; transition: width 5s linear !important; } \/* Features Panel *\/ #unipile-email-capabilities-section .ec-features { flex: 1 !important; padding: 24px 28px !important; overflow-y: auto !important; position: relative !important; max-height: 420px !important; } #unipile-email-capabilities-section .ec-feature-panel { display: none !important; animation: ecFadeIn 0.4s ease !important; } #unipile-email-capabilities-section .ec-feature-panel.active { display: block !important; } @keyframes ecFadeIn { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } } #unipile-email-capabilities-section .ec-panel-header { margin-bottom: 18px !important; } #unipile-email-capabilities-section .ec-panel-title { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 600 !important; color: #1e293b !important; margin-bottom: 4px !important; } #unipile-email-capabilities-section .ec-panel-count { font-size: 12px !important; color: #64748b !important; } #unipile-email-capabilities-section .ec-panel-count span { color: #3BB98B !important; font-weight: 600 !important; } \/* Table header *\/ #unipile-email-capabilities-section .ec-table-head { display: grid !important; grid-template-columns: 1fr 90px 90px 90px !important; gap: 0 !important; padding: 0 14px 10px !important; border-bottom: 1px solid #e5e7eb !important; margin-bottom: 6px !important; } #unipile-email-capabilities-section .ec-th { font-size: 12px !important; font-weight: 700 !important; color: #0f2736 !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; } #unipile-email-capabilities-section .ec-th img { width: 18px !important; height: 18px !important; object-fit: contain !important; } #unipile-email-capabilities-section .ec-th:first-child { text-align: left !important; justify-content: flex-start !important; } \/* Table rows *\/ #unipile-email-capabilities-section .ec-table-rows { display: flex !important; flex-direction: column !important; gap: 2px !important; } #unipile-email-capabilities-section .ec-row { display: grid !important; grid-template-columns: 1fr 90px 90px 90px !important; gap: 0 !important; padding: 10px 14px !important; background: #f8f9fa !important; border-radius: 8px !important; transition: all 0.2s ease !important; align-items: center !important; } #unipile-email-capabilities-section .ec-row:hover { background: rgba(59, 185, 139, 0.06) !important; transform: translateX(3px) !important; } #unipile-email-capabilities-section .ec-row-name { font-size: 13px !important; font-weight: 500 !important; color: #1e293b !important; line-height: 1.3 !important; } #unipile-email-capabilities-section .ec-row-cell { text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; } #unipile-email-capabilities-section .ec-dot { width: 10px !important; height: 10px !important; border-radius: 50% !important; background: #3BB98B !important; } #unipile-email-capabilities-section .ec-dot-empty { width: 10px !important; height: 10px !important; border-radius: 50% !important; background: #e2e8f0 !important; } \/* Controls *\/ #unipile-email-capabilities-section .ec-controls { position: absolute !important; bottom: 16px !important; right: 16px !important; } #unipile-email-capabilities-section .ec-control-btn { width: 32px !important; height: 32px !important; background: #f8f9fa !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: all 0.2s ease !important; } #unipile-email-capabilities-section .ec-control-btn:hover { background: rgba(59, 185, 139, 0.15) !important; } #unipile-email-capabilities-section .ec-control-btn svg { width: 12px !important; height: 12px !important; stroke: #64748b !important; } #unipile-email-capabilities-section .ec-control-btn.active svg { stroke: #3BB98B !important; } \/* CTA *\/ #unipile-email-capabilities-section .ec-cta-wrapper { text-align: center !important; margin-top: 40px !important; } #unipile-email-capabilities-section .ec-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #DDDF4C !important; color: #0f2736 !important; padding: 14px 28px !important; border-radius: 8px !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; } #unipile-email-capabilities-section .ec-cta:hover { transform: translateY(-5px) !important; } #unipile-email-capabilities-section .ec-cta svg { width: 18px !important; height: 18px !important; stroke: #0f2736 !important; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-email-capabilities-section { padding: 60px 16px !important; } #unipile-email-capabilities-section .ec-title { font-size: 32px !important; } #unipile-email-capabilities-section .ec-subtitle { font-size: 15px !important; } #unipile-email-capabilities-section .ec-content { flex-direction: column !important; min-height: auto !important; } #unipile-email-capabilities-section .ec-sidebar { width: 100% !important; min-width: 100% !important; border-right: none !important; border-bottom: 1px solid #e5e7eb !important; padding: 12px !important; display: flex !important; gap: 8px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } #unipile-email-capabilities-section .ec-tab { flex-direction: column !important; padding: 10px 14px !important; border-radius: 10px !important; min-width: 90px !important; text-align: center !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; } #unipile-email-capabilities-section .ec-tab.active { border-color: #DDDF4C !important; background: rgba(221, 223, 76, 0.1) !important; } #unipile-email-capabilities-section .ec-tab-content { align-items: center !important; } #unipile-email-capabilities-section .ec-tab-label { font-size: 10px !important; } #unipile-email-capabilities-section .ec-label-full { display: none !important; } #unipile-email-capabilities-section .ec-label-short { display: inline !important; } #unipile-email-capabilities-section .ec-features { padding: 20px 16px !important; max-height: none !important; } #unipile-email-capabilities-section .ec-card-header { padding: 20px !important; } #unipile-email-capabilities-section .ec-card-title { font-size: 18px !important; } #unipile-email-capabilities-section .ec-table-head { grid-template-columns: 1fr 70px 70px 70px !important; } #unipile-email-capabilities-section .ec-row { grid-template-columns: 1fr 70px 70px 70px !important; } } @media (max-width: 500px) { #unipile-email-capabilities-section .ec-title { font-size: 26px !important; } #unipile-email-capabilities-section .ec-tab { min-width: 75px !important; padding: 8px 10px !important; } #unipile-email-capabilities-section .ec-tab-icon { width: 28px !important; height: 28px !important; min-width: 28px !important; } #unipile-email-capabilities-section .ec-table-head { grid-template-columns: 1fr 60px 60px 60px !important; padding: 0 10px 8px !important; } #unipile-email-capabilities-section .ec-row { grid-template-columns: 1fr 60px 60px 60px !important; padding: 8px 10px !important; } #unipile-email-capabilities-section .ec-th { font-size: 10px !important; } #unipile-email-capabilities-section .ec-th img { width: 14px !important; height: 14px !important; } #unipile-email-capabilities-section .ec-row-name { font-size: 12px !important; } } <\/style>\n<p> <\/p>\n<div class=\"ec-container\">  <\/p>\n<div class=\"ec-header\"> <\/p>\n<div class=\"ec-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/> <polyline points=\"2 17 12 22 22 17\"\/> <polyline points=\"2 12 12 17 22 12\"\/> <\/svg> Email API <\/div>\n<p> <\/p>\n<h2 class=\"ec-title\">Email API Capabilities<\/h2>\n<p> <pee class=\"ec-subtitle\">Integrate Gmail, Outlook, and IMAP email providers through a single unified API. Send, receive, organize, and track emails across all major providers with consistent endpoints.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"ec-card\"> <\/p>\n<div class=\"ec-card-header\"> <span class=\"ec-card-title\">Explore All Endpoints<\/span> <\/p>\n<div class=\"ec-card-logos\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-content\">  <\/p>\n<div class=\"ec-sidebar\" id=\"ecSidebar\"> <\/p>\n<div class=\"ec-tab active\" data-ectab=\"connection\"> <\/p>\n<div class=\"ec-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/> <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"ec-tab-content\"> <span class=\"ec-tab-label\"><span class=\"ec-label-full\">Account Connection<\/span><span class=\"ec-label-short\">Account<\/span><\/span> <\/p>\n<div class=\"ec-progress-bar\">\n<div class=\"ec-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-tab\" data-ectab=\"sendreceive\"> <\/p>\n<div class=\"ec-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/> <polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"ec-tab-content\"> <span class=\"ec-tab-label\"><span class=\"ec-label-full\">Send \/ Receive<\/span><span class=\"ec-label-short\">Send<\/span><\/span> <\/p>\n<div class=\"ec-progress-bar\">\n<div class=\"ec-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-tab\" data-ectab=\"organize\"> <\/p>\n<div class=\"ec-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"ec-tab-content\"> <span class=\"ec-tab-label\">Organize<\/span> <\/p>\n<div class=\"ec-progress-bar\">\n<div class=\"ec-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-tab\" data-ectab=\"webhooks\"> <\/p>\n<div class=\"ec-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/> <polyline points=\"22 4 12 14.01 9 11.01\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"ec-tab-content\"> <span class=\"ec-tab-label\">Webhooks<\/span> <\/p>\n<div class=\"ec-progress-bar\">\n<div class=\"ec-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ec-features\">  <\/p>\n<div class=\"ec-feature-panel active\" data-ecpanel=\"connection\"> <\/p>\n<div class=\"ec-panel-header\"> <\/p>\n<h3 class=\"ec-panel-title\">Account Connection<\/h3>\n<p> <pee class=\"ec-panel-count\"><span>3<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"ec-table-head\"> <\/p>\n<div class=\"ec-th\"><\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> Gmail<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> Outlook<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> IMAP<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-table-rows\"> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Hosted Auth: White label email auth<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Custom auth: Connect user with credentials<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot-empty\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot-empty\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Use your App OAuth screen<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot-empty\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ec-feature-panel\" data-ecpanel=\"sendreceive\"> <\/p>\n<div class=\"ec-panel-header\"> <\/p>\n<h3 class=\"ec-panel-title\">Send \/ Receive<\/h3>\n<p> <pee class=\"ec-panel-count\"><span>3<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"ec-table-head\"> <\/p>\n<div class=\"ec-th\"><\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> Gmail<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> Outlook<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> IMAP<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-table-rows\"> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Send an Email<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Reply to an Email<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">List Emails<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ec-feature-panel\" data-ecpanel=\"organize\"> <\/p>\n<div class=\"ec-panel-header\"> <\/p>\n<h3 class=\"ec-panel-title\">Organize<\/h3>\n<p> <pee class=\"ec-panel-count\"><span>4<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"ec-table-head\"> <\/p>\n<div class=\"ec-th\"><\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> Gmail<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> Outlook<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> IMAP<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-table-rows\"> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Delete Email<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Move Email<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">List Folders<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Get Folder<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ec-feature-panel\" data-ecpanel=\"webhooks\"> <\/p>\n<div class=\"ec-panel-header\"> <\/p>\n<h3 class=\"ec-panel-title\">Webhooks<\/h3>\n<p> <pee class=\"ec-panel-count\"><span>2<\/span> events available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"ec-table-head\"> <\/p>\n<div class=\"ec-th\"><\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> Gmail<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> Outlook<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> IMAP<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-table-rows\"> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">New Email<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Open and Click tracking<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ec-controls\"> <\/p>\n<div class=\"ec-control-btn active\" id=\"ecPlayPause\"> <svg id=\"ecPauseIcon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/> <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/> <\/svg> <svg id=\"ecPlayIcon\" style=\"display: none;\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polygon points=\"5 3 19 12 5 21 5 3\"\/> <\/svg> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ec-cta-wrapper\"> <a href=\"https:\/\/developer.unipile.com\/reference\/accountscontroller_listaccounts\" target=\"_blank\" class=\"ec-cta\"> Explore API Reference <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <script> (function() { var section = document.getElementById('unipile-email-capabilities-section'); if (!section) return; var tabs = ['connection', 'sendreceive', 'organize', 'webhooks']; var currentIndex = 0; var autoplayInterval = null; var isAutoplaying = true; var hasStarted = false; var AUTOPLAY_DURATION = 5000; function startProgressAnimation() { section.querySelectorAll('.ec-progress-fill').forEach(function(fill) { fill.classList.remove('animating'); fill.style.width = '0%'; }); setTimeout(function() { var activeTab = section.querySelector('.ec-tab.active'); if (activeTab) { var pf = activeTab.querySelector('.ec-progress-fill'); if (pf) pf.classList.add('animating'); } }, 50); } function switchTab(tabName) { section.querySelectorAll('.ec-tab').forEach(function(t) { t.classList.remove('active'); }); section.querySelectorAll('.ec-feature-panel').forEach(function(p) { p.classList.remove('active'); }); var at = section.querySelector('.ec-tab[data-ectab=\"' + tabName + '\"]'); var ap = section.querySelector('.ec-feature-panel[data-ecpanel=\"' + tabName + '\"]'); if (at) at.classList.add('active'); if (ap) ap.classList.add('active'); currentIndex = tabs.indexOf(tabName); if (isAutoplaying && hasStarted) { startProgressAnimation(); clearInterval(autoplayInterval); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } } function nextTab() { currentIndex = (currentIndex + 1) % tabs.length; switchTab(tabs[currentIndex]); } function toggleAutoplay() { isAutoplaying = !isAutoplaying; var pauseIcon = document.getElementById('ecPauseIcon'); var playIcon = document.getElementById('ecPlayIcon'); var btn = document.getElementById('ecPlayPause'); if (isAutoplaying) { pauseIcon.style.display = 'block'; playIcon.style.display = 'none'; btn.classList.add('active'); if (hasStarted) { startProgressAnimation(); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } } else { pauseIcon.style.display = 'none'; playIcon.style.display = 'block'; btn.classList.remove('active'); clearInterval(autoplayInterval); section.querySelectorAll('.ec-progress-fill').forEach(function(f) { f.classList.remove('animating'); }); } } function startAutoplay() { if (hasStarted) return; hasStarted = true; startProgressAnimation(); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } function stopAutoplay() { clearInterval(autoplayInterval); section.querySelectorAll('.ec-progress-fill').forEach(function(f) { f.classList.remove('animating'); f.style.width = '0%'; }); } var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting && isAutoplaying) { if (!hasStarted) startAutoplay(); else { startProgressAnimation(); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } } else { stopAutoplay(); hasStarted = false; } }); }, { threshold: 0.3 }); observer.observe(section); section.querySelectorAll('.ec-tab').forEach(function(tab) { tab.addEventListener('click', function() { switchTab(this.getAttribute('data-ectab')); }); }); document.getElementById('ecPlayPause').addEventListener('click', toggleAutoplay); })(); <\/script><\/div>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>IMAP API Use Cases – Unipile<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/head><body data-rsssl=1 data-rsssl=1 style=\"margin:0;padding:0;background:#f4f5f7;\"><\/p>\n<div id=\"unipile-imap-use-cases-section\"> <\/p>\n<style> #unipile-imap-use-cases-section, #unipile-imap-use-cases-section * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #unipile-imap-use-cases-section { padding: 60px 20px !important; background: #f4f5f7 !important; } #unipile-imap-use-cases-section .iuc-container { max-width: 1100px !important; margin: 0 auto !important; } \/* Header *\/ #unipile-imap-use-cases-section .iuc-header { text-align: center !important; margin-bottom: 50px !important; } #unipile-imap-use-cases-section .iuc-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: #b8ba2e !important; padding: 6px 14px !important; border-radius: 20px !important; font-size: 0.7rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 16px !important; } #unipile-imap-use-cases-section .iuc-badge svg { stroke: #b8ba2e !important; } #unipile-imap-use-cases-section .iuc-title { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; margin-bottom: 12px !important; } #unipile-imap-use-cases-section .iuc-subtitle { font-size: 16px !important; color: #0f2736 !important; line-height: 1.6 !important; max-width: 620px !important; margin: 0 auto !important; } \/* Grid *\/ #unipile-imap-use-cases-section .iuc-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } \/* Card *\/ #unipile-imap-use-cases-section .iuc-card { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } \/* Mockup *\/ #unipile-imap-use-cases-section .iuc-mockup { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important; width: 100% !important; margin-bottom: 24px !important; border: 1px solid #e5e7eb !important; } #unipile-imap-use-cases-section .iuc-mockup-header { background: #ffffff !important; padding: 12px 16px !important; display: flex !important; align-items: center !important; gap: 10px !important; border-bottom: 1px solid #e5e7eb !important; } #unipile-imap-use-cases-section .iuc-mockup-logo { width: 28px !important; height: 28px !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #unipile-imap-use-cases-section .iuc-mockup-logo.ats { background: rgba(134, 92, 214, 0.12) !important; } #unipile-imap-use-cases-section .iuc-mockup-logo.crm { background: rgba(59, 185, 139, 0.12) !important; } #unipile-imap-use-cases-section .iuc-mockup-logo.outreach { background: rgba(59, 185, 139, 0.12) !important; } #unipile-imap-use-cases-section .iuc-mockup-logo svg { width: 14px !important; height: 14px !important; } #unipile-imap-use-cases-section .iuc-mockup-logo.ats svg { color: #865CD6 !important; stroke: #865CD6 !important; } #unipile-imap-use-cases-section .iuc-mockup-logo.crm svg { color: #3BB98B !important; stroke: #3BB98B !important; } #unipile-imap-use-cases-section .iuc-mockup-logo.outreach svg { color: #3BB98B !important; stroke: #3BB98B !important; } #unipile-imap-use-cases-section .iuc-mockup-name { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; } \/* Tabs *\/ #unipile-imap-use-cases-section .iuc-tabs { display: flex !important; background: #ffffff !important; border-bottom: 1px solid #e5e7eb !important; padding: 0 12px !important; } #unipile-imap-use-cases-section .iuc-tab { padding: 10px 14px !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; border-radius: 6px 6px 0 0 !important; } #unipile-imap-use-cases-section .iuc-tab.active { color: #ffffff !important; } #unipile-imap-use-cases-section .iuc-tab.active.purple { background: #865CD6 !important; } #unipile-imap-use-cases-section .iuc-tab.active.green { background: #3BB98B !important; } #unipile-imap-use-cases-section .iuc-tab.inactive { color: #64748b !important; background: transparent !important; } \/* Table Header *\/ #unipile-imap-use-cases-section .iuc-table-header { display: grid !important; padding: 10px 12px !important; background: #fafbfc !important; border-bottom: 1px solid #e5e7eb !important; font-size: 9px !important; font-weight: 600 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; gap: 8px !important; } #unipile-imap-use-cases-section .iuc-table-header.ats, #unipile-imap-use-cases-section .iuc-row.ats { grid-template-columns: minmax(100px, 1fr) 70px 40px 55px !important; } #unipile-imap-use-cases-section .iuc-table-header.crm, #unipile-imap-use-cases-section .iuc-row.crm { grid-template-columns: minmax(90px, 1fr) 60px 35px 72px !important; } #unipile-imap-use-cases-section .iuc-table-header.outreach, #unipile-imap-use-cases-section .iuc-row.outreach { grid-template-columns: minmax(140px, 1.5fr) 100px 80px !important; } #unipile-imap-use-cases-section .iuc-table-header span { display: flex !important; align-items: center !important; } #unipile-imap-use-cases-section .iuc-table-header span:nth-child(3) { justify-content: center !important; } #unipile-imap-use-cases-section .iuc-table-header span:last-child { justify-content: flex-end !important; } \/* Table Rows *\/ #unipile-imap-use-cases-section .iuc-table-body { background: #ffffff !important; } #unipile-imap-use-cases-section .iuc-row { display: grid !important; padding: 10px 12px !important; align-items: center !important; border-bottom: 1px solid #f1f5f9 !important; gap: 8px !important; } #unipile-imap-use-cases-section .iuc-row:last-child { border-bottom: none !important; } \/* User Cell *\/ #unipile-imap-use-cases-section .iuc-user { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; min-width: 0 !important; } #unipile-imap-use-cases-section .iuc-avatar { width: 28px !important; height: 28px !important; min-width: 28px !important; border-radius: 50% !important; object-fit: cover !important; background: #e5e7eb !important; } #unipile-imap-use-cases-section .iuc-user-info { display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-width: 0 !important; gap: 1px !important; text-align: left !important; } #unipile-imap-use-cases-section .iuc-user-name { font-size: 11px !important; font-weight: 600 !important; color: #1e293b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #unipile-imap-use-cases-section .iuc-user-msg { font-size: 9px !important; color: #64748b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } \/* Event Cell *\/ #unipile-imap-use-cases-section .iuc-event { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; min-width: 0 !important; } #unipile-imap-use-cases-section .iuc-event-icon { width: 28px !important; height: 28px !important; min-width: 28px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 600 !important; font-size: 12px !important; color: #ffffff !important; } #unipile-imap-use-cases-section .iuc-event-icon.outreach { background: #a8d5ba !important; color: #3BB98B !important; } #unipile-imap-use-cases-section .iuc-event-icon.meeting { background: #c5d9f1 !important; color: #4285F4 !important; } #unipile-imap-use-cases-section .iuc-event-icon.demo { background: #f5e0d0 !important; color: #d97706 !important; } #unipile-imap-use-cases-section .iuc-event-icon.followup { background: #e8daf5 !important; color: #865CD6 !important; } #unipile-imap-use-cases-section .iuc-event-info { display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-width: 0 !important; gap: 1px !important; text-align: left !important; } #unipile-imap-use-cases-section .iuc-event-title { font-size: 11px !important; font-weight: 600 !important; color: #1e293b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #unipile-imap-use-cases-section .iuc-event-time { font-size: 9px !important; color: #64748b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #unipile-imap-use-cases-section .iuc-job { display: flex !important; align-items: center !important; gap: 5px !important; min-width: 0 !important; } #unipile-imap-use-cases-section .iuc-job-dot { width: 6px !important; height: 6px !important; min-width: 6px !important; border-radius: 50% !important; } #unipile-imap-use-cases-section .iuc-job-dot.green { background: #3BB98B !important; } #unipile-imap-use-cases-section .iuc-job-dot.blue { background: #4285F4 !important; } #unipile-imap-use-cases-section .iuc-job-dot.purple { background: #865CD6 !important; } #unipile-imap-use-cases-section .iuc-job-dot.orange { background: #f59e0b !important; } #unipile-imap-use-cases-section .iuc-job-text { font-size: 10px !important; color: #1e293b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #unipile-imap-use-cases-section .iuc-platform { display: flex !important; justify-content: center !important; align-items: center !important; } #unipile-imap-use-cases-section .iuc-platform img { width: 18px !important; height: 18px !important; object-fit: contain !important; } #unipile-imap-use-cases-section .iuc-platform-group { display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; } #unipile-imap-use-cases-section .iuc-platform-group img { width: 18px !important; height: 18px !important; object-fit: contain !important; } #unipile-imap-use-cases-section .iuc-time { font-size: 9px !important; color: #64748b !important; text-align: right !important; white-space: nowrap !important; } #unipile-imap-use-cases-section .iuc-company { font-size: 10px !important; color: #1e293b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } \/* Status *\/ #unipile-imap-use-cases-section .iuc-status { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; font-size: 8px !important; font-weight: 600 !important; padding: 3px 6px !important; border-radius: 10px !important; white-space: nowrap !important; margin-left: auto !important; } #unipile-imap-use-cases-section .iuc-status.responsive { background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important; } #unipile-imap-use-cases-section .iuc-status.interested { background: rgba(66, 133, 244, 0.1) !important; color: #4285F4 !important; } #unipile-imap-use-cases-section .iuc-status.proposal { background: rgba(245, 158, 11, 0.1) !important; color: #d97706 !important; } #unipile-imap-use-cases-section .iuc-status.won { background: rgba(134, 92, 214, 0.1) !important; color: #865CD6 !important; } #unipile-imap-use-cases-section .iuc-status-dot { width: 4px !important; height: 4px !important; min-width: 4px !important; border-radius: 50% !important; background: currentColor !important; } \/* Card Content *\/ #unipile-imap-use-cases-section .iuc-card-title { font-family: 'Poppins', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: #0f2736 !important; margin-bottom: 10px !important; } #unipile-imap-use-cases-section .iuc-card-desc { font-size: 14px !important; color: #64748b !important; line-height: 1.6 !important; margin-bottom: 20px !important; min-height: 66px !important; } \/* CTA *\/ #unipile-imap-use-cases-section .iuc-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #0f2736 !important; background: #DDDF4C !important; text-decoration: none !important; font-weight: 600 !important; font-size: 0.85rem !important; padding: 12px 22px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; } #unipile-imap-use-cases-section .iuc-cta:hover { transform: translateY(-3px) !important; } #unipile-imap-use-cases-section .iuc-cta svg { width: 14px !important; height: 14px !important; stroke: #0f2736 !important; transition: transform 0.3s ease !important; } #unipile-imap-use-cases-section .iuc-cta:hover svg { transform: translateX(4px) !important; } \/* Responsive *\/ @media (max-width: 1024px) { #unipile-imap-use-cases-section .iuc-grid { grid-template-columns: repeat(2, 1fr) !important; } #unipile-imap-use-cases-section .iuc-card:last-child { grid-column: span 2 !important; max-width: 380px !important; justify-self: center !important; } } @media (max-width: 900px) { #unipile-imap-use-cases-section .iuc-title { font-size: 28px !important; } } @media (max-width: 700px) { #unipile-imap-use-cases-section .iuc-grid { grid-template-columns: 1fr !important; } #unipile-imap-use-cases-section .iuc-card:last-child { grid-column: span 1 !important; max-width: none !important; } } @media (max-width: 500px) { #unipile-imap-use-cases-section { padding: 40px 16px !important; } #unipile-imap-use-cases-section .iuc-title { font-size: 24px !important; } } <\/style>\n<p> <\/p>\n<div class=\"iuc-container\">  <\/p>\n<div class=\"iuc-header\"> <\/p>\n<div class=\"iuc-badge\"> <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/> <path d=\"M2 17l10 5 10-5\"\/> <path d=\"M2 12l10 5 10-5\"\/> <\/svg> Use Cases <\/div>\n<p> <\/p>\n<h2 class=\"iuc-title\">IMAP API Use Cases<\/h2>\n<p> <pee class=\"iuc-subtitle\">Integrate iCloud, Yahoo, ISP and any IMAP provider into your platform. From recruiting to sales to outreach, give your users email automation at scale \u2014 regardless of their provider.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"iuc-grid\">  <\/p>\n<div class=\"iuc-card\"> <\/p>\n<div class=\"iuc-mockup\"> <\/p>\n<div class=\"iuc-mockup-header\"> <\/p>\n<div class=\"iuc-mockup-logo ats\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg> <\/div>\n<p> <span class=\"iuc-mockup-name\">Your ATS<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-tabs\"> <span class=\"iuc-tab active purple\">Candidates<\/span> <span class=\"iuc-tab inactive\">Jobs<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-table-header ats\"> <span>Candidate<\/span> <span>Job<\/span> <span>Via<\/span> <span>Received<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-table-body\"> <\/p>\n<div class=\"iuc-row ats\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/06\/unipile-profile-avatar-32.jpg\" class=\"iuc-avatar\" alt=\"Thomas Weller\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">Thomas Weller<\/span><span class=\"iuc-user-msg\">CV attached, available soon<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-job\"><span class=\"iuc-job-dot green\"><\/span><span class=\"iuc-job-text\">Senior Dev<\/span><\/div>\n<p> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-time\">2 hours ago<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row ats\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-25.jpg\" class=\"iuc-avatar\" alt=\"Clara Fontaine\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">Clara Fontaine<\/span><span class=\"iuc-user-msg\">Thanks for reaching out!<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-job\"><span class=\"iuc-job-dot blue\"><\/span><span class=\"iuc-job-text\">UX Lead<\/span><\/div>\n<p> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-time\">5 hours ago<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row ats\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-15.jpg\" class=\"iuc-avatar\" alt=\"James Carter\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">James Carter<\/span><span class=\"iuc-user-msg\">Available next Tuesday<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-job\"><span class=\"iuc-job-dot purple\"><\/span><span class=\"iuc-job-text\">Marketer<\/span><\/div>\n<p> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-time\">1 day ago<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row ats\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-20.jpg\" class=\"iuc-avatar\" alt=\"Anna Kim\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">Anna Kim<\/span><span class=\"iuc-user-msg\">Can we reschedule?<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-job\"><span class=\"iuc-job-dot orange\"><\/span><span class=\"iuc-job-text\">Designer<\/span><\/div>\n<p> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-time\">2 days ago<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"iuc-card-title\">ATS Publisher<\/h3>\n<p> <pee class=\"iuc-card-desc\">Let recruiters sync IMAP conversations with candidates directly in your ATS, iCloud, Yahoo or ISP.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-ats-publisher\/\" class=\"iuc-cta\"> ATS Use Case <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"iuc-card\"> <\/p>\n<div class=\"iuc-mockup\"> <\/p>\n<div class=\"iuc-mockup-header\"> <\/p>\n<div class=\"iuc-mockup-logo crm\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg> <\/div>\n<p> <span class=\"iuc-mockup-name\">Your CRM<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-tabs\"> <span class=\"iuc-tab active green\">Contacts<\/span> <span class=\"iuc-tab inactive\">Deals<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-table-header crm\"> <span>Contact<\/span> <span>Company<\/span> <span>Via<\/span> <span>Status<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-table-body\"> <\/p>\n<div class=\"iuc-row crm\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-33.jpg\" class=\"iuc-avatar\" alt=\"David Wong\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">David Wong<\/span><span class=\"iuc-user-msg\">Sounds great! Let’s go<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"iuc-company\">NexaTech<\/span> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-status responsive\"><span class=\"iuc-status-dot\"><\/span>Responsive<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row crm\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/06\/unipile-profile-avatar-47.jpg\" class=\"iuc-avatar\" alt=\"Sophie Laurent\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">Sophie Laurent<\/span><span class=\"iuc-user-msg\">Can you send pricing?<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"iuc-company\">Synthex<\/span> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-status interested\"><span class=\"iuc-status-dot\"><\/span>Interested<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row crm\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-18.jpg\" class=\"iuc-avatar\" alt=\"Marc Peters\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">Marc Peters<\/span><span class=\"iuc-user-msg\">Got the proposal \u2705<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"iuc-company\">Orbix<\/span> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-status proposal\"><span class=\"iuc-status-dot\"><\/span>Proposal<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row crm\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-44.jpg\" class=\"iuc-avatar\" alt=\"Julia Chen\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">Julia Chen<\/span><span class=\"iuc-user-msg\">Contract signed!<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"iuc-company\">Quark<\/span> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-status won\"><span class=\"iuc-status-dot\"><\/span>Won<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"iuc-card-title\">CRM Publisher<\/h3>\n<p> <pee class=\"iuc-card-desc\">Sync IMAP conversations into your CRM from any provider. Your users manage deals and follow-ups with full email context, no app switching required.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-crm-publisher\/\" class=\"iuc-cta\"> CRM Use Case <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"iuc-card\"> <\/p>\n<div class=\"iuc-mockup\"> <\/p>\n<div class=\"iuc-mockup-header\"> <\/p>\n<div class=\"iuc-mockup-logo outreach\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 2L11 13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg> <\/div>\n<p> <span class=\"iuc-mockup-name\">Your Outreach Tool<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-tabs\"> <span class=\"iuc-tab active green\">Sequences<\/span> <span class=\"iuc-tab inactive\">Contacts<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-table-header outreach\"> <span>Sequence Step<\/span> <span>Channels<\/span> <span>Status<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-table-body\"> <\/p>\n<div class=\"iuc-row outreach\"> <\/p>\n<div class=\"iuc-event\"> <\/p>\n<div class=\"iuc-event-icon outreach\">1<\/div>\n<p> <\/p>\n<div class=\"iuc-event-info\"> <span class=\"iuc-event-title\">Thomas – Intro<\/span> <span class=\"iuc-event-time\">Email + Calendar<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-platform-group\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"Email\" title=\"IMAP Email\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Calendar\" title=\"Calendar\"> <\/div>\n<p> <span class=\"iuc-status responsive\"><span class=\"iuc-status-dot\"><\/span>Live<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row outreach\"> <\/p>\n<div class=\"iuc-event\"> <\/p>\n<div class=\"iuc-event-icon meeting\">2<\/div>\n<p> <\/p>\n<div class=\"iuc-event-info\"> <span class=\"iuc-event-title\">Clara – Multi-channel<\/span> <span class=\"iuc-event-time\">LinkedIn + WhatsApp<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-platform-group\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" title=\"LinkedIn\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\" title=\"WhatsApp\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"Email\" title=\"IMAP Email\"> <\/div>\n<p> <span class=\"iuc-status interested\"><span class=\"iuc-status-dot\"><\/span>Live<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row outreach\"> <\/p>\n<div class=\"iuc-event\"> <\/p>\n<div class=\"iuc-event-icon demo\">3<\/div>\n<p> <\/p>\n<div class=\"iuc-event-info\"> <span class=\"iuc-event-title\">Marc – Schedule<\/span> <span class=\"iuc-event-time\">Email + Calendar<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-platform-group\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"Email\" title=\"IMAP Email\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Calendar\" title=\"Calendar\"> <\/div>\n<p> <span class=\"iuc-status proposal\"><span class=\"iuc-status-dot\"><\/span>Paused<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row outreach\"> <\/p>\n<div class=\"iuc-event\"> <\/p>\n<div class=\"iuc-event-icon followup\">4<\/div>\n<p> <\/p>\n<div class=\"iuc-event-info\"> <span class=\"iuc-event-title\">Anna – Demo<\/span> <span class=\"iuc-event-time\">Calendar + Email<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-platform-group\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Calendar\" title=\"Calendar\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"Email\" title=\"IMAP Email\"> <\/div>\n<p> <span class=\"iuc-status won\"><span class=\"iuc-status-dot\"><\/span>Draft<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"iuc-card-title\">Outreach<\/h3>\n<p> <pee class=\"iuc-card-desc\">Add IMAP email steps to multi-channel sequences. Send from iCloud, Yahoo or any ISP address with real-time open tracking and webhook notifications.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-outreach\/\" class=\"iuc-cta\"> Outreach Use Case <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|phone” admin_label=”Section” _builder_version=”4.27.3″ _module_preset=”ffe432b4-f12e-4600-a860-39c5409ee726″ background_color=”#0F2736″ custom_padding_tablet=”50px|24px|100px|24px|false|false” custom_padding_phone=”50px|24px|30px|24px|false|false” da_disable_devices=”off|off|off” global_module=”264172″ saved_tabs=”all” locked=”off” collapsed=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_row custom_padding_last_edited=”on|phone” admin_label=”Pricing API linkedin” _builder_version=”4.26.0″ _module_preset=”d262fa47-41f0-401c-96d8-82aea304ab04″ background_color=”RGBA(255,255,255,0)” max_width_tablet=”” max_width_phone=”” max_width_last_edited=”on|phone” custom_margin=”2px|auto|40px|auto|false|false” custom_margin_tablet=”” custom_margin_phone=”0px||40px||false|false” custom_margin_last_edited=”on|phone” custom_padding=”35px|35px|35px|35px|true|true” custom_padding_tablet=”35px|35px|35px|35px|true|true” custom_padding_phone=”15px|10px|15px|10px|false|false” border_radii=”on|8px|8px|8px|8px” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.21.0″ _module_preset=”1e9c10b2-f756-4e6b-b4fa-e5ce6ebdaa47″ global_colors_info=”{}”][et_pb_text _builder_version=”4.27.4″ _module_preset=”477606f8-6ca8-42e3-9d50-1d5e3258ceba” header_text_color=”#0F2736″ header_3_text_color=”#0F2736″ header_3_letter_spacing=”0.1px” custom_margin=”4px|0px|10px|0px|false|false” custom_padding_phone=”0px|10px|20px|10px|false|true” header_3_font_size_phone=”30px” global_colors_info=”{}”]<\/p>\n<h3 style=\"text-align: center;\"><span style=\"color: #ffffff;\">Build Features into Your Product Today<\/span><span style=\"color: #ffffff;\"><\/span><\/h3>\n<p>[\/et_pb_text][et_pb_text _builder_version=”4.27.3″ _module_preset=”477606f8-6ca8-42e3-9d50-1d5e3258ceba” header_text_color=”#0F2736″ header_3_text_color=”#0F2736″ header_3_letter_spacing=”0.1px” custom_margin=”4px|0px|10px|0px|false|false” custom_padding_phone=”0px|10px|20px|10px|false|true” global_colors_info=”{}”]<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Try our White-Label solution for free and unlock its full potential for your business. With the <strong>7-Day Free Trial<\/strong>, gain access to the complete suite of features designed to enhance your platform’s capabilities and branding. <\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n<style> \/* Scope global UNIQUEMENT au bloc pricing *\/ .unipile-pricing-wrapper { font-family: 'Inter', sans-serif; } .unipile-pricing-wrapper * { box-sizing: border-box; } \/* Carte unique *\/ .unipile-pricing-wrapper .pricing-card { max-width: 1200px; margin: 0 auto; background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 24px; padding: 48px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); } .unipile-pricing-wrapper .pricing-content { display: grid; grid-template-columns: 1fr 1px 1fr; gap: 48px; align-items: start; } \/* S\u00e9parateur vertical *\/ .unipile-pricing-wrapper .divider { width: 1px; height: 100%; background: rgba(255, 255, 255, 0.12); box-shadow: 0 0 20px rgba(255, 255, 255, 0.05); } \/* Section gauche - Calculator *\/ .unipile-pricing-wrapper .calculator-section { padding-right: 24px; } .unipile-pricing-wrapper .calculator-title { font-size: 22px; font-weight: 600; font-family: 'Poppins', sans-serif; color: #FFFFFF; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 24px; text-align: center; } .unipile-pricing-wrapper .account-display { text-align: center; margin-bottom: 24px; } .unipile-pricing-wrapper .account-number { font-size: 48px; font-weight: 700; color: #FFFFFF; line-height: 1; margin-bottom: 8px; margin-top: 50px; } .unipile-pricing-wrapper .account-label { font-size: 16px; color: rgba(255, 255, 255, 0.6); font-weight: 400; } \/* Slider *\/ .unipile-pricing-wrapper .slider-container { margin: 24px 0; } .unipile-pricing-wrapper input[type=\"range\"] { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 3px; background: linear-gradient(to right, #dddf4c 0%, #dddf4c 33%, rgba(255, 255, 255, 0.1) 33%, rgba(255, 255, 255, 0.1) 100%); outline: none; transition: all 0.3s ease; } .unipile-pricing-wrapper input[type=\"range\"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #dddf4c; cursor: pointer; transition: all 0.3s ease; } .unipile-pricing-wrapper input[type=\"range\"]::-webkit-slider-thumb:hover { transform: scale(1.2); } .unipile-pricing-wrapper input[type=\"range\"]::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: #dddf4c; cursor: pointer; border: none; transition: all 0.3s ease; } .unipile-pricing-wrapper input[type=\"range\"]::-moz-range-thumb:hover { transform: scale(1.2); } \/* Prix *\/ .unipile-pricing-wrapper .price-display { text-align: center; margin: 24px 0; } .unipile-pricing-wrapper .price-amount { font-size: 56px; font-weight: 700; color: #dddf4c; line-height: 1; } .unipile-pricing-wrapper .price-detail { font-size: 16px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; } \/* Currency Switch *\/ .unipile-pricing-wrapper .currency-switch { display: flex; justify-content: center; gap: 8px; margin-top: 24px; padding: 6px; background: rgba(255, 255, 255, 0.05); border-radius: 12px; width: fit-content; margin-left: auto; margin-right: auto; } .unipile-pricing-wrapper .currency-switch label { padding: 8px 20px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.6); transition: all 0.3s ease; } .unipile-pricing-wrapper .currency-switch input[type=\"radio\"] { display: none; } .unipile-pricing-wrapper .currency-switch input[type=\"radio\"]:checked + span { background: rgba(221, 223, 76, 0.2); color: #dddf4c; } .unipile-pricing-wrapper .currency-switch label:hover span { color: #FFFFFF; } \/* Tooltip *\/ .unipile-pricing-wrapper .tooltip-link { display: inline-block; margin-top: 20px; color: rgba(255, 255, 255, 0.7); font-size: 14px; border-bottom: 1px dashed rgba(255, 255, 255, 0.3); cursor: pointer; position: relative; transition: all 0.3s ease; user-select: none; } .unipile-pricing-wrapper .tooltip-link:hover { color: #dddf4c; border-bottom-color: #dddf4c; } .unipile-pricing-wrapper .tooltip-text { visibility: hidden; opacity: 0; position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%); width: 320px; background: #FFFFFF; color: #0F2836; font-size: 13px; line-height: 1.6; padding: 16px; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; z-index: 10; } .unipile-pricing-wrapper .tooltip-text::before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-bottom-color: #FFFFFF; } .unipile-pricing-wrapper .tooltip-link:hover .tooltip-text { visibility: visible; opacity: 1; } \/* Mobile tooltip *\/ @media (max-width: 640px) { .unipile-pricing-wrapper .tooltip-link { position: relative; -webkit-tap-highlight-color: transparent; } .unipile-pricing-wrapper .tooltip-text { position: absolute; top: calc(100% + 12px); bottom: auto; left: 50%; transform: translateX(-50%); width: calc(100vw - 48px); max-width: 320px; pointer-events: none; z-index: 1000; } .unipile-pricing-wrapper .tooltip-text::before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-bottom-color: #FFFFFF; display: block; } .unipile-pricing-wrapper .tooltip-link.active .tooltip-text { visibility: visible; opacity: 1; pointer-events: auto; } } \/* Section droite - Features *\/ .unipile-pricing-wrapper .features-section-pricing { padding-left: 24px; } .unipile-pricing-wrapper .features-title { font-size: 22px; font-weight: 600; font-family: 'Poppins', sans-serif; color: #FFFFFF; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 32px; text-align: center; } .unipile-pricing-wrapper .feature-item-pricing { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 24px; margin-left: 40px; transition: transform 0.3s ease; } .unipile-pricing-wrapper .feature-item-pricing:hover { transform: translateX(8px); } .unipile-pricing-wrapper .feature-icon { width: 28px; height: 28px; flex-shrink: 0; margin-top: 2px; } .unipile-pricing-wrapper .feature-title { font-size: 19px; font-weight: 600; color: #FFFFFF; margin-bottom: 4px; } .unipile-pricing-wrapper .feature-description { font-size: 16px; color: rgba(255, 255, 255, 0.7); line-height: 1.5; } \/* CTA *\/ .unipile-pricing-wrapper .cta-section { text-align: center; margin-top: 32px; padding-top: 0; } .unipile-pricing-wrapper .cta-button { display: inline-block; background: #dddf4c; color: #0F2836; font-size: 17px; font-weight: 700; padding: 16px 56px; border-radius: 12px; text-decoration: none; transition: background 0.3s ease; } .unipile-pricing-wrapper .cta-button:hover { background: #f0f25a; } .unipile-pricing-wrapper .cta-note { font-size: 13px; color: rgba(255, 255, 255, 0.6); margin-top: 16px; } \/* Responsive *\/ @media (max-width: 968px) { .unipile-pricing-wrapper .pricing-card { padding: 32px; } .unipile-pricing-wrapper .pricing-content { grid-template-columns: 1fr; gap: 32px; } .unipile-pricing-wrapper .divider { display: none; } .unipile-pricing-wrapper .calculator-section, .unipile-pricing-wrapper .features-section-pricing { padding: 0; } .unipile-pricing-wrapper .calculator-section { padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .unipile-pricing-wrapper .account-number { font-size: 48px; } .unipile-pricing-wrapper .price-amount { font-size: 56px; } } @media (max-width: 640px) { .unipile-pricing-wrapper .pricing-card { padding: 24px; } .unipile-pricing-wrapper .account-number { font-size: 40px; } .unipile-pricing-wrapper .price-amount { font-size: 48px; } .unipile-pricing-wrapper .calculator-title, .unipile-pricing-wrapper .features-title { font-size: 20px; } .unipile-pricing-wrapper .feature-title { font-size: 17px; } .unipile-pricing-wrapper .feature-description { font-size: 15px; } }<\/style>\n<p><\/p>\n<div class=\"unipile-pricing-wrapper\"> <\/p>\n<div class=\"pricing-card\"> <\/p>\n<div class=\"pricing-content\">  <\/p>\n<div class=\"calculator-section\"> <\/p>\n<div class=\"calculator-title\">How many accounts?<\/div>\n<p>  <\/p>\n<div class=\"account-display\"> <\/p>\n<div class=\"account-number\" id=\"account-count\">11 to 50<\/div>\n<p> <\/p>\n<div class=\"account-label\">accounts<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"slider-container\"> <input type=\"range\" min=\"1\" max=\"6\" value=\"2\" id=\"accountSlider\" step=\"1\"> <\/div>\n<p> <\/p>\n<div class=\"price-display\"> <\/p>\n<div class=\"price-amount\"> <span id=\"price\">5.00<\/span> <span id=\"currency-display\">\u20ac<\/span> <\/div>\n<p> <\/p>\n<div class=\"price-detail\" id=\"price-type\">\/account\/month<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"currency-switch\"> <label> <input type=\"radio\" name=\"currency\" value=\"EUR\"> <span>\u20ac EUR<\/span> <\/label> <label> <input type=\"radio\" name=\"currency\" value=\"USD\"> <span>$ USD<\/span> <\/label> <\/div>\n<p> <\/p>\n<div style=\"text-align: center;\"> <span class=\"tooltip-link\"> How accounts are calculated <span class=\"tooltip-text\"> Pricing is based on the number of linked accounts. For example, 3 Emails + 2 LinkedIn + 6 WhatsApp accounts would cost 55\u20ac (11 x 5\u20ac) (or $60.5, 11 x $5.5). No additional cost by request. We have minimum of 49\u20ac\/month ($55), including up to 10 accounts. <\/span> <\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"divider\"><\/div>\n<p>  <\/p>\n<div class=\"features-section-pricing\"> <\/p>\n<h2 class=\"features-title\">What’s included<\/h2>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">One API. All channels<\/div>\n<p> <\/p>\n<div class=\"feature-description\">Linkedin, Instagram, Email, WhatsApp…<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">All Features<\/div>\n<p> <\/p>\n<div class=\"feature-description\">Outreach, Real-time Inbox, Enrichment…<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">Unlimited usage<\/div>\n<p> <\/p>\n<div class=\"feature-description\">Only providers limit apply.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">7-Day Free Trial<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"cta-section\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\" class=\"cta-button\">Build Now<\/a> <\/p>\n<div class=\"cta-note\">Cancel anytime. No credit card required<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><script> document.addEventListener('DOMContentLoaded', function() { function getCurrencyByLanguage() { const userLanguage = navigator.language || (navigator.languages && navigator.languages[0]) || 'en'; const europeanLanguages = ['en-GB', 'fr', 'de', 'es', 'it', 'nl', 'pt', 'pl', 'sv', 'da', 'fi', 'no', 'cs', 'hu', 'ro', 'el', 'bg', 'sk']; const dollarCountries = { 'en-US': 'USD', 'en-CA': 'USD', 'en-AU': 'USD', 'en-NZ': 'USD', 'en-SG': 'USD' }; if (dollarCountries[userLanguage]) return dollarCountries[userLanguage]; if (europeanLanguages.some(lang => userLanguage.startsWith(lang))) return 'EUR'; return 'EUR'; } const slider = document.getElementById(\"accountSlider\"); if (!slider) return; const accountCount = document.getElementById(\"account-count\"); const price = document.getElementById(\"price\"); const currencyDisplay = document.getElementById(\"currency-display\"); const priceType = document.getElementById(\"price-type\"); const currencySwitch = document.querySelectorAll(\"input[name='currency']\"); let currency = getCurrencyByLanguage(); const pricesEUR = [49.00, 5.00, 4.50, 4.00, 3.50, 3.00]; const pricesUSD = [55.00, 5.50, 5.00, 4.50, 4.00, 3.50]; function updatePrice(value) { let accounts, priceValue; switch (parseInt(value)) { case 1: accounts = \"Up to 10\"; priceValue = currency === 'EUR' ? pricesEUR[0] : pricesUSD[0]; priceType.innerText = \"\/month\"; break; case 2: accounts = \"11 to 50\"; priceValue = currency === 'EUR' ? pricesEUR[1] : pricesUSD[1]; priceType.innerText = \"\/account\/month\"; break; case 3: accounts = \"51 to 200\"; priceValue = currency === 'EUR' ? pricesEUR[2] : pricesUSD[2]; priceType.innerText = \"\/account\/month\"; break; case 4: accounts = \"201 to 1000\"; priceValue = currency === 'EUR' ? pricesEUR[3] : pricesUSD[3]; priceType.innerText = \"\/account\/month\"; break; case 5: accounts = \"1001 to 5000\"; priceValue = currency === 'EUR' ? pricesEUR[4] : pricesUSD[4]; priceType.innerText = \"\/account\/month\"; break; case 6: accounts = \"5001+\"; priceValue = currency === 'EUR' ? pricesEUR[5] : pricesUSD[5]; priceType.innerText = \"\/account\/month\"; break; } accountCount.innerText = accounts; price.innerText = priceValue.toFixed(2); currencyDisplay.innerText = currency === 'EUR' ? \"\u20ac\" : \"$\"; } function updateSliderBackground(value) { const percentage = ((value - 1) \/ 5) * 100; slider.style.background = `linear-gradient(to right, #dddf4c 0%, #dddf4c ${percentage}%, rgba(255, 255, 255, 0.1) ${percentage}%, rgba(255, 255, 255, 0.1) 100%)`; } currencySwitch.forEach(switcher => { switcher.addEventListener(\"change\", function () { currency = this.value; updatePrice(slider.value); }); }); slider.addEventListener(\"input\", function () { updatePrice(this.value); updateSliderBackground(this.value); }); updatePrice(2); updateSliderBackground(2); const radioToCheck = document.querySelector(`input[name=\"currency\"][value=\"${currency}\"]`); if (radioToCheck) radioToCheck.checked = true; \/\/ Tooltip mobile const tooltipLink = document.querySelector('.unipile-pricing-wrapper .tooltip-link'); if (tooltipLink) { tooltipLink.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); this.classList.toggle('active'); }); document.addEventListener('click', function(e) { if (!tooltipLink.contains(e.target)) { tooltipLink.classList.remove('active'); } }); } });<\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>IMAP API Developer Features – Unipile<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\"><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 style=\"margin:0;padding:0;background:#f4f5f7;\"><\/p>\n<style>#upl-imap-dev-features { font-family: 'Inter', sans-serif; background: #f4f5f7; padding: 80px 20px; position: relative;}#upl-imap-dev-features *,#upl-imap-dev-features *::before,#upl-imap-dev-features *::after { margin: 0; padding: 0; box-sizing: border-box;}#upl-imap-dev-features .idf-container { max-width: 1200px; margin: 0 auto;}\/* Section Header *\/#upl-imap-dev-features .idf-header { text-align: center; margin-bottom: 50px;}#upl-imap-dev-features .idf-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(59, 185, 139, 0.1); color: #3BB98B; padding: 8px 16px; border-radius: 20px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px;}#upl-imap-dev-features .idf-badge svg { width: 14px; height: 14px;}#upl-imap-dev-features .idf-title { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #0f2736; line-height: 1.2; margin-bottom: 16px;}#upl-imap-dev-features .idf-subtitle { font-size: 17px; color: #0f2736; line-height: 1.6; max-width: 680px; margin: 0 auto;}\/* Main Grid *\/#upl-imap-dev-features .idf-main-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 30px; margin-bottom: 40px;}\/* CODE CARD *\/#upl-imap-dev-features .idf-code-card { background: #ffffff; border-radius: 16px; padding: 24px;}#upl-imap-dev-features .idf-card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px;}#upl-imap-dev-features .idf-card-icon { width: 40px; height: 40px; background: rgba(59, 185, 139, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center;}#upl-imap-dev-features .idf-card-icon svg { width: 20px; height: 20px; color: #3BB98B;}#upl-imap-dev-features .idf-card-title { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #0f2736;}#upl-imap-dev-features .idf-card-desc { font-size: 14px; color: #64748b; line-height: 1.5; margin-bottom: 16px;}#upl-imap-dev-features .idf-code-block { background: #0f2736; border-radius: 12px; overflow: hidden;}#upl-imap-dev-features .idf-code-header { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.1);}#upl-imap-dev-features .idf-dot { width: 10px; height: 10px; border-radius: 50%;}#upl-imap-dev-features .idf-dot.r { background: #ff5f57; }#upl-imap-dev-features .idf-dot.y { background: #febc2e; }#upl-imap-dev-features .idf-dot.g { background: #28c840; }#upl-imap-dev-features .idf-filename { margin-left: auto; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: rgba(255, 255, 255, 0.4);}#upl-imap-dev-features .idf-code-body { padding: 18px; overflow-x: auto;}#upl-imap-dev-features .idf-code-body pre { font-family: 'JetBrains Mono', monospace; font-size: 12px; line-height: 1.7; color: #e2e8f0; white-space: pre; margin: 0;}#upl-imap-dev-features .idf-code-body .kw { color: #c084fc; }#upl-imap-dev-features .idf-code-body .fn { color: #60a5fa; }#upl-imap-dev-features .idf-code-body .str { color: #4ade80; }#upl-imap-dev-features .idf-code-body .cm { color: #64748b; }#upl-imap-dev-features .idf-code-body .var { color: #f472b6; }#upl-imap-dev-features .idf-code-footer { padding: 14px 18px; border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: space-between;}#upl-imap-dev-features .idf-code-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #DDDF4C; text-decoration: none; transition: gap 0.3s ease;}#upl-imap-dev-features .idf-code-link:hover { gap: 10px; }#upl-imap-dev-features .idf-code-link svg { width: 14px; height: 14px; }#upl-imap-dev-features .idf-code-tag { display: flex; align-items: center; gap: 5px; font-size: 11px; color: rgba(255, 255, 255, 0.5);}#upl-imap-dev-features .idf-code-tag svg { width: 12px; height: 12px; }\/* RIGHT SIDE - DEV FEATURES *\/#upl-imap-dev-features .idf-dev-features { display: flex; flex-direction: column; gap: 16px;}#upl-imap-dev-features .idf-dev-card { background: #ffffff; border-radius: 14px; padding: 20px; display: flex; gap: 16px;}#upl-imap-dev-features .idf-dev-icon { width: 44px; height: 44px; background: rgba(59, 185, 139, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}#upl-imap-dev-features .idf-dev-icon svg { width: 22px; height: 22px; color: #3BB98B;}#upl-imap-dev-features .idf-dev-content h4 { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; color: #0f2736; margin-bottom: 4px;}#upl-imap-dev-features .idf-dev-content p { font-size: 13px; color: #64748b; line-height: 1.5;}\/* PROVIDERS VISUAL *\/#upl-imap-dev-features .idf-providers-card { background: #ffffff; border-radius: 14px; padding: 20px;}#upl-imap-dev-features .idf-providers-visual { display: flex; align-items: center; justify-content: center; gap: 12px;}#upl-imap-dev-features .idf-prov-icons { display: flex; gap: 8px;}#upl-imap-dev-features .idf-prov-icon { width: 44px; height: 44px; background: #f8fafc; border-radius: 10px; display: flex; align-items: center; justify-content: center; border: 1px solid #e5e7eb;}#upl-imap-dev-features .idf-prov-icon img { width: 24px; height: 24px; object-fit: contain; }#upl-imap-dev-features .idf-prov-label { font-size: 9px; color: #94a3b8; font-weight: 500; text-align: center; margin-top: 4px;}#upl-imap-dev-features .idf-prov-col { display: flex; flex-direction: column; align-items: center;}#upl-imap-dev-features .idf-prov-arrow { color: #3BB98B; display: flex; align-items: center;}#upl-imap-dev-features .idf-prov-arrow svg { width: 20px; height: 20px; }#upl-imap-dev-features .idf-unified-box { background: rgba(59, 185, 139, 0.1); border-radius: 10px; padding: 10px 16px; display: flex; align-items: center; gap: 8px; color: #3BB98B;}#upl-imap-dev-features .idf-unified-box svg { width: 20px; height: 20px; }#upl-imap-dev-features .idf-unified-box span { font-size: 12px; font-weight: 600; white-space: nowrap;}\/* HIGHLIGHT CARD *\/#upl-imap-dev-features .idf-highlight-card { background: linear-gradient(135deg, rgba(59, 185, 139, 0.08) 0%, rgba(59, 185, 139, 0.03) 100%); border: 1px solid rgba(59, 185, 139, 0.25); position: relative; overflow: visible;}#upl-imap-dev-features .idf-highlight-badge { position: absolute; top: -10px; right: 16px; background: #3BB98B; color: #ffffff; font-size: 10px; font-weight: 600; padding: 4px 10px; border-radius: 12px; text-transform: uppercase; letter-spacing: 0.3px;}#upl-imap-dev-features .idf-highlight-card .idf-dev-icon { background: rgba(59, 185, 139, 0.2);}\/* CTA *\/#upl-imap-dev-features .idf-cta-wrap { text-align: center;}#upl-imap-dev-features .idf-cta-btn { display: inline-flex; align-items: center; gap: 8px; background: #DDDF4C; color: #0f2736; font-size: 15px; font-weight: 600; padding: 14px 32px; border-radius: 10px; text-decoration: none; transition: transform 0.3s ease;}#upl-imap-dev-features .idf-cta-btn:hover { transform: translateY(-3px); }#upl-imap-dev-features .idf-cta-btn svg { width: 18px; height: 18px; transition: transform 0.3s ease; }#upl-imap-dev-features .idf-cta-btn:hover svg { transform: translateX(4px); }\/* Responsive *\/@media (max-width: 1024px) { #upl-imap-dev-features .idf-main-grid { grid-template-columns: 1fr; } #upl-imap-dev-features .idf-title { font-size: 30px; }}@media (max-width: 768px) { #upl-imap-dev-features { padding: 60px 16px; } #upl-imap-dev-features .idf-title { font-size: 28px; } #upl-imap-dev-features .idf-subtitle { font-size: 15px; } #upl-imap-dev-features .idf-code-card { padding: 18px; } #upl-imap-dev-features .idf-code-body { padding: 14px; } #upl-imap-dev-features .idf-code-body pre { font-size: 10px; line-height: 1.6; } #upl-imap-dev-features .idf-code-footer { flex-direction: column; gap: 12px; align-items: flex-start; } #upl-imap-dev-features .idf-dev-card { padding: 16px; } #upl-imap-dev-features .idf-dev-icon { width: 38px; height: 38px; } #upl-imap-dev-features .idf-dev-icon svg { width: 18px; height: 18px; } #upl-imap-dev-features .idf-dev-content h4 { font-size: 14px; } #upl-imap-dev-features .idf-dev-content p { font-size: 12px; } #upl-imap-dev-features .idf-providers-visual { flex-wrap: wrap; gap: 10px; } #upl-imap-dev-features .idf-prov-icon { width: 40px; height: 40px; } #upl-imap-dev-features .idf-prov-icon img { width: 20px; height: 20px; }}@media (max-width: 600px) { #upl-imap-dev-features { padding: 50px 14px; } #upl-imap-dev-features .idf-header { margin-bottom: 35px; } #upl-imap-dev-features .idf-title { font-size: 24px; } #upl-imap-dev-features .idf-subtitle { font-size: 14px; } #upl-imap-dev-features .idf-badge { font-size: 10px; padding: 6px 12px; } #upl-imap-dev-features .idf-main-grid { gap: 20px; margin-bottom: 30px; } #upl-imap-dev-features .idf-dev-features { gap: 12px; } #upl-imap-dev-features .idf-code-body pre { font-size: 9px; line-height: 1.5; } #upl-imap-dev-features .idf-cta-btn { padding: 12px 24px; font-size: 14px; } #upl-imap-dev-features .idf-highlight-badge { font-size: 9px; padding: 3px 8px; top: -8px; right: 12px; }}@media (max-width: 400px) { #upl-imap-dev-features .idf-title { font-size: 22px; } #upl-imap-dev-features .idf-providers-visual { justify-content: flex-start; } #upl-imap-dev-features .idf-prov-icons { flex-wrap: wrap; }}<\/style>\n<p><\/p>\n<section id=\"upl-imap-dev-features\"> <\/p>\n<div class=\"idf-container\">  <\/p>\n<div class=\"idf-header\"> <\/p>\n<div class=\"idf-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"><\/polyline> <polyline points=\"8 6 2 12 8 18\"><\/polyline> <\/svg> Built for Developers <\/div>\n<p> <\/p>\n<h2 class=\"idf-title\">IMAP API Integration for Modern Apps<\/h2>\n<p> <pee class=\"idf-subtitle\">Connect iCloud, Yahoo, ISP and any IMAP server in minutes. No provider-specific code, no complex authentication flows. Send, receive, and track emails from any IMAP account with a single unified API.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"idf-main-grid\">  <\/p>\n<div class=\"idf-code-card\"> <\/p>\n<div class=\"idf-card-head\"> <\/p>\n<div class=\"idf-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"><\/polyline> <polyline points=\"8 6 2 12 8 18\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<h3 class=\"idf-card-title\">Simple Integration<\/h3>\n<p> <\/div>\n<p> <pee class=\"idf-card-desc\">Send emails, sync inboxes, and list folders from any IMAP provider with a few lines of code. Our SDK handles authentication, token refresh, and provider-specific quirks automatically.<\/pee> <\/p>\n<div class=\"idf-code-block notranslate\" translate=\"no\"> <\/p>\n<div class=\"idf-code-header\"> <span class=\"idf-dot r\"><\/span> <span class=\"idf-dot y\"><\/span> <span class=\"idf-dot g\"><\/span> <span class=\"idf-filename\">imap-integration.js<\/span> <\/div>\n<p> <\/p>\n<div class=\"idf-code-body\"> <\/p>\n<pre class=\"notranslate\" translate=\"no\"><span class=\"cm\">\/\/ Connect any IMAP provider in seconds<\/span><span class=\"kw\">import<\/span> { UnipileClient } <span class=\"kw\">from<\/span> <span class=\"str\">'unipile-node-sdk'<\/span>;<span class=\"kw\">const<\/span> client = <span class=\"kw\">new<\/span> <span class=\"fn\">UnipileClient<\/span>({ dsn: <span class=\"str\">'https:\/\/api.unipile.com'<\/span>, token: process.env.<span class=\"var\">UNIPILE_TOKEN<\/span>});<span class=\"cm\">\/\/ Send an email via IMAP (iCloud, Yahoo, ISP\u2026)<\/span><span class=\"kw\">await<\/span> client.email.<span class=\"fn\">send<\/span>({ account_id: <span class=\"var\">accountId<\/span>, to: [{ email: <span class=\"str\">'sophie@company.com'<\/span> }], subject: <span class=\"str\">'Quick follow-up on our call'<\/span>, body: <span class=\"str\">'Hi Sophie, here is the proposal...'<\/span>, tracking: { opens: <span class=\"var\">true<\/span>, clicks: <span class=\"var\">true<\/span> }});<span class=\"cm\">\/\/ List emails from any IMAP inbox<\/span><span class=\"kw\">const<\/span> emails = <span class=\"kw\">await<\/span> client.email.<span class=\"fn\">list<\/span>({ account_id: <span class=\"var\">accountId<\/span>, folder: <span class=\"str\">'INBOX'<\/span>, limit: <span class=\"var\">50<\/span>});<\/pre>\n<p> <\/div>\n<p> <\/p>\n<div class=\"idf-code-footer\"> <a href=\"https:\/\/developer.unipile.com\/reference\/accountscontroller_listaccounts\" class=\"idf-code-link\" target=\"_blank\" rel=\"noopener noreferrer\"> Explore API Reference <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <span class=\"idf-code-tag notranslate\" translate=\"no\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path> <\/svg> TypeScript Ready <\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-dev-features\">  <\/p>\n<div class=\"idf-providers-card\"> <\/p>\n<div class=\"idf-providers-visual\"> <\/p>\n<div class=\"idf-prov-icons\"> <\/p>\n<div class=\"idf-prov-col\"> <\/p>\n<div class=\"idf-prov-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <span class=\"idf-prov-label\">IMAP<\/span> <\/div>\n<p> <\/p>\n<div class=\"idf-prov-col\"> <\/p>\n<div class=\"idf-prov-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#007AFF\" stroke-width=\"2\" style=\"width:24px;height:24px;\"><path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"\/><\/svg> <\/div>\n<p> <span class=\"idf-prov-label\">iCloud<\/span> <\/div>\n<p> <\/p>\n<div class=\"idf-prov-col\"> <\/p>\n<div class=\"idf-prov-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7200D4\" stroke-width=\"2\" style=\"width:24px;height:24px;\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"5\" rx=\"1\"\/><rect x=\"2\" y=\"11\" width=\"20\" height=\"5\" rx=\"1\"\/><circle cx=\"6\" cy=\"5.5\" r=\"1\" fill=\"#7200D4\"\/><circle cx=\"6\" cy=\"13.5\" r=\"1\" fill=\"#7200D4\"\/><\/svg> <\/div>\n<p> <span class=\"idf-prov-label\">Yahoo<\/span> <\/div>\n<p> <\/p>\n<div class=\"idf-prov-col\"> <\/p>\n<div class=\"idf-prov-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" style=\"width:24px;height:24px;\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg> <\/div>\n<p> <span class=\"idf-prov-label\">ISP<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"idf-prov-arrow\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"idf-unified-box\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path> <path d=\"M2 17l10 5 10-5\"><\/path> <path d=\"M2 12l10 5 10-5\"><\/path> <\/svg> <span>One Unified API<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-dev-card\"> <\/p>\n<div class=\"idf-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"><\/polyline> <polyline points=\"8 6 2 12 8 18\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"idf-dev-content\"> <\/p>\n<h4>RESTful API<\/h4>\n<p> <pee>Clean, standardized endpoints with JSON responses. Send emails, list folders, and manage any IMAP inbox through predictable REST calls \u2014 provider-agnostic.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-dev-card\"> <\/p>\n<div class=\"idf-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"idf-dev-content\"> <\/p>\n<h4>Real-time Webhooks<\/h4>\n<p> <pee>Get instant notifications for new emails, opens, and replies from any IMAP provider. No polling required, zero latency regardless of the email server.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-dev-card idf-highlight-card\"> <span class=\"idf-highlight-badge\">Key Advantage<\/span> <\/p>\n<div class=\"idf-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path> <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"idf-dev-content\"> <\/p>\n<h4>Universal IMAP Compatibility<\/h4>\n<p> <pee>One integration covers iCloud, Yahoo, ISP servers and any custom IMAP endpoint. No provider-specific SDKs, no separate credentials per server \u2014 a single API key handles them all.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-dev-card\"> <\/p>\n<div class=\"idf-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path> <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"idf-dev-content\"> <\/p>\n<h4>Open & Click Tracking<\/h4>\n<p> <pee>Built-in email tracking with real-time webhook notifications. Know exactly when recipients open emails and click links, across all IMAP accounts.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-dev-card\"> <\/p>\n<div class=\"idf-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"><\/path> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"idf-dev-content\"> <\/p>\n<h4>Folders Sync Across Providers<\/h4>\n<p> <pee>Full access to folder structures from any IMAP server. List, get, and filter emails by folder to mirror inbox organization directly in your app.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-dev-card\"> <\/p>\n<div class=\"idf-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48\"><\/path> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"idf-dev-content\"> <\/p>\n<h4>Attachments Support<\/h4>\n<p> <pee>Send and receive emails with attachments \u2014 PDFs, images, documents. Full file support through a single unified endpoint, regardless of the IMAP provider.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-cta-wrap\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"idf-cta-btn\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <\/div>\n<p> <\/div>\n<p><\/section>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>IMAP Simplified – Unipile<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 style=\"margin:0;padding:0;background:#f4f5f7;\"><\/p>\n<div id=\"unipile-imap-simplify-section\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #unipile-imap-simplify-section, #unipile-imap-simplify-section * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; background: transparent !important; } #unipile-imap-simplify-section { padding: 80px 20px !important; background: #f4f5f7 !important; } #unipile-imap-simplify-section .ims-container { max-width: 1100px !important; margin: 0 auto !important; } \/* Header *\/ #unipile-imap-simplify-section .ims-header { text-align: center !important; margin-bottom: 50px !important; } #unipile-imap-simplify-section .ims-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important; padding: 8px 16px !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 16px !important; } #unipile-imap-simplify-section .ims-badge svg { width: 14px !important; height: 14px !important; stroke: #3BB98B !important; } #unipile-imap-simplify-section .ims-title { font-family: 'Poppins', sans-serif !important; font-size: 38px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.2 !important; margin-bottom: 16px !important; } #unipile-imap-simplify-section .ims-subtitle { font-size: 17px !important; color: #383838 !important; line-height: 1.6 !important; max-width: 720px !important; margin: 0 auto !important; } #unipile-imap-simplify-section .ims-subtitle strong { color: #0f2736 !important; font-weight: 700 !important; } \/* Two columns *\/ #unipile-imap-simplify-section .ims-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 28px !important; margin-bottom: 40px !important; } \/* Column card *\/ #unipile-imap-simplify-section .ims-col { border-radius: 16px !important; overflow: hidden !important; } #unipile-imap-simplify-section .ims-col-diy { background: #ffffff !important; border: 1px solid #e5e7eb !important; } #unipile-imap-simplify-section .ims-col-uni { background: #ffffff !important; border: 1px solid #3BB98B !important; display: flex !important; flex-direction: column !important; box-shadow: 0 4px 20px rgba(59, 185, 139, 0.08) !important; } #unipile-imap-simplify-section .ims-col-header { padding: 20px 24px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid #f0f1f3 !important; } #unipile-imap-simplify-section .ims-col-header-left { display: flex !important; align-items: center !important; gap: 12px !important; } #unipile-imap-simplify-section .ims-col-icon { width: 36px !important; height: 36px !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #unipile-imap-simplify-section .ims-col-icon svg { width: 18px !important; height: 18px !important; } #unipile-imap-simplify-section .ims-col-icon.diy { background: rgba(234, 67, 53, 0.1) !important; } #unipile-imap-simplify-section .ims-col-icon.diy svg { stroke: #EA4335 !important; } #unipile-imap-simplify-section .ims-col-icon.uni { background: rgba(59, 185, 139, 0.1) !important; } #unipile-imap-simplify-section .ims-col-icon.uni svg { stroke: #3BB98B !important; } #unipile-imap-simplify-section .ims-col-label { font-family: 'Poppins', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; color: #0f2736 !important; } #unipile-imap-simplify-section .ims-col-tag { padding: 4px 10px !important; border-radius: 12px !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; } #unipile-imap-simplify-section .ims-col-tag.hard { background: rgba(234, 67, 53, 0.1) !important; color: #EA4335 !important; } #unipile-imap-simplify-section .ims-col-tag.easy { background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important; } \/* Steps list *\/ #unipile-imap-simplify-section .ims-steps { padding: 20px 24px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } #unipile-imap-simplify-section .ims-step { display: flex !important; gap: 14px !important; position: relative !important; padding-bottom: 16px !important; } #unipile-imap-simplify-section .ims-step:last-child { padding-bottom: 0 !important; } #unipile-imap-simplify-section .ims-step-line { display: flex !important; flex-direction: column !important; align-items: center !important; width: 20px !important; flex-shrink: 0 !important; } #unipile-imap-simplify-section .ims-step-dot { width: 10px !important; height: 10px !important; border-radius: 50% !important; flex-shrink: 0 !important; margin-top: 5px !important; } #unipile-imap-simplify-section .ims-step-dot.red { background: rgba(234, 67, 53, 0.3) !important; border: 2px solid #EA4335 !important; } #unipile-imap-simplify-section .ims-step-dot.green { background: rgba(59, 185, 139, 0.3) !important; border: 2px solid #3BB98B !important; } #unipile-imap-simplify-section .ims-step-connector { width: 1px !important; flex: 1 !important; min-height: 8px !important; margin-top: 6px !important; } #unipile-imap-simplify-section .ims-step-connector.red { background: rgba(234, 67, 53, 0.15) !important; } #unipile-imap-simplify-section .ims-step-connector.green { background: rgba(59, 185, 139, 0.15) !important; } #unipile-imap-simplify-section .ims-step-content { flex: 1 !important; } #unipile-imap-simplify-section .ims-step-title { font-size: 13px !important; font-weight: 600 !important; color: #0f2736 !important; margin-bottom: 3px !important; line-height: 1.3 !important; } #unipile-imap-simplify-section .ims-step-desc { font-size: 11px !important; color: #6b7280 !important; line-height: 1.4 !important; } #unipile-imap-simplify-section .ims-step-time { display: inline-flex !important; align-items: center !important; gap: 4px !important; margin-top: 4px !important; font-size: 10px !important; font-weight: 600 !important; padding: 2px 8px !important; border-radius: 8px !important; } #unipile-imap-simplify-section .ims-step-time.red { background: rgba(234, 67, 53, 0.08) !important; color: #EA4335 !important; } #unipile-imap-simplify-section .ims-step-time.green { background: rgba(59, 185, 139, 0.08) !important; color: #3BB98B !important; } \/* Advantage block *\/ #unipile-imap-simplify-section .ims-advblock { margin: 0 20px 20px !important; padding: 18px !important; background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; } #unipile-imap-simplify-section .ims-advblock-top { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 12px !important; } #unipile-imap-simplify-section .ims-advblock-icon { width: 40px !important; height: 40px !important; background: rgba(59, 185, 139, 0.12) !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #unipile-imap-simplify-section .ims-advblock-icon svg { width: 22px !important; height: 22px !important; stroke: #3BB98B !important; } #unipile-imap-simplify-section .ims-advblock-title-block { flex: 1 !important; } #unipile-imap-simplify-section .ims-advblock-label { font-size: 14px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.2 !important; margin-bottom: 2px !important; } #unipile-imap-simplify-section .ims-advblock-sublabel { font-size: 10px !important; font-weight: 500 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } #unipile-imap-simplify-section .ims-advblock-certified { padding: 4px 10px !important; background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important; font-size: 10px !important; font-weight: 700 !important; border-radius: 10px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; flex-shrink: 0 !important; } #unipile-imap-simplify-section .ims-advblock-desc { font-size: 12px !important; color: #6b7280 !important; line-height: 1.6 !important; margin-bottom: 14px !important; } #unipile-imap-simplify-section .ims-advblock-desc strong { color: #0f2736 !important; font-weight: 600 !important; } #unipile-imap-simplify-section .ims-advblock-benefits { display: flex !important; flex-direction: column !important; gap: 8px !important; } #unipile-imap-simplify-section .ims-advblock-benefit { display: flex !important; align-items: flex-start !important; gap: 8px !important; font-size: 12px !important; color: #383838 !important; line-height: 1.4 !important; } #unipile-imap-simplify-section .ims-advblock-check { width: 18px !important; height: 18px !important; background: rgba(59, 185, 139, 0.1) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #unipile-imap-simplify-section .ims-advblock-check svg { width: 10px !important; height: 10px !important; stroke: #3BB98B !important; } \/* Summary bar *\/ #unipile-imap-simplify-section .ims-summary { padding: 16px 24px !important; border-top: 1px solid #f0f1f3 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: auto !important; } #unipile-imap-simplify-section .ims-summary-uni { border-top: 1px solid rgba(59, 185, 139, 0.15) !important; } #unipile-imap-simplify-section .ims-summary-label { font-size: 11px !important; color: #9ca3af !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; font-weight: 600 !important; } #unipile-imap-simplify-section .ims-summary-value { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; } #unipile-imap-simplify-section .ims-summary-value.red { color: #EA4335 !important; } #unipile-imap-simplify-section .ims-summary-value.green { color: #3BB98B !important; } \/* Bottom CTA *\/ #unipile-imap-simplify-section .ims-bottom { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 30px !important; background: #ffffff !important; border-radius: 12px !important; border: 1px solid #e5e7eb !important; padding: 24px 28px !important; } #unipile-imap-simplify-section .ims-bottom-text { flex: 1 !important; } #unipile-imap-simplify-section .ims-bottom-title { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; color: #0f2736 !important; margin-bottom: 6px !important; line-height: 1.3 !important; } #unipile-imap-simplify-section .ims-bottom-desc { font-size: 14px !important; color: #6b7280 !important; line-height: 1.6 !important; } #unipile-imap-simplify-section .ims-bottom-desc a { color: #3BB98B !important; text-decoration: underline !important; text-underline-offset: 2px !important; font-weight: 500 !important; } #unipile-imap-simplify-section .ims-bottom-desc a:hover { color: #0f2736 !important; } #unipile-imap-simplify-section .ims-bottom-cta { flex-shrink: 0 !important; } #unipile-imap-simplify-section .ims-cta-btn { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #DDDF4C !important; color: #0f2736 !important; font-size: 15px !important; font-weight: 600 !important; padding: 14px 28px !important; border-radius: 8px !important; text-decoration: none !important; transition: all 0.3s ease !important; } #unipile-imap-simplify-section .ims-cta-btn:hover { transform: translateX(4px) !important; } #unipile-imap-simplify-section .ims-cta-btn svg { width: 16px !important; height: 16px !important; stroke: #0f2736 !important; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-imap-simplify-section .ims-grid { grid-template-columns: 1fr !important; } #unipile-imap-simplify-section .ims-title { font-size: 30px !important; } #unipile-imap-simplify-section .ims-bottom { flex-direction: column !important; text-align: center !important; } } @media (max-width: 600px) { #unipile-imap-simplify-section { padding: 60px 16px !important; } #unipile-imap-simplify-section .ims-title { font-size: 26px !important; } #unipile-imap-simplify-section .ims-subtitle { font-size: 15px !important; } } @media (max-width: 400px) { #unipile-imap-simplify-section .ims-title { font-size: 24px !important; } #unipile-imap-simplify-section .ims-advblock { margin: 0 16px 16px !important; padding: 14px !important; } } <\/style>\n<p> <\/p>\n<div class=\"ims-container\">  <\/p>\n<div class=\"ims-header\"> <\/p>\n<div class=\"ims-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/> <\/svg> IMAP Protocol <\/div>\n<p> <\/p>\n<h2 class=\"ims-title\">Simplifying IMAP with Unipile<\/h2>\n<p> <pee class=\"ims-subtitle\">IMAP does not provide an HTTP-based API, requiring developers to work directly with its protocol commands and complexities. Unipile’s <strong>IMAP API<\/strong> transforms this complex protocol into an accessible HTTP-based API, complete with webhook support and new value. By using Unipile, developers can bypass the challenges of implementing raw IMAP connections while ensuring efficient and real-time synchronization between the application and the user’s email accounts.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"ims-grid\">  <\/p>\n<div class=\"ims-col ims-col-diy\"> <\/p>\n<div class=\"ims-col-header\"> <\/p>\n<div class=\"ims-col-header-left\"> <\/p>\n<div class=\"ims-col-icon diy\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"16 18 22 12 16 6\"><\/polyline> <polyline points=\"8 6 2 12 8 18\"><\/polyline> <\/svg> <\/div>\n<p> <span class=\"ims-col-label\">Raw IMAP Protocol<\/span> <\/div>\n<p> <span class=\"ims-col-tag hard\">Complex<\/span> <\/div>\n<p> <\/p>\n<div class=\"ims-steps\"> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot red\"><\/div>\n<p> <\/p>\n<div class=\"ims-step-connector red\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Work with raw socket commands<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">Implement IMAP protocol directly \u2014 FETCH, SELECT, SEARCH, STORE over TCP sockets, parse byte streams and multipart MIME manually<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot red\"><\/div>\n<p> <\/p>\n<div class=\"ims-step-connector red\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Build polling logic \u2014 IMAP has no webhooks<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">IMAP protocol has no push notification mechanism. Constant polling is required to detect new emails, causing high server load and latency<\/div>\n<p> <span class=\"ims-step-time red\">High resource cost<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot red\"><\/div>\n<p> <\/p>\n<div class=\"ims-step-connector red\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Handle provider-specific quirks separately<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">iCloud, Yahoo, ISPs and custom servers each behave differently \u2014 separate auth flows, error handling and edge cases per provider<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot red\"><\/div>\n<p> <\/p>\n<div class=\"ims-step-connector red\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Manage auth mechanisms per server<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">Each IMAP server uses different auth \u2014 PLAIN, LOGIN, XOAUTH2. Handle credential storage, session expiry and re-authentication yourself<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot red\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">No HTTP API, no tracking, no new value<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">Zero native support for open\/click tracking. No REST interface \u2014 every single feature requires a separate low-level protocol implementation<\/div>\n<p> <span class=\"ims-step-time red\">Weeks of development<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-summary\"> <span class=\"ims-summary-label\">Complexity level<\/span> <span class=\"ims-summary-value red\">Very High<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ims-col ims-col-uni\"> <\/p>\n<div class=\"ims-col-header\" style=\"border-bottom: 1px solid rgba(59, 185, 139, 0.15) !important;\"> <\/p>\n<div class=\"ims-col-header-left\"> <\/p>\n<div class=\"ims-col-icon uni\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/> <path d=\"M2 17l10 5 10-5\"\/> <path d=\"M2 12l10 5 10-5\"\/> <\/svg> <\/div>\n<p> <span class=\"ims-col-label\">With Unipile IMAP API<\/span> <\/div>\n<p> <span class=\"ims-col-tag easy\">Simple<\/span> <\/div>\n<p> <\/p>\n<div class=\"ims-steps\"> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot green\"><\/div>\n<p> <\/p>\n<div class=\"ims-step-connector green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Sign Up & Get API Token<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">Create your Unipile account and generate credentials from the dashboard \u2014 no protocol knowledge required<\/div>\n<p> <span class=\"ims-step-time green\">5 minutes<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot green\"><\/div>\n<p> <\/p>\n<div class=\"ims-step-connector green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Connect Any IMAP Account via Hosted Auth<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">Your users enter their credentials once through Unipile’s hosted auth link. iCloud, Yahoo, ISP \u2014 all providers handled automatically<\/div>\n<p> <span class=\"ims-step-time green\">1 click for your users<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot green\"><\/div>\n<p> <\/p>\n<div class=\"ims-step-connector green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Send, Receive & Sync via REST API<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">Standard HTTP calls with JSON responses \u2014 send emails, list folders and fetch messages from any IMAP provider with identical endpoints<\/div>\n<p> <span class=\"ims-step-time green\">~1\u20132 hours to integrate<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Real-time Webhooks + Open Tracking Built-in<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">Instant push notifications for new emails, replies, opens and clicks. No polling, no extra infrastructure \u2014 Unipile handles everything<\/div>\n<p> <span class=\"ims-step-time green\">Zero polling required<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ims-advblock\"> <\/p>\n<div class=\"ims-advblock-top\"> <\/p>\n<div class=\"ims-advblock-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/> <polyline points=\"22,6 12,13 2,6\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"ims-advblock-title-block\"> <\/p>\n<div class=\"ims-advblock-label\">HTTP API over raw IMAP protocol<\/div>\n<p> <\/p>\n<div class=\"ims-advblock-sublabel\">Protocol abstraction layer<\/div>\n<p> <\/div>\n<p> <span class=\"ims-advblock-certified\">Key Advantage<\/span> <\/div>\n<p> <\/p>\n<div class=\"ims-advblock-desc\"> Unipile acts as a <strong>translation layer<\/strong> between the raw IMAP protocol and your application. You write clean HTTP code \u2014 Unipile handles all IMAP complexity underneath. <\/div>\n<p> <\/p>\n<div class=\"ims-advblock-benefits\"> <\/p>\n<div class=\"ims-advblock-benefit\"> <\/p>\n<div class=\"ims-advblock-check\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> 50+ IMAP providers \u2014 iCloud, Yahoo, ISP, custom servers \u2014 one unified API key <\/div>\n<p> <\/p>\n<div class=\"ims-advblock-benefit\"> <\/p>\n<div class=\"ims-advblock-check\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> Real-time webhooks replace polling \u2014 instant sync with zero infrastructure overhead <\/div>\n<p> <\/p>\n<div class=\"ims-advblock-benefit\"> <\/p>\n<div class=\"ims-advblock-check\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> Open & click tracking included \u2014 no separate tracking system to build or maintain <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-summary ims-summary-uni\"> <span class=\"ims-summary-label\">Complexity level<\/span> <span class=\"ims-summary-value green\">Simple REST calls<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ims-bottom\"> <\/p>\n<div class=\"ims-bottom-text\"> <\/p>\n<div class=\"ims-bottom-title\">Ready to skip raw IMAP forever?<\/div>\n<p> <\/p>\n<div class=\"ims-bottom-desc\">Connect iCloud, Yahoo, ISP or any IMAP server in minutes. Unipile handles auth, sessions, sync and webhooks \u2014 you focus on your product. <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\">Read the IMAP API documentation \u2192<\/a><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-bottom-cta\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"ims-cta-btn\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][et_pb_fullwidth_code admin_label=”Fullwidth Code” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ background_enable_image=”off” locked=”off” global_colors_info=”{}”] <\/p>\n<style> * { margin: 0; padding: 0; box-sizing: border-box; } .unipile-dashboard-section { font-family: 'Inter', sans-serif; background: transparent; padding: 40px 20px 80px; position: relative; } .dashboard-container { max-width: 1400px; margin: 0 auto; position: relative; z-index: 1; } \/* Header Section *\/ .dashboard-header { text-align: center; margin-bottom: 60px; } .dashboard-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(59, 185, 139, 0.1); color: #3BB98B; padding: 8px 16px; border-radius: 24px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; border: 1px solid rgba(59, 185, 139, 0.2); } .dashboard-badge svg { width: 14px; height: 14px; } .dashboard-title { font-family: 'Poppins', sans-serif; font-size: 35px; font-weight: 700; color: #0f2736; line-height: 1.2; margin-bottom: 20px; } .dashboard-title span { background: linear-gradient(135deg, #3BB98B, #2da077); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .dashboard-subtitle { font-size: 1.1rem; color: #0f2736; max-width: 600px; margin: 0 auto; line-height: 1.6; } \/* Main Dashboard Area *\/ .dashboard-showcase { position: relative; display: flex; justify-content: center; align-items: center; padding: 40px 0; } \/* Dashboard Frame *\/ .dashboard-frame { position: relative; background: linear-gradient(145deg, rgba(59, 185, 139, 0.3), rgba(221, 223, 76, 0.2), rgba(59, 185, 139, 0.1)); border-radius: 20px; padding: 3px; max-width: 1050px; width: 100%; } .dashboard-inner { background: #ffffff; border-radius: 18px; overflow: hidden; box-shadow:  0 50px 100px rgba(0, 0, 0, 0.12), 0 20px 40px rgba(0, 0, 0, 0.08); } \/* App Header *\/ .app-header { background: #0f2736; padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; } .app-header-left { display: flex; align-items: center; gap: 8px; } .app-logo { display: flex; align-items: center; gap: 6px; } .app-logo img { height: 22px; width: auto; } .header-separator { color: rgba(255,255,255,0.3); font-size: 1.2rem; } .header-dropdown { display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,0.9); font-size: 0.85rem; cursor: pointer; } .header-dropdown svg { width: 14px; height: 14px; opacity: 0.7; } .header-dropdown-icon { width: 20px; height: 20px; background: rgba(255,255,255,0.1); border-radius: 4px; display: flex; align-items: center; justify-content: center; } .header-dropdown-icon svg { width: 12px; height: 12px; color: #ffffff; } .header-dropdown-icon.orange { background: #f97316; } .app-header-right { display: flex; align-items: center; gap: 20px; } .header-nav-item { display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,0.7); font-size: 0.8rem; cursor: pointer; transition: color 0.2s ease; } .header-nav-item:hover { color: #ffffff; } .header-nav-item svg { width: 14px; height: 14px; } .header-user { width: 28px; height: 28px; background: rgba(255,255,255,0.1); border-radius: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .header-user svg { width: 16px; height: 16px; color: rgba(255,255,255,0.7); } \/* Dashboard Content *\/ .dashboard-content { display: flex; min-height: 500px; position: relative; } \/* Sidebar *\/ .dashboard-sidebar { width: 200px; background: #ffffff; border-right: 1px solid #e5e7eb; padding: 16px 0; flex-shrink: 0; display: flex; flex-direction: column; } .sidebar-nav { list-style: none; flex: 1; } .sidebar-nav li { padding: 10px 16px; display: flex; align-items: center; gap: 10px; font-size: 0.85rem; color: #64748b; cursor: pointer; transition: all 0.2s ease; } .sidebar-nav li:hover { background: #f8f9fa; color: #0f2736; } .sidebar-nav li.active { background: rgba(59, 185, 139, 0.08); color: #0f2736; border-left: 3px solid #3BB98B; font-weight: 500; } .sidebar-nav li svg { width: 16px; height: 16px; } \/* Organization Section *\/ .sidebar-org { padding: 12px 16px; border-top: 1px solid #e5e7eb; display: flex; align-items: center; gap: 10px; cursor: pointer; transition: background 0.2s ease; } .sidebar-org:hover { background: #f8f9fa; } .org-avatar { width: 32px; height: 32px; background: #0f2736; border-radius: 6px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 0.75rem; font-weight: 600; } .org-info { flex: 1; } .org-name { font-size: 0.85rem; font-weight: 600; color: #0f2736; } .org-company { font-size: 0.75rem; color: #64748b; } .org-chevron { width: 16px; height: 16px; color: #64748b; } \/* Main Panel *\/ .dashboard-main { flex: 1; padding: 24px; background: #fafbfc; display: flex; flex-direction: column; position: relative; } .main-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .main-title { font-size: 1.4rem; font-weight: 700; color: #0f2736; } .add-btn { display: flex; align-items: center; gap: 6px; background: #0f2736; color: white; padding: 10px 16px; border-radius: 8px; font-size: 0.8rem; font-weight: 600; cursor: pointer; transition: all 0.2s ease; border: none; position: relative; z-index: 5; } .add-btn:hover, .add-btn.highlighted { background: #1a3a4f; transform: translateY(-1px); } .add-btn svg { width: 14px; height: 14px; } \/* Pulse animation for button *\/ @keyframes subtlePulse { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(59, 185, 139, 0); } 50% { transform: scale(1.03); box-shadow: 0 0 0 8px rgba(59, 185, 139, 0); } } @keyframes glowPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(59, 185, 139, 0.4); } 50% { box-shadow: 0 0 0 6px rgba(59, 185, 139, 0); } } .add-btn.pulse-effect { animation: subtlePulse 2s ease-in-out infinite, glowPulse 2s ease-in-out infinite; } .add-btn.pulse-effect:hover { animation: none; transform: translateY(-1px); } \/* Status Pills *\/ .status-row { display: flex; gap: 16px; margin-bottom: 20px; flex-wrap: wrap; } .status-pill { display: flex; align-items: center; gap: 6px; font-size: 0.75rem; color: #64748b; } .status-dot { width: 8px; height: 8px; border-radius: 50%; } .status-dot.green { background: #34A853; } .status-dot.yellow { background: #FBBC04; } .status-dot.orange { background: #EA4335; } .status-dot.purple { background: #9333ea; } .status-pill span.count { font-weight: 600; } .status-pill.green span.count { color: #34A853; } \/* Search and Filters *\/ .filters-row { display: flex; gap: 12px; margin-bottom: 16px; } .search-input { flex: 1; padding: 10px 14px; border: 1px solid #e5e7eb; border-radius: 8px; font-size: 0.85rem; color: #0f2736; background: #ffffff; } .search-input::placeholder { color: #94a3b8; } .filter-select { padding: 10px 14px; border: 1px solid #e5e7eb; border-radius: 8px; font-size: 0.85rem; color: #0f2736; background: #ffffff; min-width: 130px; cursor: pointer; } \/* Accounts Table *\/ .accounts-table-wrapper { flex: 1; background: #ffffff; border-radius: 12px; border: 1px solid #e5e7eb; overflow: hidden; display: flex; flex-direction: column; } .table-header { display: grid; grid-template-columns: 2fr 2fr 0.5fr 1.2fr 1.2fr 0.3fr; padding: 12px 16px; background: #f8f9fa; border-bottom: 1px solid #e5e7eb; font-size: 0.75rem; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; } .accounts-scroll { flex: 1; overflow-y: auto; max-height: 320px; } .accounts-scroll::-webkit-scrollbar { width: 6px; } .accounts-scroll::-webkit-scrollbar-track { background: #f1f5f9; } .accounts-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; } .accounts-scroll::-webkit-scrollbar-thumb:hover { background: #94a3b8; } .table-row { display: grid; grid-template-columns: 2fr 2fr 0.5fr 1.2fr 1.2fr 0.3fr; padding: 14px 16px; align-items: center; border-bottom: 1px solid #f0f0f0; transition: all 0.2s ease; } .table-row:last-child { border-bottom: none; } .table-row:hover { background: #fafbfc; } .table-row.hidden { display: none; } .account-info { display: flex; align-items: center; gap: 10px; } .account-icon { width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; background: #ffffff; border: 1px solid #e5e7eb; } .account-icon img { width: 22px; height: 22px; object-fit: contain; } .account-name { font-weight: 600; font-size: 0.85rem; color: #0f2736; } .account-id { font-family: 'Monaco', 'Menlo', monospace; font-size: 0.75rem; color: #3BB98B; text-decoration: underline; cursor: pointer; } .copy-icon { width: 16px; height: 16px; color: #94a3b8; cursor: pointer; transition: color 0.2s ease; } .copy-icon:hover { color: #64748b; } .status-badge-table { display: inline-flex; align-items: center; gap: 5px; font-size: 0.75rem; color: #34A853; font-weight: 500; } .linked-date { font-size: 0.75rem; color: #3BB98B; } .linked-label { font-size: 0.7rem; color: #94a3b8; } .more-btn { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 4px; transition: background 0.2s ease; } .more-btn:hover { background: #e5e7eb; } .more-btn svg { width: 16px; height: 16px; color: #64748b; } \/* Animated Cursor *\/ .animated-cursor { position: absolute; width: 24px; height: 24px; pointer-events: none; z-index: 100; opacity: 0; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)); } .animated-cursor.visible { opacity: 1; } .animated-cursor.clicking { transform: scale(0.9); } \/* Connect Account Modal (inside dashboard) *\/ .connect-modal-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 39, 54, 0.4); backdrop-filter: blur(2px); z-index: 50; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; border-radius: 0 0 18px 0; } .connect-modal-overlay.active { opacity: 1; visibility: visible; } .connect-modal { background: #ffffff; border-radius: 16px; width: 90%; max-width: 420px; max-height: 90%; overflow: hidden; transform: scale(0.9) translateY(20px); transition: transform 0.3s ease; box-shadow: 0 20px 60px rgba(0,0,0,0.2); } .connect-modal-overlay.active .connect-modal { transform: scale(1) translateY(0); } .connect-modal-header { padding: 16px 20px; border-bottom: 1px solid #e5e7eb; font-weight: 600; font-size: 0.95rem; color: #0f2736; display: flex; justify-content: space-between; align-items: center; } .modal-close-btn { width: 28px; height: 28px; border: none; background: #f1f5f9; border-radius: 6px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; } .modal-close-btn:hover { background: #e2e8f0; } .modal-close-btn svg { width: 16px; height: 16px; color: #64748b; } .connect-modal-body { padding: 24px 20px; max-height: 450px; overflow-y: auto; } .connect-modal-title { text-align: center; font-size: 1.1rem; font-weight: 600; color: #0f2736; margin-bottom: 24px; line-height: 1.4; } .provider-list { display: flex; flex-direction: column; gap: 8px; } .provider-item { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border: 1px solid #e5e7eb; border-radius: 10px; cursor: pointer; transition: all 0.2s ease; } .provider-item:hover { border-color: #3BB98B; background: rgba(59, 185, 139, 0.04); } .provider-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; } .provider-icon img { width: 100%; height: 100%; object-fit: contain; } .provider-name { font-size: 0.95rem; font-weight: 500; color: #0f2736; } .provider-divider { height: 1px; background: #e5e7eb; margin: 16px 0; } .cancel-btn { width: 100%; padding: 14px; border: 1px solid #e5e7eb; border-radius: 10px; background: #ffffff; font-size: 0.9rem; font-weight: 500; color: #64748b; cursor: pointer; transition: all 0.2s ease; margin-top: 16px; } .cancel-btn:hover { background: #f8f9fa; color: #0f2736; } \/* CTA Section *\/ .dashboard-cta { display: flex; justify-content: center; gap: 16px; margin-top: 10px; flex-wrap: wrap; } .cta-primary { display: inline-flex; align-items: center; gap: 10px; background: #DDDF4C; color: #0f2736; padding: 14px 28px; border-radius: 10px; font-weight: 600; font-size: 0.95rem; text-decoration: none; transition: all 0.3s ease; } .cta-primary:hover { transform: translateY(-2px); } .cta-primary svg { width: 18px; height: 18px; transition: transform 0.3s ease; } .cta-primary:hover svg { transform: translateX(4px); } .cta-secondary { display: inline-flex; align-items: center; gap: 10px; background: #0f2736; color: #ffffff; padding: 14px 28px; border-radius: 10px; font-weight: 600; font-size: 0.95rem; text-decoration: none; border: none; cursor: pointer; transition: all 0.3s ease; } .cta-secondary:hover { background: #1a3a4f; transform: translateY(-2px); } .cta-secondary svg { width: 18px; height: 18px; } \/* Video Modal - Dashboard Section *\/ .dashboard-video-modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 39, 54, 0.9); backdrop-filter: blur(8px); z-index: 999999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; }.unipile-dashboard-section { position: static !important;}body .dashboard-video-modal-overlay.active { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 9999999 !important;} .dashboard-video-modal-overlay.active { opacity: 1; visibility: visible; } .dashboard-video-modal { position: relative; width: 90%; max-width: 900px; background: #000; border-radius: 16px; overflow: hidden; transform: scale(0.9); transition: transform 0.3s ease; box-shadow: 0 40px 80px rgba(0,0,0,0.5); } .dashboard-video-modal-overlay.active .dashboard-video-modal { transform: scale(1); } .dashboard-video-modal-header { position: absolute; top: 0; left: 0; right: 0; padding: 16px 20px; background: linear-gradient(to bottom, rgba(0,0,0,0.8), transparent); display: flex; justify-content: space-between; align-items: center; z-index: 10; } .dashboard-video-modal-title { color: #ffffff; font-weight: 600; font-size: 1rem; display: flex; align-items: center; gap: 10px; } .dashboard-video-modal-title svg { width: 20px; height: 20px; color: #3BB98B; } .dashboard-video-close-btn { width: 36px; height: 36px; background: rgba(255,255,255,0.1); border: none; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; } .dashboard-video-close-btn:hover { background: rgba(255,255,255,0.2); transform: rotate(90deg); } .dashboard-video-close-btn svg { width: 20px; height: 20px; color: #ffffff; } .dashboard-video-container { position: relative; width: 100%; padding-top: 56.25%; } .dashboard-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } \/* Responsive *\/ @media (max-width: 900px) { .dashboard-content { flex-direction: column; } .dashboard-sidebar { width: 100%; border-right: none; border-bottom: 1px solid #e5e7eb; } .sidebar-nav { display: flex; overflow-x: auto; padding: 0 16px; } .sidebar-nav li { white-space: nowrap; } .sidebar-nav li.active { border-left: none; border-bottom: 3px solid #3BB98B; } .sidebar-org { display: none; } .table-header, .table-row { grid-template-columns: 2fr 1.5fr 1fr; } .table-header > *:nth-child(3), .table-row > *:nth-child(3), .table-header > *:nth-child(5), .table-row > *:nth-child(5), .table-header > *:nth-child(6), .table-row > *:nth-child(6) { display: none; } .app-header-right { display: none; } .filters-row { flex-direction: column; } .animated-cursor { display: none; } } @media (max-width: 600px) { .unipile-dashboard-section { padding: 40px 16px; } .dashboard-header { margin-bottom: 40px; } .dashboard-title { font-size: 28px; } .main-header { flex-direction: column; gap: 12px; align-items: flex-start; } .status-row { gap: 10px; } .dashboard-cta { flex-direction: column; align-items: center; } .video-modal { width: 95%; border-radius: 12px; } } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1> <\/p>\n<section class=\"unipile-dashboard-section\"> <\/p>\n<div class=\"dashboard-container\">  <\/p>\n<header class=\"dashboard-header\"> <\/p>\n<div class=\"dashboard-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/> <\/svg> Unified Dashboard <\/div>\n<p> <\/p>\n<h2 class=\"dashboard-title\"> One dashboard for<span> all your integrations<\/span> <\/h2>\n<p> <pee class=\"dashboard-subtitle\"> Manage all your LinkedIn, WhatsApp, Gmail accounts and more from a single, intuitive interface. <\/pee> <\/header>\n<p>  <\/p>\n<div class=\"dashboard-showcase\">  <\/p>\n<div class=\"dashboard-frame\"> <\/p>\n<div class=\"dashboard-inner\">  <\/p>\n<div class=\"app-header\"> <\/p>\n<div class=\"app-header-left\"> <\/p>\n<div class=\"app-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/07\/logo-unipile.svg\" alt=\"Unipile\"> <\/div>\n<p> <span class=\"header-separator\">\/<\/span> <\/p>\n<div class=\"header-dropdown\"> <span class=\"header-dropdown-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/> <path d=\"M3 9h18\"\/> <\/svg> <\/span> <span>Acme<\/span> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"6 9 12 15 18 9\"\/> <\/svg> <\/div>\n<p> <span class=\"header-separator\">\/<\/span> <\/p>\n<div class=\"header-dropdown\"> <span class=\"header-dropdown-icon orange\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/> <polyline points=\"14 2 14 8 20 8\"\/> <\/svg> <\/span> <span>Application<\/span> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"6 9 12 15 18 9\"\/> <\/svg> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"app-header-right\"> <\/p>\n<div class=\"header-nav-item\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/> <polyline points=\"14 2 14 8 20 8\"\/> <\/svg> Documentation <\/div>\n<p> <\/p>\n<div class=\"header-nav-item\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"\/> <polyline points=\"8 6 2 12 8 18\"\/> <\/svg> API Reference <\/div>\n<p> <\/p>\n<div class=\"header-nav-item\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/> <\/svg> Changelog <\/div>\n<p> <\/p>\n<div class=\"header-user\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/> <circle cx=\"12\" cy=\"7\" r=\"4\"\/> <\/svg> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"dashboard-content\" id=\"dashboardContent\">  <svg class=\"animated-cursor\" id=\"dashboardAnimatedCursor\" viewBox=\"0 0 24 24\" fill=\"#0f2736\" stroke=\"#ffffff\" stroke-width=\"1\"> <path d=\"M4 4l16 12-7 1-4 7-5-20z\"\/> <\/svg>  <\/p>\n<div class=\"connect-modal-overlay\" id=\"dashboardConnectModal\"> <\/p>\n<div class=\"connect-modal\"> <\/p>\n<div class=\"connect-modal-header\"> <span>Connect a new account<\/span> <button class=\"modal-close-btn\" onclick=\"closeDashboardConnectModal()\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/> <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/> <\/svg> <\/button> <\/div>\n<p> <\/p>\n<div class=\"connect-modal-body\"> <\/p>\n<div class=\"connect-modal-title\">Select the type of account you<!\u2013- [et_pb_br_holder] -\u2013>want to connect<\/div>\n<p> <\/p>\n<div class=\"provider-list\"> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"LinkedIn\"> <\/div>\n<p> <span class=\"provider-name\">LinkedIn<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <span class=\"provider-name\">WhatsApp<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <span class=\"provider-name\">Instagram<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <span class=\"provider-name\">Telegram<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"provider-divider\"><\/div>\n<p> <\/p>\n<div class=\"provider-list\"> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Google\"> <\/div>\n<p> <span class=\"provider-name\">Google<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <span class=\"provider-name\">IMAP<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Microsoft\"> <\/div>\n<p> <span class=\"provider-name\">Microsoft<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"provider-divider\"><\/div>\n<p> <\/p>\n<div class=\"provider-list\"> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <span class=\"provider-name\">Google Calendar<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"provider-name\">Outlook Calendar<\/span> <\/div>\n<p> <\/div>\n<p> <button class=\"cancel-btn\" onclick=\"closeDashboardConnectModal()\">Cancel<\/button> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<aside class=\"dashboard-sidebar\"> <\/p>\n<ul class=\"sidebar-nav\"> <\/p>\n<li class=\"active\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <circle cx=\"12\" cy=\"12\" r=\"3\"\/> <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/> <\/svg> Accounts <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/> <\/svg> Testing <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/> <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/> <\/svg> Webhooks <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"\/> <\/svg> API Keys <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <circle cx=\"12\" cy=\"12\" r=\"3\"\/> <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09\"\/> <\/svg> Settings <\/li>\n<p> <\/ul>\n<p>  <\/p>\n<div class=\"sidebar-org\"> <\/p>\n<div class=\"org-avatar\">MO<\/div>\n<p> <\/p>\n<div class=\"org-info\"> <\/p>\n<div class=\"org-name\">John David<\/div>\n<p> <\/p>\n<div class=\"org-company\">Acme<\/div>\n<p> <\/div>\n<p> <svg class=\"org-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"6 9 12 15 18 9\"\/> <\/svg> <\/div>\n<p> <\/aside>\n<p>  <main class=\"dashboard-main\"> <\/p>\n<div class=\"main-header\"> <\/p>\n<h3 class=\"main-title\">Accounts<\/h3>\n<p> <button class=\"add-btn\" id=\"dashboardAddBtn\" onclick=\"openDashboardConnectModal()\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> Link account <\/button> <\/div>\n<p> <\/p>\n<div class=\"status-row\"> <\/p>\n<div class=\"status-pill green\"> <span class=\"status-dot green\"><\/span> <span class=\"count\">20<\/span> Operational <\/div>\n<p> <\/p>\n<div class=\"status-pill\"> <span class=\"status-dot yellow\"><\/span> <span>0<\/span> Authentication required <\/div>\n<p> <\/p>\n<div class=\"status-pill\"> <span class=\"status-dot orange\"><\/span> <span>0<\/span> Service interruption <\/div>\n<p> <\/p>\n<div class=\"status-pill\"> <span class=\"status-dot purple\"><\/span> <span>0<\/span> Paused <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"filters-row\"> <input type=\"text\" class=\"search-input\" id=\"dashboardSearchInput\" placeholder=\"Search by name or ID...\" oninput=\"filterDashboardAccounts()\"> <select class=\"filter-select\" id=\"dashboardStatusFilter\" onchange=\"filterDashboardAccounts()\"><option value=\"\">All status<\/option><option value=\"operational\">Operational<\/option><option value=\"auth\">Auth required<\/option><option value=\"interrupted\">Interrupted<\/option> <\/select> <select class=\"filter-select\" id=\"dashboardProviderFilter\" onchange=\"filterDashboardAccounts()\"><option value=\"\">All providers<\/option><option value=\"linkedin\">LinkedIn<\/option><option value=\"whatsapp\">WhatsApp<\/option><option value=\"gmail\">Gmail<\/option><option value=\"outlook\">Outlook<\/option><option value=\"instagram\">Instagram<\/option><option value=\"telegram\">Telegram<\/option><option value=\"google-calendar\">Google Calendar<\/option><option value=\"outlook-calendar\">Outlook Calendar<\/option> <\/select> <\/div>\n<p> <\/p>\n<div class=\"accounts-table-wrapper\"> <\/p>\n<div class=\"table-header\"> <span>Name<\/span> <span>ID<\/span> <span><\/span> <span>Status<\/span> <span>Linked<\/span> <span><\/span> <\/div>\n<p> <\/p>\n<div class=\"accounts-scroll\" id=\"dashboardAccountsList\">  <\/p>\n<div class=\"table-row\" data-provider=\"linkedin\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"LinkedIn\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb44tjf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"linkedin\" data-status=\"operational\" data-name=\"Sarah Johnson\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"SMS\"> <\/div>\n<p> <span class=\"account-name\">Sarah Johnson<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb55ujk…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/15\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"linkedin\" data-status=\"operational\" data-name=\"Thomas Martin\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"LinkedIn\"> <\/div>\n<p> <span class=\"account-name\">Thomas Martin<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb66vlm…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/10\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"whatsapp\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb7tfqf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"whatsapp\" data-status=\"operational\" data-name=\"Emma Wilson\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <span class=\"account-name\">Emma Wilson<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb8ugr…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/28\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"whatsapp\" data-status=\"operational\" data-name=\"Lucas Bernard\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"SMS\"> <\/div>\n<p> <span class=\"account-name\">Lucas Bernard<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb9vhs…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/20\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"gmail\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb4ezwf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"gmail\" data-status=\"operational\" data-name=\"Sophie Durand\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <\/div>\n<p> <span class=\"account-name\">Sophie Durand<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb5fax…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/25\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"outlook\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb4vzbf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"outlook\" data-status=\"operational\" data-name=\"Marie Lefebvre\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <span class=\"account-name\">Marie Lefebvre<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb5wac…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/22\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"instagram\" data-status=\"operational\" data-name=\"Alex Turner\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <span class=\"account-name\">Alex Turner<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc1abc…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/14\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"instagram\" data-status=\"operational\" data-name=\"Chloe Davis\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <span class=\"account-name\">Chloe Davis<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc2bcd…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/12\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"telegram\" data-status=\"operational\" data-name=\"David Chen\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <span class=\"account-name\">David Chen<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc3cde…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/08\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"telegram\" data-status=\"operational\" data-name=\"Nina Patel\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <span class=\"account-name\">Nina Patel<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc4def…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/05\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"google-calendar\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc9efg…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"google-calendar\" data-status=\"operational\" data-name=\"Sarah Johnson\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <span class=\"account-name\">Sarah Johnson<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpcafgh…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/15\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"outlook-calendar\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpcbghi…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"outlook-calendar\" data-status=\"operational\" data-name=\"Marie Lefebvre\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"account-name\">Marie Lefebvre<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpcchij…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/22\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/main> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"dashboard-cta\"> <a  href=”https:\/\/dashboard.unipile.com\/signup\/”  class=”cta-primary”> Try for free <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <polyline points=\"12 5 19 12 12 19\"\/> <\/svg><\/a> <button class=\"cta-secondary\" onclick=\"openDashboardVideoModal()\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polygon points=\"5 3 19 12 5 21 5 3\"\/> <\/svg> Watch demo <\/button> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"dashboard-video-modal-overlay\" id=\"dashboardVideoModal\" onclick=\"closeDashboardVideoModal(event)\"> <\/p>\n<div class=\"dashboard-video-modal\" onclick=\"event.stopPropagation()\"> <\/p>\n<div class=\"dashboard-video-modal-header\"> <\/p>\n<div class=\"dashboard-video-modal-title\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polygon points=\"5 3 19 12 5 21 5 3\"\/> <\/svg> Dashboard Demo <\/div>\n<p> <button class=\"dashboard-video-close-btn\" onclick=\"closeDashboardVideoModal(event)\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/> <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/> <\/svg> <\/button> <\/div>\n<p> <\/p>\n<div class=\"dashboard-video-container\"> <iframe id=\"dashboardYoutubeVideo\" src=\"\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <script> \/\/ Video Modal Functions - Dashboard Section function openDashboardVideoModal() { document.getElementById('dashboardVideoModal').classList.add('active'); document.getElementById('dashboardYoutubeVideo').src = 'https:\/\/www.youtube.com\/embed\/9e3LNkOfAyY?autoplay=1&start=2'; document.body.style.overflow = 'hidden'; } function closeDashboardVideoModal(event) { if (event) { event.preventDefault(); } document.getElementById('dashboardVideoModal').classList.remove('active'); document.getElementById('dashboardYoutubeVideo').src = ''; document.body.style.overflow = ''; } \/\/ Connect Modal Functions function openDashboardConnectModal() { document.getElementById('dashboardConnectModal').classList.add('active'); } function closeDashboardConnectModal() { document.getElementById('dashboardConnectModal').classList.remove('active'); } \/\/ Add pulse effect to button function addDashboardPulseEffect() { const addBtn = document.getElementById('dashboardAddBtn'); addBtn.classList.add('pulse-effect'); } \/\/ Close on Escape key document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeDashboardVideoModal(); closeDashboardConnectModal(); } }); \/\/ Filter accounts function function filterDashboardAccounts() { const searchValue = document.getElementById('dashboardSearchInput').value.toLowerCase(); const providerValue = document.getElementById('dashboardProviderFilter').value.toLowerCase(); const statusValue = document.getElementById('dashboardStatusFilter').value.toLowerCase(); const rows = document.querySelectorAll('#dashboardAccountsList .table-row'); rows.forEach(row => { const name = row.getAttribute('data-name').toLowerCase(); const provider = row.getAttribute('data-provider').toLowerCase(); const status = row.getAttribute('data-status').toLowerCase(); const id = row.querySelector('.account-id').textContent.toLowerCase(); const matchesSearch = name.includes(searchValue) || id.includes(searchValue); const matchesProvider = !providerValue || provider === providerValue; const matchesStatus = !statusValue || status === statusValue; if (matchesSearch && matchesProvider && matchesStatus) { row.classList.remove('hidden'); } else { row.classList.add('hidden'); } }); } \/\/ Animated cursor interaction let dashboardAnimationPlayed = false; function startDashboardCursorAnimation() { if (dashboardAnimationPlayed) return; dashboardAnimationPlayed = true; const cursor = document.getElementById('dashboardAnimatedCursor'); const addBtn = document.getElementById('dashboardAddBtn'); const dashboardContent = document.getElementById('dashboardContent'); \/\/ Get button position relative to dashboard content const btnRect = addBtn.getBoundingClientRect(); const contentRect = dashboardContent.getBoundingClientRect(); const startX = contentRect.width \/ 2; const startY = contentRect.height \/ 2; const endX = btnRect.left - contentRect.left + btnRect.width \/ 2; const endY = btnRect.top - contentRect.top + btnRect.height \/ 2; \/\/ Set initial position cursor.style.left = startX + 'px'; cursor.style.top = startY + 'px'; cursor.style.transition = 'none'; \/\/ Show cursor setTimeout(() => { cursor.classList.add('visible'); }, 100); \/\/ Move to button setTimeout(() => { cursor.style.transition = 'left 1.2s ease-out, top 1.2s ease-out'; cursor.style.left = endX + 'px'; cursor.style.top = endY + 'px'; }, 300); \/\/ Highlight button setTimeout(() => { addBtn.classList.add('highlighted'); }, 1200); \/\/ Click effect setTimeout(() => { cursor.classList.add('clicking'); }, 1600); setTimeout(() => { cursor.classList.remove('clicking'); }, 1750); \/\/ Open modal setTimeout(() => { openDashboardConnectModal(); cursor.classList.remove('visible'); addBtn.classList.remove('highlighted'); }, 1800); \/\/ Auto-close modal after 3 seconds and add pulse effect setTimeout(() => { closeDashboardConnectModal(); \/\/ Add pulse effect after modal closes setTimeout(() => { addDashboardPulseEffect(); }, 400); }, 3800); \/\/ 1800ms (modal open) + 3000ms (display time) } \/\/ Start animation after 3 seconds when user hovers on dashboard let dashboardHoverTimeout; const dashboardFrame = document.querySelector('.dashboard-frame'); dashboardFrame.addEventListener('mouseenter', () => { if (!dashboardAnimationPlayed) { dashboardHoverTimeout = setTimeout(startDashboardCursorAnimation, 2000); } }); dashboardFrame.addEventListener('mouseleave', () => { clearTimeout(dashboardHoverTimeout); }); \/\/ Also trigger on scroll into view const dashboardObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting && !dashboardAnimationPlayed) { setTimeout(startDashboardCursorAnimation, 3000); } }); }, { threshold: 0.5 }); dashboardObserver.observe(dashboardFrame); <\/script><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” custom_padding_tablet=”” custom_padding_phone=”|0px||0px|false|true” custom_padding_last_edited=”on|phone” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Discover More API Suite – IMAP Page – Unipile<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 style=\"margin:0;padding:0;background:#0f2736;\"><\/p>\n<style>#upl-api-suite-imap { font-family: 'Inter', sans-serif; background: #0f2736; padding: 80px 20px;}#upl-api-suite-imap *,#upl-api-suite-imap *::before,#upl-api-suite-imap *::after { margin: 0; padding: 0; box-sizing: border-box;}#upl-api-suite-imap .uas-container { max-width: 1100px; margin: 0 auto;}\/* Header *\/#upl-api-suite-imap .uas-header { text-align: center; margin-bottom: 60px;}#upl-api-suite-imap .uas-title { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #ffffff; line-height: 1.2; margin-bottom: 16px;}#upl-api-suite-imap .uas-subtitle { font-size: 17px; color: #ffffff; line-height: 1.6; max-width: 700px; margin: 0 auto;}\/* API Grid *\/#upl-api-suite-imap .uas-api-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding-bottom: 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}#upl-api-suite-imap .uas-api-card { display: flex; flex-direction: column;}\/* Provider Icons *\/#upl-api-suite-imap .uas-providers { display: flex; gap: 10px; margin-bottom: 20px;}#upl-api-suite-imap .uas-provider-icon img { width: 48px; height: 48px; object-fit: contain;}\/* Card Content *\/#upl-api-suite-imap .uas-api-name { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 700; color: #ffffff; margin-bottom: 12px;}#upl-api-suite-imap .uas-api-desc { font-size: 15px; color: #ffffff; line-height: 1.6; margin-bottom: 20px; flex-grow: 1;}\/* Arrow Link *\/#upl-api-suite-imap .uas-api-link { width: 44px; height: 44px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease;}#upl-api-suite-imap .uas-api-link:hover { background: #DDDF4C;}#upl-api-suite-imap .uas-api-link:hover svg { color: #0f2736;}#upl-api-suite-imap .uas-api-link svg { width: 18px; height: 18px; color: #ffffff; transition: color 0.3s ease;}\/* Footer Note *\/#upl-api-suite-imap .uas-footer-note { text-align: center; padding-top: 40px; font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 1.6; max-width: 800px; margin: 0 auto;}\/* Responsive *\/@media (max-width: 900px) { #upl-api-suite-imap .uas-api-grid { grid-template-columns: 1fr; padding: 20px; gap: 40px; } #upl-api-suite-imap .uas-title { font-size: 30px; }}@media (max-width: 500px) { #upl-api-suite-imap { padding: 60px 16px; } #upl-api-suite-imap .uas-title { font-size: 26px; }}<\/style>\n<p><\/p>\n<section id=\"upl-api-suite-imap\"> <\/p>\n<div class=\"uas-container\">  <\/p>\n<div class=\"uas-header\"> <\/p>\n<h2 class=\"uas-title\">Discover More from Our API Suite<\/h2>\n<p> <pee class=\"uas-subtitle\">Beyond IMAP, Unipile connects your product to Outlook, Gmail, WhatsApp, LinkedIn, and calendars. Build a complete communication layer with a single unified API.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"uas-api-grid\">  <\/p>\n<div class=\"uas-api-card\"> <\/p>\n<div class=\"uas-providers\"> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <\/div>\n<p> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"uas-api-name\">Messaging API<\/h3>\n<p> <pee class=\"uas-api-desc\">Connect WhatsApp, LinkedIn, Instagram, and Telegram to send messages, sync conversations, and manage contacts. Build unified inbox, outreach, and social selling features in your app.<\/pee> <a href=\"https:\/\/www.unipile.com\/communication-api\/messaging-api\/\" class=\"uas-api-link\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"uas-api-card\"> <\/p>\n<div class=\"uas-providers\"> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <\/div>\n<p> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"uas-api-name\">Email API<\/h3>\n<p> <pee class=\"uas-api-desc\">Integrate Gmail and Outlook to send, receive, and sync emails in real time. Build powerful email features with open tracking, threading, and full attachment support.<\/pee> <a href=\"https:\/\/www.unipile.com\/communication-api\/email-api\/\" class=\"uas-api-link\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"uas-api-card\"> <\/p>\n<div class=\"uas-providers\"> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"uas-api-name\">Calendar API<\/h3>\n<p> <pee class=\"uas-api-desc\">Sync Google Calendar and Outlook events in real time. Create, update, and manage meetings directly from your product. Ideal for scheduling features and CRM integrations.<\/pee> <a href=\"https:\/\/www.unipile.com\/communication-api\/calendar-api\/\" class=\"uas-api-link\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/a> <\/div>\n<p> <\/div>\n<p>  <pee class=\"uas-footer-note\">Our APIs are built for legitimate business use cases. We enforce rate limits and usage policies to ensure a secure, spam-free experience for all users.<\/pee> <\/div>\n<p><\/section>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” admin_label=”Section 4 Tesimonials & Security” module_id=”reviews” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ background_enable_image=”off” custom_padding=”20px|16px|1px|16px|false|false” custom_padding_tablet=”20px|16px|1px|16px|false|false” custom_padding_phone=”20px|16px|1px|16px|false|false” custom_css_free_form=”.custom_row {|| margin: 0 auto; \/* Ensure no extra spacing *\/|| padding: 20px 0; \/* Adjust padding as needed *\/||}||” da_popup_slug=”reviews” da_disable_devices=”off|off|off” global_module=”258961″ saved_tabs=”all” locked=”off” collapsed=”on” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”20px||0px||false|false” custom_margin_tablet=”20px||0px||false|false” custom_margin_phone=”0px||0px||false|false” custom_margin_last_edited=”on|desktop” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”] <\/p>\n<style> * { margin: 0; padding: 0; box-sizing: border-box; } #unipile-companies-section { font-family: 'Inter', sans-serif;  padding: 40px 20px; } #unipile-companies-section .companies-container { max-width: 1100px; margin: 0 auto; } \/* Header avec badge *\/ #unipile-companies-section .section-header { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 50px; flex-wrap: wrap; } #unipile-companies-section .badge-number { display: inline-flex; align-items: center; gap: 10px; background: rgba(59, 185, 139, 0.12); color: #3BB98B; padding: 12px 24px; border-radius: 28px; font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; } #unipile-companies-section .badge-number svg { width: 32px; height: 32px; } #unipile-companies-section .header-text { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #0f2736; } \/* Logos Section *\/ #unipile-companies-section .logos-section { margin-bottom: 50px; } #unipile-companies-section .logos-label { font-size: 11px; font-weight: 600; color: #9ca3af; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; margin-bottom: 24px; } #unipile-companies-section .logos-grid { display: grid; grid-template-columns: repeat(3, auto); gap: 32px 70px; justify-content: center; align-items: center; } #unipile-companies-section .partner-logo { height: 72px; opacity: 1; transition: all 0.3s ease; } \/* Stats Row *\/ #unipile-companies-section .stats-row { display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; } #unipile-companies-section .stat-item { text-align: center; } #unipile-companies-section .stat-value { font-family: 'Poppins', sans-serif; font-size: 36px; font-weight: 700; color: #3BB98B; line-height: 1; margin-bottom: 6px; } #unipile-companies-section .stat-label { font-size: 13px; color: #6b7280; line-height: 1.5; max-width: 180px; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-companies-section .section-header { flex-direction: column; gap: 8px; } #unipile-companies-section .badge-number { font-size: 28px; } #unipile-companies-section .badge-number svg { width: 24px; height: 24px; } #unipile-companies-section .header-text { font-size: 28px; text-align: center; } #unipile-companies-section .stats-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; } #unipile-companies-section .stats-row .stat-item:last-child { grid-column: 1 \/ -1; justify-self: center; } #unipile-companies-section .stat-value { font-size: 30px; } #unipile-companies-section .logos-grid { grid-template-columns: repeat(2, 1fr); gap: 28px 40px; justify-items: center; } #unipile-companies-section .partner-logo { height: 54px; } } @media (max-width: 600px) { #unipile-companies-section { padding: 50px 16px; } #unipile-companies-section .badge-number { font-size: 24px; padding: 10px 18px; } #unipile-companies-section .header-text { font-size: 22px; } #unipile-companies-section .stat-value { font-size: 26px; } #unipile-companies-section .stats-row { gap: 24px; } #unipile-companies-section .logos-grid { gap: 24px 32px; } #unipile-companies-section .partner-logo { height: 44px; } } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1> <\/p>\n<section id=\"unipile-companies-section\"> <\/p>\n<div class=\"companies-container\">   <\/p>\n<div class=\"section-header\"> <span class=\"badge-number\"> <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M3 21h18\"\/> <path d=\"M5 21V7l8-4v18\"\/> <path d=\"M19 21V11l-6-4\"\/> <path d=\"M9 9v.01\"\/> <path d=\"M9 12v.01\"\/> <path d=\"M9 15v.01\"\/> <path d=\"M9 18v.01\"\/> <\/svg> 3000+ <\/span> <span class=\"header-text\">Companies Innovating with Unipile<\/span> <\/div>\n<p>  <\/p>\n<div class=\"logos-section\"> <\/p>\n<div class=\"logos-label\">Trusted by industry leaders<\/div>\n<p> <\/p>\n<div class=\"logos-grid\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/Lemlist_Logo-1.svg\" alt=\"Lemlist\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/01\/logo-reply-io-1.svg\" alt=\"Reply io\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/03\/relevance_logo_unipile_partner_.svg\" alt=\"Relevance AI\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/03\/valley_logo_unipile_partner_.svg\" alt=\"Valley\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/03\/recruitcrm_logo_unipile_partner_.svg\" alt=\"Recruit CRM\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/06\/Salesforge_Logo-1.svg\" alt=\"Artisan\" class=\"partner-logo\"> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"stats-row\"> <\/p>\n<div class=\"stat-item\"> <\/p>\n<div class=\"stat-value\">1 API<\/div>\n<p> <\/p>\n<div class=\"stat-label\">Streamline operations for all major communication channels<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"stat-item\"> <\/p>\n<div class=\"stat-value\">2 Days<\/div>\n<p> <\/p>\n<div class=\"stat-label\">Achieve live integration quickly with minimal setup<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"stat-item\"> <\/p>\n<div class=\"stat-value\">30%<\/div>\n<p> <\/p>\n<div class=\"stat-label\">Reduction in maintenance efforts and resources<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p><\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”80px||40px||false|false” custom_margin_tablet=”” custom_margin_phone=”” custom_margin_last_edited=”on|desktop” global_module=”275886″ saved_tabs=”all” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”] <\/p>\n<style> * { margin: 0; padding: 0; box-sizing: border-box; } #unipile-security-section { font-family: 'Inter', sans-serif;  padding: 40px 20px; } #unipile-security-section .security-container { max-width: 1100px; margin: 0 auto; } \/* Security Header *\/ #unipile-security-section .security-header { text-align: center; margin-bottom: 40px; } #unipile-security-section .security-header h3 { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #0f2736; margin-bottom: 12px; } #unipile-security-section .security-header p { font-size: 15px; color: #6b7280; margin-bottom: 16px; } #unipile-security-section .security-cta { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: #3BB98B; text-decoration: none; transition: all 0.3s ease; } #unipile-security-section .security-cta:hover { gap: 10px; color: #2da077; } #unipile-security-section .security-cta svg { width: 16px; height: 16px; transition: transform 0.3s ease; } #unipile-security-section .security-cta:hover svg { transform: translateX(2px); } \/* Compliance Cards *\/ #unipile-security-section .compliance-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 900px; margin: 0 auto 50px auto; } #unipile-security-section .compliance-card { background: #ffffff; border-radius: 16px; padding: 24px; border: 1px solid #e5e7eb; display: flex; align-items: flex-start; gap: 20px; } #unipile-security-section .compliance-icon { width: 64px; height: 64px; flex-shrink: 0; object-fit: contain; } #unipile-security-section .compliance-content { flex: 1; text-align: left; } #unipile-security-section .compliance-header-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; } #unipile-security-section .compliance-title { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 700; color: #0f2736; line-height: 1.2; } #unipile-security-section .compliance-status { font-size: 10px; font-weight: 600; color: #3BB98B; text-transform: uppercase; letter-spacing: 0.5px; display: flex; align-items: center; gap: 4px; background: rgba(59, 185, 139, 0.1); padding: 4px 10px; border-radius: 10px; } #unipile-security-section .compliance-status::before { content: ''; width: 6px; height: 6px; background: #3BB98B; border-radius: 50%; } #unipile-security-section .compliance-desc { font-size: 13px; color: #6b7280; line-height: 1.5; } \/* Metrics Row *\/ #unipile-security-section .metrics-row { display: flex; justify-content: center; gap: 80px; flex-wrap: wrap; } #unipile-security-section .metric-item { text-align: center; } #unipile-security-section .metric-value { font-family: 'Poppins', sans-serif; font-size: 36px; font-weight: 700; color: #3BB98B; line-height: 1; margin-bottom: 6px; } #unipile-security-section .metric-label { font-size: 13px; color: #6b7280; line-height: 1.5; max-width: 180px; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-security-section .security-header h3 { font-size: 28px; } #unipile-security-section .compliance-grid { grid-template-columns: 1fr; max-width: 500px; } #unipile-security-section .metrics-row { gap: 50px; } #unipile-security-section .metric-value { font-size: 30px; } } @media (max-width: 600px) { #unipile-security-section { padding: 50px 16px; } #unipile-security-section .security-header h3 { font-size: 22px; } #unipile-security-section .metric-value { font-size: 26px; } #unipile-security-section .compliance-card { padding: 20px; gap: 16px; } #unipile-security-section .compliance-icon { width: 52px; height: 52px; } #unipile-security-section .metrics-row { gap: 40px; } } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1> <\/p>\n<section id=\"unipile-security-section\"> <\/p>\n<div class=\"security-container\">  <\/p>\n<div class=\"security-header\"> <\/p>\n<h3>Built-In Security and Compliance<\/h3>\n<p> <pee>Enterprise-grade protection for your data and workflows<\/pee> <a href=\"https:\/\/www.unipile.com\/security-compliance\/\" class=\"security-cta\"> Learn more about our security <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"compliance-grid\"> <\/p>\n<div class=\"compliance-card\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/01\/soc2-logo-1-1.png\" alt=\"SOC 2 Type II\" class=\"compliance-icon\"> <\/p>\n<div class=\"compliance-content\"> <\/p>\n<div class=\"compliance-header-row\"> <\/p>\n<div class=\"compliance-title\">SOC 2 Type II<\/div>\n<p> <\/p>\n<div class=\"compliance-status\">Certified<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"compliance-desc\">Independently audited security controls ensuring data protection and operational integrity.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"compliance-card\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/01\/GDPR-compliance-1.png\" alt=\"GDPR\" class=\"compliance-icon\"> <\/p>\n<div class=\"compliance-content\"> <\/p>\n<div class=\"compliance-header-row\"> <\/p>\n<div class=\"compliance-title\">GDPR<\/div>\n<p> <\/p>\n<div class=\"compliance-status\">Compliant<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"compliance-desc\">Full compliance with European data protection regulations for user privacy.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"metrics-row\"> <\/p>\n<div class=\"metric-item\"> <\/p>\n<div class=\"metric-value\">99.9%<\/div>\n<p> <\/p>\n<div class=\"metric-label\">Platform Uptime over the last 24 months<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"metric-item\"> <\/p>\n<div class=\"metric-value\">24\/7<\/div>\n<p> <\/p>\n<div class=\"metric-label\">Global Support with high-performance API<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p><\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – IMAP API FAQ<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; color: #1e293b; line-height: 1.6; } \/* Section Container *\/ .unipile-faq-section { padding: 80px 20px; max-width: 900px; margin: 0 auto; } \/* Header *\/ .unipile-faq-header { text-align: center; margin-bottom: 60px; } .unipile-faq-title { font-family: 'Poppins', sans-serif; font-size: clamp(32px, 5vw, 35px); font-weight: 700; color: #0f2736; margin-bottom: 16px; line-height: 1.2; } .unipile-faq-subtitle { font-size: 1.1rem; color: #383838; max-width: 800px; margin: 0 auto; } \/* FAQ List *\/ .unipile-faq-list { display: flex; flex-direction: column; gap: 12px; } \/* FAQ Item *\/ .unipile-faq-item { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; overflow: hidden; transition: all 0.3s ease; } .unipile-faq-item:hover { border-color: #3BB98B; box-shadow: 0 4px 20px rgba(59, 185, 139, 0.08); } .unipile-faq-item.active { border-color: #3BB98B; box-shadow: 0 8px 30px rgba(59, 185, 139, 0.12); } \/* Question Button *\/ .unipile-faq-question { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 24px 28px; background: transparent; border: none; cursor: pointer; text-align: left; transition: all 0.2s ease; } .unipile-faq-question-content { display: flex; align-items: flex-start; gap: 16px; flex: 1; } .unipile-faq-number { flex-shrink: 0; padding: 6px 12px; background: rgba(59, 185, 139, 0.12); color: #3BB98B; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; font-weight: 600; transition: all 0.3s ease; } .unipile-faq-item.active .unipile-faq-number { background: rgba(59, 185, 139, 0.2); color: #2a9d6e; } .unipile-faq-question-text { font-family: 'Poppins', sans-serif; font-size: 1.1rem; font-weight: 600; color: #0f2736; line-height: 1.4; padding-top: 4px; } \/* Icon Toggle *\/ .unipile-faq-icon { flex-shrink: 0; width: 36px; height: 36px; background: #f8f9fa; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; margin-top: 2px; } .unipile-faq-icon svg { width: 18px; height: 18px; color: #64748b; transition: all 0.3s ease; } .unipile-faq-item:hover .unipile-faq-icon { background: rgba(59, 185, 139, 0.1); } .unipile-faq-item:hover .unipile-faq-icon svg { color: #3BB98B; } .unipile-faq-item.active .unipile-faq-icon { background: #3BB98B; transform: rotate(45deg); } .unipile-faq-item.active .unipile-faq-icon svg { color: #ffffff; } \/* Answer Panel *\/ .unipile-faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s ease; } .unipile-faq-item.active .unipile-faq-answer { max-height: 600px; } .unipile-faq-answer-content { padding: 0 28px 28px 76px; color: #475569; font-size: 1rem; line-height: 1.7; } .unipile-faq-answer-content strong { color: #0f2736; font-weight: 600; } .unipile-faq-answer-content .highlight { color: #3BB98B; font-weight: 600; } .unipile-faq-answer-content a { color: #0f2736; text-decoration: underline; text-underline-offset: 2px; transition: color 0.2s ease; } .unipile-faq-answer-content a:hover { color: #3BB98B; } \/* CTA at bottom *\/ .unipile-faq-cta { margin-top: 50px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 28px; background: #f8f9fa; border: 1px solid #e5e7eb; border-radius: 12px; } .unipile-faq-cta-text { color: #475569; font-size: 1rem; margin: 0; } .unipile-faq-cta-button { display: inline-flex; align-items: center; gap: 10px; background: #DDDF4C; color: #0F2836; padding: 13px 20px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 1rem; border: none; cursor: pointer; transition: all 0.3s ease; white-space: nowrap; } .unipile-faq-cta-button:hover { transform: translateY(-2px); } .unipile-faq-cta-button svg { width: 18px; height: 18px; transition: transform 0.3s ease; } .unipile-faq-cta-button:hover svg { transform: translateX(4px); } \/* Responsive *\/ @media (max-width: 768px) { .unipile-faq-section { padding: 60px 16px; } .unipile-faq-header { margin-bottom: 40px; } .unipile-faq-question { padding: 20px; gap: 16px; } .unipile-faq-question-content { gap: 12px; } .unipile-faq-number { padding: 5px 10px; font-size: 0.75rem; } .unipile-faq-question-text { font-size: 1rem; padding-top: 2px; } .unipile-faq-icon { width: 32px; height: 32px; } .unipile-faq-icon svg { width: 16px; height: 16px; } .unipile-faq-answer-content { padding: 0 20px 20px 60px; font-size: 0.95rem; } .unipile-faq-cta { padding: 30px 20px; margin-top: 40px; flex-direction: column; text-align: center; gap: 16px; } .unipile-faq-cta-text { font-size: 0.95rem; } } @media (max-width: 480px) { .unipile-faq-question-content { flex-direction: column; gap: 8px; } .unipile-faq-number { padding: 4px 8px; font-size: 0.7rem; } .unipile-faq-question-text { padding-top: 0; } .unipile-faq-answer-content { padding: 0 20px 20px 20px; } } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1><\/p>\n<section class=\"unipile-faq-section\">  <\/p>\n<div class=\"unipile-faq-header\"> <\/p>\n<h2 class=\"unipile-faq-title\">IMAP API \u2014 Frequently Asked Questions<\/h2>\n<p> <pee class=\"unipile-faq-subtitle\">Everything you need to know about integrating Unipile’s IMAP API into your product<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-list\">  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">01<\/span> <span class=\"unipile-faq-question-text\">What is the IMAP API, and what can it do for my app?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> Unipile’s IMAP API lets your app <strong>send, receive, sync, and manage emails<\/strong> from any IMAP-compatible provider \u2014 iCloud, Yahoo, ISP servers, and custom email hosts \u2014 through a single REST API. It covers fetching messages, managing folders, sending emails with tracking, and receiving real-time webhook notifications. No raw protocol handling required. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">02<\/span> <span class=\"unipile-faq-question-text\">What is the benefit of Unipile’s IMAP API?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> IMAP is a complex low-level protocol with no native HTTP interface, no webhooks, and no tracking. Unipile <strong>abstracts all of that<\/strong> into clean REST endpoints \u2014 so you get real-time sync, open & click tracking, folder management and authentication across <span class=\"highlight\">50+ IMAP providers<\/span>, without writing a single line of IMAP protocol code. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">03<\/span> <span class=\"unipile-faq-question-text\">What advantages does the IMAP API offer for data integration?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> The API enables <strong>seamless synchronization of email data<\/strong> across all IMAP-compatible providers through identical REST endpoints. You can pull structured JSON responses, filter by folder, search messages, and push data directly into your CRM, ATS or outreach tool \u2014 without managing provider-specific quirks or separate authentication flows for each server. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">04<\/span> <span class=\"unipile-faq-question-text\">How does the IMAP API benefit my CRM system?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> Your CRM users can connect their personal or business IMAP inbox \u2014 iCloud, Yahoo, ISP \u2014 and have <strong>all email conversations automatically synced<\/strong> within your platform. No more copy-pasting emails or switching apps. Webhook events let you trigger CRM updates the moment a reply arrives, keeping contact timelines 100% accurate in real time. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">05<\/span> <span class=\"unipile-faq-question-text\">How can IMAP API integration benefit different industries?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> IMAP API integration delivers value across sectors: <strong>Recruiting platforms<\/strong> can sync candidate email threads directly in their ATS. <strong>Sales tools<\/strong> can automate follow-up sequences from any email provider. <strong>Customer support platforms<\/strong> can unify inboxes from iCloud, Yahoo and ISP accounts into a single queue. <strong>iPaaS and no-code builders<\/strong> can expose email triggers and actions for any IMAP server. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">06<\/span> <span class=\"unipile-faq-question-text\">Can Unipile’s APIs improve customer satisfaction?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> Yes. By giving your users a <strong>360-degree view of all email interactions<\/strong> \u2014 regardless of their provider \u2014 and ensuring no message goes unnoticed via real-time webhooks, Unipile’s APIs can significantly increase Customer Satisfaction (CSAT) scores. Faster response times, complete conversation history, and zero missed emails translate directly into better customer experience. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">07<\/span> <span class=\"unipile-faq-question-text\">How do I get started integrating with the IMAP API?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> Start by <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" target=\"_blank\">creating a free account<\/a> \u2014 no credit card required. You’ll get an API token and access to a hosted auth link so your users can connect their IMAP accounts in one click. From there, follow our <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\">step-by-step documentation<\/a> to send your first email, list folders, and set up webhooks. Most developers are up and running in <strong>a few hours<\/strong>. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">08<\/span> <span class=\"unipile-faq-question-text\">Why should I consider using Unipile’s developer-friendly APIs?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> Unipile’s APIs are built to <strong>accelerate product development<\/strong> and reduce ongoing maintenance. You get a unified interface covering all communication channels \u2014 email, messaging, calendar \u2014 so your team writes less code, ships faster, and doesn’t have to maintain separate integrations per provider. Proactive maintenance on our end means provider changes never break your product. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">09<\/span> <span class=\"unipile-faq-question-text\">What does the free IMAP API offer?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> You can start using Unipile’s IMAP API for free with a <strong>7-day trial \u2014 no credit card required<\/strong>. During this period, you get full access to all features: send & receive emails, folder sync, webhooks, open tracking, and all 50+ IMAP providers. Visit our <a href=\"https:\/\/www.unipile.com\/pricing-api\/\" target=\"_blank\">pricing page<\/a> for full plan details. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">10<\/span> <span class=\"unipile-faq-question-text\">How can I prevent excessive use of the IMAP API to avoid account suspension?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> To stay compliant with IMAP provider terms and avoid account issues, <strong>implement sending limits on your side<\/strong> \u2014 control the volume of emails sent per account per day. Unipile also enforces its own rate limits and usage policies. Avoid bulk unsolicited sending, respect provider-specific quotas (iCloud, Yahoo and ISPs all have daily limits), and use our webhook system instead of aggressive polling to minimize unnecessary server requests. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-cta\"> <pee class=\"unipile-faq-cta-text\">Still have questions? Our team is here to help.<\/pee> <button onclick=\"$crisp.push(['do', 'chat:open'])\" class=\"unipile-faq-cta-button\"> Talk to an expert <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <polyline points=\"12 5 19 12 12 19\"\/> <\/svg> <\/button> <\/div>\n<p><\/section>\n<p><script> document.querySelectorAll('.unipile-faq-question').forEach(button => { button.addEventListener('click', () => { const item = button.closest('.unipile-faq-item'); const isActive = item.classList.contains('active'); \/\/ Close all other items document.querySelectorAll('.unipile-faq-item').forEach(otherItem => { otherItem.classList.remove('active'); otherItem.querySelector('.unipile-faq-question').setAttribute('aria-expanded', 'false'); }); \/\/ Toggle current item if (!isActive) { item.classList.add('active'); button.setAttribute('aria-expanded', 'true'); } }); });<\/script><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Build Features into Your Product TodayTry our White-Label solution for free and unlock its full potential for your business. With the 7-Day Free Trial, gain access to the complete suite of features designed to enhance your platform’s capabilities and branding. IMAP API Developer Features – Unipile Built for Developers IMAP API Integration for Modern Apps […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":237715,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"folder":[],"class_list":["post-256683","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>IMAP API Integration for Your App - Unipile<\/title>\n<meta name=\"description\" content=\"Explore the integration of the Unipile IMAP API to streamline user workflows and maximize team productivity with this innovative solution.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.unipile.com\/pl\/api-komunikacji\/email-api\/imap-api\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"IMAP API Integration for Your App - Unipile\" \/>\n<meta property=\"og:description\" content=\"Explore the integration of the Unipile IMAP API to streamline user workflows and maximize team productivity with this innovative solution.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.unipile.com\/pl\/api-komunikacji\/email-api\/imap-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Unipile\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/unipilefr\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-02T09:14:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@UnipileAPI\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/\",\"name\":\"IMAP API Integration for Your App - Unipile\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/imap-1.svg\",\"datePublished\":\"2024-02-15T13:36:19+00:00\",\"dateModified\":\"2026-07-02T09:14:07+00:00\",\"description\":\"Explore the integration of the Unipile IMAP API to streamline user workflows and maximize team productivity with this innovative solution.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/imap-1.svg\",\"contentUrl\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/imap-1.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.unipile.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unipile API – Messaging, Email, Calendar Integration\",\"item\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Email API to Sync, Send & Receive Emails in Your App\",\"item\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"IMAP API Integration for Your App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#website\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/\",\"name\":\"Unipile\",\"description\":\"Integrate Messaging & Email, Connect with Ease via API\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.unipile.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#organization\",\"name\":\"Unipile\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/logo-unipile.png\",\"contentUrl\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/logo-unipile.png\",\"width\":200,\"height\":49,\"caption\":\"Unipile\"},\"image\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/unipilefr\",\"https:\\\/\\\/x.com\\\/UnipileAPI\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/unipile\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Integracja API IMAP dla aplikacji - Unipile","description":"Poznaj integracj\u0119 interfejsu API Unipile IMAP, aby usprawni\u0107 przep\u0142yw pracy u\u017cytkownik\u00f3w i zmaksymalizowa\u0107 produktywno\u015b\u0107 zespo\u0142u dzi\u0119ki temu innowacyjnemu rozwi\u0105zaniu.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.unipile.com\/pl\/api-komunikacji\/email-api\/imap-api\/","og_locale":"pl_PL","og_type":"article","og_title":"IMAP API Integration for Your App - Unipile","og_description":"Explore the integration of the Unipile IMAP API to streamline user workflows and maximize team productivity with this innovative solution.","og_url":"https:\/\/www.unipile.com\/pl\/api-komunikacji\/email-api\/imap-api\/","og_site_name":"Unipile","article_publisher":"https:\/\/www.facebook.com\/unipilefr","article_modified_time":"2026-07-02T09:14:07+00:00","og_image":[{"url":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@UnipileAPI","twitter_misc":{"Szacowany czas czytania":"19 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/","url":"https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/","name":"Integracja API IMAP dla aplikacji - Unipile","isPartOf":{"@id":"https:\/\/www.unipile.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/#primaryimage"},"image":{"@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg","datePublished":"2024-02-15T13:36:19+00:00","dateModified":"2026-07-02T09:14:07+00:00","description":"Poznaj integracj\u0119 interfejsu API Unipile IMAP, aby usprawni\u0107 przep\u0142yw pracy u\u017cytkownik\u00f3w i zmaksymalizowa\u0107 produktywno\u015b\u0107 zespo\u0142u dzi\u0119ki temu innowacyjnemu rozwi\u0105zaniu.","breadcrumb":{"@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/#primaryimage","url":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg","contentUrl":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.unipile.com\/"},{"@type":"ListItem","position":2,"name":"Unipile API – Messaging, Email, Calendar Integration","item":"https:\/\/www.unipile.com\/communication-api\/"},{"@type":"ListItem","position":3,"name":"Email API to Sync, Send & Receive Emails in Your App","item":"https:\/\/www.unipile.com\/communication-api\/email-api\/"},{"@type":"ListItem","position":4,"name":"IMAP API Integration for Your App"}]},{"@type":"WebSite","@id":"https:\/\/www.unipile.com\/#website","url":"https:\/\/www.unipile.com\/","name":"Unipile","description":"Integracja wiadomo\u015bci i poczty e-mail, \u0142atwe \u0142\u0105czenie za pomoc\u0105 interfejsu API","publisher":{"@id":"https:\/\/www.unipile.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.unipile.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.unipile.com\/#organization","name":"Unipile","url":"https:\/\/www.unipile.com\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.unipile.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.unipile.com\/wp-content\/uploads\/2021\/05\/logo-unipile.png","contentUrl":"https:\/\/www.unipile.com\/wp-content\/uploads\/2021\/05\/logo-unipile.png","width":200,"height":49,"caption":"Unipile"},"image":{"@id":"https:\/\/www.unipile.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/unipilefr","https:\/\/x.com\/UnipileAPI","https:\/\/www.linkedin.com\/company\/unipile\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/pages\/256683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/comments?post=256683"}],"version-history":[{"count":36,"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/pages\/256683\/revisions"}],"predecessor-version":[{"id":279356,"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/pages\/256683\/revisions\/279356"}],"up":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/pages\/237715"}],"wp:attachment":[{"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/media?parent=256683"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/folder?post=256683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":256683,"date":"2024-02-15T14:36:19","date_gmt":"2024-02-15T13:36:19","guid":{"rendered":"https:\/\/www.unipile.com\/?page_id=256683"},"modified":"2026-07-02T11:14:07","modified_gmt":"2026-07-02T09:14:07","slug":"imap-api","status":"publish","type":"page","link":"https:\/\/www.unipile.com\/pl\/communication-api\/email-api\/imap-api\/","title":{"rendered":"Integracja API IMAP dla aplikacji"},"content":{"rendered":"

[et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” background_color=”RGBA(255,255,255,0)” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”] IMAP Email API – Hero – Unipile<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/head><body data-rsssl=1 data-rsssl=1 style=\"margin:0;padding:0;background:#0f2736;\"><\/p>\n<style>#upl-imap-hero { font-family: 'Inter', sans-serif !important; padding: 70px 20px 90px !important; position: relative !important; overflow: hidden !important;}#upl-imap-hero *,#upl-imap-hero *::before,#upl-imap-hero *::after { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; background: transparent !important;}\/* Ambient glow *\/#upl-imap-hero::before { content: '' !important; position: absolute !important; top: -30% !important; right: -10% !important; width: 60% !important; height: 140% !important; background: radial-gradient(ellipse at center, rgba(59, 185, 139, 0.06) 0%, transparent 65%) !important; pointer-events: none !important;}#upl-imap-hero::after { content: '' !important; position: absolute !important; bottom: -20% !important; left: 5% !important; width: 40% !important; height: 80% !important; background: radial-gradient(ellipse at center, rgba(221, 223, 76, 0.04) 0%, transparent 60%) !important; pointer-events: none !important;}\/* Container *\/#upl-imap-hero .ih-container { max-width: 1100px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 64px !important; align-items: center !important; position: relative !important; z-index: 1 !important;}\/* \u2500\u2500 LEFT \u2500\u2500 *\/#upl-imap-hero .ih-content { max-width: 520px !important;}#upl-imap-hero .ih-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: rgba(221, 223, 76, 0.12) !important; color: #DDDF4C !important; padding: 6px 14px !important; border-radius: 20px !important; font-size: 0.72rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 22px !important;}#upl-imap-hero .ih-badge-dot { width: 6px !important; height: 6px !important; background: #DDDF4C !important; border-radius: 50% !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-title { font-family: 'Poppins', sans-serif !important; font-size: 44px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.15 !important; margin-bottom: 22px !important;}#upl-imap-hero .ih-subtitle { font-size: 16.5px !important; color: #ffffff !important; line-height: 1.75 !important; margin-bottom: 16px !important; max-width: 490px !important;}\/* Provider pills row *\/#upl-imap-hero .ih-providers { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; margin-bottom: 32px !important;}#upl-imap-hero .ih-provider-pill { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; padding: 5px 10px !important; border-radius: 20px !important; font-size: 11px !important; font-weight: 500 !important; color: rgba(255,255,255,0.75) !important;}#upl-imap-hero .ih-provider-pill img { width: 14px !important; height: 14px !important; object-fit: contain !important;}#upl-imap-hero .ih-provider-pill-more { background: rgba(59, 185, 139, 0.12) !important; border-color: rgba(59, 185, 139, 0.2) !important; color: #3BB98B !important;}\/* CTAs *\/#upl-imap-hero .ih-ctas { display: flex !important; align-items: center !important; gap: 14px !important; flex-wrap: wrap !important; margin-bottom: 22px !important;}#upl-imap-hero .ih-cta-primary { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #DDDF4C !important; color: #0f2736 !important; font-size: 15px !important; font-weight: 600 !important; padding: 13px 26px !important; border-radius: 10px !important; text-decoration: none !important; border: 2px solid #DDDF4C !important; transition: transform 0.3s ease !important; cursor: pointer !important;}#upl-imap-hero .ih-cta-primary:hover { transform: translateY(-3px) !important;}#upl-imap-hero .ih-cta-primary svg { width: 18px !important; height: 18px !important; transition: transform 0.3s ease !important;}#upl-imap-hero .ih-cta-primary:hover svg { transform: translateX(4px) !important;}#upl-imap-hero .ih-cta-secondary { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: transparent !important; color: #DDDF4C !important; font-size: 15px !important; font-weight: 600 !important; padding: 13px 26px !important; border-radius: 10px !important; text-decoration: none !important; border: 2px solid #DDDF4C !important; transition: transform 0.3s ease, background 0.3s ease !important; cursor: pointer !important;}#upl-imap-hero .ih-cta-secondary:hover { transform: translateY(-3px) !important; background: rgba(221, 223, 76, 0.08) !important;}#upl-imap-hero .ih-cta-secondary svg { width: 18px !important; height: 18px !important; transition: transform 0.3s ease !important;}#upl-imap-hero .ih-cta-secondary:hover svg { transform: translateX(4px) !important;}#upl-imap-hero .ih-note { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 13px !important; color: rgba(255,255,255,0.45) !important;}#upl-imap-hero .ih-note-check { width: 18px !important; height: 18px !important; border: 1.5px solid #3BB98B !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-note-check svg { width: 10px !important; height: 10px !important; color: #3BB98B !important;}\/* \u2500\u2500 RIGHT VISUAL \u2500\u2500 *\/#upl-imap-hero .ih-visual { position: relative !important;}#upl-imap-hero .ih-mockup-wrap { position: relative !important; max-width: 490px !important; margin-left: auto !important;}\/* Main app mockup *\/#upl-imap-hero .ih-mockup { background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 24px 64px rgba(0,0,0,0.28) !important;}#upl-imap-hero .ih-mock-header { background: #f8fafc !important; padding: 12px 16px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid #e5e7eb !important;}#upl-imap-hero .ih-mock-logo { display: flex !important; align-items: center !important; gap: 10px !important;}#upl-imap-hero .ih-mock-logo-icon { width: 30px !important; height: 30px !important; background: rgba(59,185,139,0.12) !important; border-radius: 7px !important; display: flex !important; align-items: center !important; justify-content: center !important;}#upl-imap-hero .ih-mock-logo-icon svg { width: 15px !important; height: 15px !important; color: #3BB98B !important;}#upl-imap-hero .ih-mock-app-name { font-size: 13px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-imap-hero .ih-mock-status { display: flex !important; align-items: center !important; gap: 5px !important; background: rgba(59,185,139,0.1) !important; padding: 4px 10px !important; border-radius: 12px !important; font-size: 11px !important; font-weight: 600 !important; color: #3BB98B !important;}#upl-imap-hero .ih-mock-status-dot { width: 5px !important; height: 5px !important; background: #3BB98B !important; border-radius: 50% !important; animation: ih-pulse 2s ease-in-out infinite !important;}\/* Providers tab strip *\/#upl-imap-hero .ih-mock-tabs { display: flex !important; align-items: center !important; gap: 0 !important; padding: 0 16px !important; background: #f8fafc !important; border-bottom: 1px solid #e5e7eb !important; overflow-x: auto !important;}#upl-imap-hero .ih-mock-tab { display: flex !important; align-items: center !important; gap: 5px !important; padding: 9px 14px !important; font-size: 11px !important; font-weight: 500 !important; color: #94a3b8 !important; border-bottom: 2px solid transparent !important; white-space: nowrap !important; cursor: default !important;}#upl-imap-hero .ih-mock-tab img { width: 13px !important; height: 13px !important; object-fit: contain !important;}#upl-imap-hero .ih-mock-tab-active { color: #3BB98B !important; border-bottom-color: #3BB98B !important; font-weight: 600 !important;}\/* Body *\/#upl-imap-hero .ih-mock-body { padding: 14px 16px !important; background: #ffffff !important;}\/* Email rows *\/#upl-imap-hero .ih-emails { display: flex !important; flex-direction: column !important; gap: 6px !important; margin-bottom: 12px !important;}#upl-imap-hero .ih-email-row { display: flex !important; align-items: center !important; padding: 9px 11px !important; background: #f8fafc !important; border-radius: 8px !important; border: 1px solid #e5e7eb !important; gap: 10px !important;}#upl-imap-hero .ih-email-row-new { background: rgba(59,185,139,0.04) !important; border-color: rgba(59,185,139,0.18) !important;}#upl-imap-hero .ih-provider-icon { width: 26px !important; height: 26px !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-provider-icon img { width: 16px !important; height: 16px !important; object-fit: contain !important;}#upl-imap-hero .ih-email-avatar { width: 28px !important; height: 28px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 10px !important; font-weight: 700 !important; color: #ffffff !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-email-info { flex: 1 !important; min-width: 0 !important;}#upl-imap-hero .ih-email-top { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 2px !important;}#upl-imap-hero .ih-email-sender { font-size: 11.5px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-imap-hero .ih-email-time { font-size: 10px !important; color: #94a3b8 !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-email-subject { font-size: 10.5px !important; color: #64748b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 240px !important;}#upl-imap-hero .ih-email-tag { display: inline-flex !important; align-items: center !important; padding: 2px 8px !important; border-radius: 4px !important; font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-tag-synced { background: rgba(59,185,139,0.1) !important; color: #3BB98B !important;}#upl-imap-hero .ih-tag-new { background: rgba(66,133,244,0.1) !important; color: #4285F4 !important;}#upl-imap-hero .ih-tag-sent { background: rgba(251,188,4,0.12) !important; color: #d4a004 !important;}\/* Code snippet *\/#upl-imap-hero .ih-code-block { background: #0f2736 !important; border-radius: 8px !important; padding: 12px 14px !important; border: 1px solid rgba(59,185,139,0.2) !important;}#upl-imap-hero .ih-code-header { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 8px !important;}#upl-imap-hero .ih-code-dots { display: flex !important; gap: 5px !important;}#upl-imap-hero .ih-code-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-code-label { font-size: 10px !important; font-weight: 600 !important; color: rgba(255,255,255,0.35) !important; font-family: monospace !important;}#upl-imap-hero .ih-code-lines { display: flex !important; flex-direction: column !important; gap: 2px !important;}#upl-imap-hero .ih-code-line { font-size: 10.5px !important; font-family: 'Courier New', monospace !important; line-height: 1.6 !important; white-space: nowrap !important;}#upl-imap-hero .ih-c-method { color: #DDDF4C !important; }#upl-imap-hero .ih-c-url { color: rgba(255,255,255,0.55) !important; }#upl-imap-hero .ih-c-key { color: #3BB98B !important; }#upl-imap-hero .ih-c-val { color: rgba(255,255,255,0.8) !important; }#upl-imap-hero .ih-c-comment { color: rgba(255,255,255,0.3) !important; }\/* Summary stats *\/#upl-imap-hero .ih-stats { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: 10px !important; padding: 10px 13px !important; background: rgba(59,185,139,0.06) !important; border-radius: 8px !important; border: 1px solid rgba(59,185,139,0.14) !important;}#upl-imap-hero .ih-stat { display: flex !important; align-items: center !important; gap: 7px !important;}#upl-imap-hero .ih-stat-icon { width: 26px !important; height: 26px !important; background: rgba(59,185,139,0.15) !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-stat-icon svg { width: 13px !important; height: 13px !important; color: #3BB98B !important;}#upl-imap-hero .ih-stat-text { display: flex !important; flex-direction: column !important;}#upl-imap-hero .ih-stat-val { font-size: 12px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.2 !important;}#upl-imap-hero .ih-stat-lbl { font-size: 9px !important; color: #64748b !important; line-height: 1.2 !important;}#upl-imap-hero .ih-stat-divider { width: 1px !important; height: 26px !important; background: rgba(59,185,139,0.2) !important;}\/* Floating notification *\/#upl-imap-hero .ih-float-notif { position: absolute !important; bottom: -18px !important; left: -28px !important; background: #ffffff !important; border-radius: 10px !important; padding: 10px 14px !important; box-shadow: 0 10px 28px rgba(0,0,0,0.14) !important; display: flex !important; align-items: center !important; gap: 10px !important; animation: ih-float 3.2s ease-in-out infinite !important; z-index: 3 !important; border: 1px solid #e5e7eb !important;}#upl-imap-hero .ih-float-icon { width: 30px !important; height: 30px !important; background: rgba(59,185,139,0.1) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-hero .ih-float-icon svg { width: 15px !important; height: 15px !important; color: #3BB98B !important;}#upl-imap-hero .ih-float-text { display: flex !important; flex-direction: column !important;}#upl-imap-hero .ih-float-title { font-size: 11px !important; font-weight: 600 !important; color: #0f2736 !important; line-height: 1.3 !important;}#upl-imap-hero .ih-float-sub { font-size: 9.5px !important; color: #64748b !important; line-height: 1.3 !important;}\/* Floating webhook *\/#upl-imap-hero .ih-float-webhook { position: absolute !important; top: 24px !important; right: -22px !important; background: #0f2736 !important; border: 1px solid rgba(221,223,76,0.25) !important; border-radius: 8px !important; padding: 8px 12px !important; box-shadow: 0 8px 24px rgba(0,0,0,0.25) !important; display: flex !important; align-items: center !important; gap: 8px !important; animation: ih-float-r 3.8s ease-in-out infinite !important; z-index: 3 !important;}#upl-imap-hero .ih-webhook-dot { width: 6px !important; height: 6px !important; background: #DDDF4C !important; border-radius: 50% !important; animation: ih-pulse 1.8s ease-in-out infinite !important;}#upl-imap-hero .ih-webhook-text { font-size: 10px !important; font-weight: 600 !important; color: #ffffff !important; white-space: nowrap !important; line-height: 1.4 !important;}#upl-imap-hero .ih-webhook-code { font-size: 9px !important; color: #DDDF4C !important; font-family: monospace !important;}@keyframes ih-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); }}@keyframes ih-float-r { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); }}@keyframes ih-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.25; }}\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/@media (max-width: 1024px) { #upl-imap-hero .ih-container { grid-template-columns: 1fr !important; gap: 48px !important; } #upl-imap-hero .ih-content { max-width: 100% !important; text-align: center !important; } #upl-imap-hero .ih-subtitle { max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; } #upl-imap-hero .ih-providers { justify-content: center !important; } #upl-imap-hero .ih-ctas { justify-content: center !important; } #upl-imap-hero .ih-note { justify-content: center !important; } #upl-imap-hero .ih-mockup-wrap { margin: 0 auto !important; max-width: 440px !important; } #upl-imap-hero .ih-float-notif { left: 0 !important; } #upl-imap-hero .ih-float-webhook { right: -5px !important; }}@media (max-width: 900px) { #upl-imap-hero .ih-title { font-size: 34px !important; }}@media (max-width: 600px) { #upl-imap-hero .ih-title { font-size: 28px !important; } #upl-imap-hero .ih-ctas { flex-direction: column !important; width: 100% !important; } #upl-imap-hero .ih-cta-primary, #upl-imap-hero .ih-cta-secondary { width: 100% !important; justify-content: center !important; } #upl-imap-hero .ih-float-notif, #upl-imap-hero .ih-float-webhook { display: none !important; }}@media (max-width: 400px) { #upl-imap-hero .ih-title { font-size: 26px !important; }}<\/style>\n<p><\/p>\n<section id=\"upl-imap-hero\"> <\/p>\n<div class=\"ih-container\">  <\/p>\n<div class=\"ih-content\"><\/p>\n<h1 class=\"ih-title\">IMAP API to Read, Send & Sync Any Email Provider<\/h1>\n<p> <pee class=\"ih-subtitle\"> Connect iCloud, Yahoo, ISP emails and any IMAP-compatible provider to your app through Unipile’s unified Email API, with real-time webhooks and a single integration. <\/pee>  <\/p>\n<div class=\"ih-ctas\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"ih-cta-primary\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <a href=\"https:\/\/developer.unipile.com\/docs\" class=\"ih-cta-secondary\" target=\"_blank\" rel=\"noopener noreferrer\"> Documentation <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p> <\/p>\n<div class=\"ih-note\"> <span class=\"ih-note-check\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> <\/span> 7-Day Free Trial <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-visual\"> <\/p>\n<div class=\"ih-mockup-wrap\"> <\/p>\n<div class=\"ih-mockup\">  <\/p>\n<div class=\"ih-mock-header\"> <\/p>\n<div class=\"ih-mock-logo\"> <\/p>\n<div class=\"ih-mock-logo-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg> <\/div>\n<p> <span class=\"ih-mock-app-name\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"ih-mock-status\"> <span class=\"ih-mock-status-dot\"><\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\" style=\"width:12px!important;height:12px!important;object-fit:contain!important;\"> IMAP Connected <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-mock-tabs\"> <\/p>\n<div class=\"ih-mock-tab ih-mock-tab-active\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> All IMAP <\/div>\n<p> <\/p>\n<div class=\"ih-mock-tab\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:13px!important;height:13px!important;color:#94a3b8!important;\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\/><path d=\"M3 9h18\"\/><\/svg> iCloud <\/div>\n<p> <\/p>\n<div class=\"ih-mock-tab\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:13px!important;height:13px!important;color:#94a3b8!important;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg> Yahoo <\/div>\n<p> <\/p>\n<div class=\"ih-mock-tab\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:13px!important;height:13px!important;color:#94a3b8!important;\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 8.81 19.79 19.79 0 01.06 2.18 2 2 0 012.04 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 7.91a16 16 0 006.08 6.08l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg> ISP <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-mock-body\">  <\/p>\n<div class=\"ih-emails\">  <\/p>\n<div class=\"ih-email-row ih-email-row-new\"> <\/p>\n<div class=\"ih-provider-icon\" style=\"background:rgba(0,122,255,0.1)!important;\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#007AFF\" stroke-width=\"2\" style=\"width:14px!important;height:14px!important;\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" ry=\"3\"\/><path d=\"M3 9h18\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-email-avatar\" style=\"background:#007AFF!important;\">CL<\/div>\n<p> <\/p>\n<div class=\"ih-email-info\"> <\/p>\n<div class=\"ih-email-top\"> <span class=\"ih-email-sender\">Claire Leroy<\/span> <span class=\"ih-email-time\">10:42 AM<\/span> <\/div>\n<p> <\/p>\n<div class=\"ih-email-subject\">iCloud \u2014 Invoice #2024-089 ready for review<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ih-email-tag ih-tag-new\">New<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-email-row\"> <\/p>\n<div class=\"ih-provider-icon\" style=\"background:rgba(114,0,212,0.08)!important;\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7200D4\" stroke-width=\"2\" style=\"width:14px!important;height:14px!important;\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-email-avatar\" style=\"background:#7200D4!important;\">TW<\/div>\n<p> <\/p>\n<div class=\"ih-email-info\"> <\/p>\n<div class=\"ih-email-top\"> <span class=\"ih-email-sender\">Thomas Weiss<\/span> <span class=\"ih-email-time\">9:14 AM<\/span> <\/div>\n<p> <\/p>\n<div class=\"ih-email-subject\">Yahoo \u2014 Project kickoff date confirmed<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ih-email-tag ih-tag-synced\">Synced<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-email-row\"> <\/p>\n<div class=\"ih-provider-icon\" style=\"background:rgba(59,185,139,0.1)!important;\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" style=\"width:14px!important;height:14px!important;\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 8.81 19.79 19.79 0 01.06 2.18 2 2 0 012.04 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 7.91a16 16 0 006.08 6.08l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-email-avatar\" style=\"background:#3BB98B!important;\">MF<\/div>\n<p> <\/p>\n<div class=\"ih-email-info\"> <\/p>\n<div class=\"ih-email-top\"> <span class=\"ih-email-sender\">Marc Fontaine<\/span> <span class=\"ih-email-time\">Yesterday<\/span> <\/div>\n<p> <\/p>\n<div class=\"ih-email-subject\">ISP \u2014 Sequence step 2 delivered successfully<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ih-email-tag ih-tag-sent\">Sent<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-email-row\"> <\/p>\n<div class=\"ih-provider-icon\" style=\"background:rgba(221,223,76,0.1)!important;\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#DDDF4C\" stroke-width=\"2\" style=\"width:14px!important;height:14px!important;\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-email-avatar\" style=\"background:#DDDF4C!important;color:#0f2736!important;\">AB<\/div>\n<p> <\/p>\n<div class=\"ih-email-info\"> <\/p>\n<div class=\"ih-email-top\"> <span class=\"ih-email-sender\">Alice Barbier<\/span> <span class=\"ih-email-time\">Yesterday<\/span> <\/div>\n<p> <\/p>\n<div class=\"ih-email-subject\">Custom IMAP \u2014 Follow-up after demo call<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ih-email-tag ih-tag-synced\">Synced<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-code-block\"> <\/p>\n<div class=\"ih-code-header\"> <\/p>\n<div class=\"ih-code-dots\"> <span class=\"ih-code-dot\" style=\"background:#EA4335!important;\"><\/span> <span class=\"ih-code-dot\" style=\"background:#FBBC04!important;\"><\/span> <span class=\"ih-code-dot\" style=\"background:#34A853!important;\"><\/span> <\/div>\n<p> <span class=\"ih-code-label\">unipile-api \u00b7 IMAP<\/span> <\/div>\n<p> <\/p>\n<div class=\"ih-code-lines\"> <\/p>\n<div class=\"ih-code-line\"><span class=\"ih-c-method\">POST<\/span> <span class=\"ih-c-url\">api1.unipile.com\/api\/v1\/emails<\/span><\/div>\n<p> <\/p>\n<div class=\"ih-code-line\"><span class=\"ih-c-key\">-H<\/span> <span class=\"ih-c-val\">‘X-API-KEY: your_api_key’<\/span><\/div>\n<p> <\/p>\n<div class=\"ih-code-line\"><span class=\"ih-c-key\">-d<\/span> <span class=\"ih-c-val\">‘{ “account_id”: “imap_acct”,<\/span><\/div>\n<p> <\/p>\n<div class=\"ih-code-line\"> <span class=\"ih-c-val\">“to”: “client@domain.com”,<\/span><\/div>\n<p> <\/p>\n<div class=\"ih-code-line\"> <span class=\"ih-c-val\">“subject”: “Follow-up”,<\/span><\/div>\n<p> <\/p>\n<div class=\"ih-code-line\"> <span class=\"ih-c-val\">“body”: “Hello…” }’<\/span> <span class=\"ih-c-comment\">\/\/ \u2713 200 OK<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-stats\"> <\/p>\n<div class=\"ih-stat\"> <\/p>\n<div class=\"ih-stat-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-stat-text\"> <span class=\"ih-stat-val\">50+ Providers<\/span> <span class=\"ih-stat-lbl\">IMAP compatible<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ih-stat-divider\"><\/div>\n<p> <\/p>\n<div class=\"ih-stat\"> <\/p>\n<div class=\"ih-stat-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-stat-text\"> <span class=\"ih-stat-val\">Real-time<\/span> <span class=\"ih-stat-lbl\">Webhooks<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ih-stat-divider\"><\/div>\n<p> <\/p>\n<div class=\"ih-stat\"> <\/p>\n<div class=\"ih-stat-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-stat-text\"> <span class=\"ih-stat-val\">1 API<\/span> <span class=\"ih-stat-lbl\">Unified access<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-float-notif\"> <\/p>\n<div class=\"ih-float-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ih-float-text\"> <span class=\"ih-float-title\">Email synced via IMAP API<\/span> <span class=\"ih-float-sub\">claire.leroy@icloud.com \u2192 Your App<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ih-float-webhook\"> <span class=\"ih-webhook-dot\"><\/span> <\/p>\n<div class=\"ih-webhook-text\"> Webhook fired<!\u2013- [et_pb_br_holder] -\u2013> <span class=\"ih-webhook-code\">POST \/new-email<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/section>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/p>\n<style>#upl-imap-features { font-family: 'Inter', sans-serif !important; padding: 80px 20px !important; position: relative !important; overflow: hidden !important;}#upl-imap-features *,#upl-imap-features *::before,#upl-imap-features *::after { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; background: transparent !important;}\/* \u2500\u2500 HEADER \u2500\u2500 *\/#upl-imap-features .if-header { text-align: center !important; margin-bottom: 50px !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important;}#upl-imap-features .if-title { font-family: 'Poppins', sans-serif !important; font-size: 38px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.2 !important; margin-bottom: 14px !important;}#upl-imap-features .if-subtitle { font-size: 16px !important; color: #383838 !important; line-height: 1.6 !important;}\/* \u2500\u2500 GRID \u2500\u2500 *\/#upl-imap-features .if-grid { max-width: 1100px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 1.1fr 1fr !important; gap: 50px !important; align-items: center !important;}\/* \u2500\u2500 LEFT: MOCKUP \u2500\u2500 *\/#upl-imap-features .if-mockup { background: #ffffff !important; border-radius: 16px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important;}#upl-imap-features .if-mock-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 12px 16px !important; background: #f8fafc !important; border-bottom: 1px solid #e5e7eb !important;}#upl-imap-features .if-mock-logo { display: flex !important; align-items: center !important; gap: 10px !important;}#upl-imap-features .if-mock-logo-icon { width: 28px !important; height: 28px !important; background: rgba(59, 185, 139, 0.12) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-features .if-mock-logo-icon svg { width: 14px !important; height: 14px !important; color: #3BB98B !important;}#upl-imap-features .if-mock-logo-text { font-size: 13px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-imap-features .if-mock-status { display: flex !important; align-items: center !important; gap: 5px !important; background: rgba(59, 185, 139, 0.1) !important; padding: 5px 10px !important; border-radius: 14px !important; font-size: 11px !important; font-weight: 600 !important; color: #3BB98B !important;}#upl-imap-features .if-mock-status-dot { width: 5px !important; height: 5px !important; background: #3BB98B !important; border-radius: 50% !important; flex-shrink: 0 !important; animation: if-pulse 2s ease-in-out infinite !important;}\/* Body *\/#upl-imap-features .if-mock-body { padding: 18px !important; background: #ffffff !important;}\/* Contact Profile *\/#upl-imap-features .if-profile { display: flex !important; align-items: center !important; gap: 12px !important; padding-bottom: 14px !important; border-bottom: 1px solid #e5e7eb !important; margin-bottom: 14px !important;}#upl-imap-features .if-profile-avatar { width: 44px !important; height: 44px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important;}#upl-imap-features .if-profile-avatar img { width: 44px !important; height: 44px !important; object-fit: cover !important; border-radius: 50% !important;}#upl-imap-features .if-profile-info { flex: 1 !important;}#upl-imap-features .if-profile-name { font-size: 14px !important; font-weight: 600 !important; color: #0f2736 !important; display: flex !important; align-items: center !important; gap: 6px !important; margin-bottom: 4px !important;}#upl-imap-features .if-verified { width: 16px !important; height: 16px !important; background: #3BB98B !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-features .if-verified svg { width: 9px !important; height: 9px !important; color: #ffffff !important;}#upl-imap-features .if-profile-providers { display: flex !important; gap: 6px !important; align-items: center !important;}#upl-imap-features .if-profile-providers img { width: 22px !important; height: 22px !important; border-radius: 5px !important; object-fit: contain !important;}\/* Provider label *\/#upl-imap-features .if-provider-label { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 10px !important; font-weight: 500 !important; color: #64748b !important; background: #f1f5f9 !important; padding: 2px 7px !important; border-radius: 10px !important;}\/* Channel Tabs *\/#upl-imap-features .if-tabs { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 14px !important;}#upl-imap-features .if-tab { display: flex !important; align-items: center !important; gap: 7px !important; padding: 9px 14px !important; border-radius: 10px !important; font-size: 13px !important; font-weight: 500 !important; color: #64748b !important; background: #f1f5f9 !important; cursor: default !important;}#upl-imap-features .if-tab-active { background: #3BB98B !important; color: #ffffff !important;}#upl-imap-features .if-tab img { width: 18px !important; height: 18px !important; object-fit: contain !important;}#upl-imap-features .if-tab-icon-cloud { width: 16px !important; height: 16px !important; flex-shrink: 0 !important;}\/* Messages *\/#upl-imap-features .if-messages { display: flex !important; flex-direction: column !important; gap: 10px !important;}#upl-imap-features .if-msg { display: flex !important; gap: 8px !important;}#upl-imap-features .if-msg-avatar { width: 28px !important; height: 28px !important; border-radius: 50% !important; background: #e2e8f0 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 9px !important; font-weight: 600 !important; color: #64748b !important; flex-shrink: 0 !important;}#upl-imap-features .if-msg-content { flex: 1 !important;}#upl-imap-features .if-msg-header { display: flex !important; align-items: center !important; gap: 6px !important; margin-bottom: 3px !important;}#upl-imap-features .if-msg-name { font-size: 11px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-imap-features .if-msg-time { font-size: 9px !important; color: #94a3b8 !important;}#upl-imap-features .if-msg-bubble { background: #f1f5f9 !important; padding: 8px 12px !important; border-radius: 10px !important; border-top-left-radius: 4px !important; font-size: 12px !important; color: #334155 !important; line-height: 1.5 !important;}#upl-imap-features .if-msg-sent .if-msg-bubble { background: rgba(59, 185, 139, 0.08) !important; border-top-left-radius: 10px !important; border-top-right-radius: 4px !important;}\/* Reply bar *\/#upl-imap-features .if-reply { display: flex !important; align-items: center !important; gap: 8px !important; margin-top: 14px !important; padding: 8px 12px !important; background: #f8fafc !important; border-radius: 8px !important; border: 1px solid #e5e7eb !important;}#upl-imap-features .if-reply svg.if-reply-clip { width: 14px !important; height: 14px !important; color: #94a3b8 !important; flex-shrink: 0 !important;}#upl-imap-features .if-reply-text { flex: 1 !important; font-size: 11px !important; color: #64748b !important;}#upl-imap-features .if-reply-send { width: 28px !important; height: 28px !important; background: #3BB98B !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-features .if-reply-send svg { width: 14px !important; height: 14px !important; color: #ffffff !important;}\/* Tracking bar *\/#upl-imap-features .if-tracking { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: 12px !important; padding: 10px 14px !important; background: #0f2736 !important; border-radius: 10px !important;}#upl-imap-features .if-tracking-item { display: flex !important; align-items: center !important; gap: 8px !important;}#upl-imap-features .if-tracking-icon { width: 26px !important; height: 26px !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-features .if-tracking-icon svg { width: 13px !important; height: 13px !important;}#upl-imap-features .if-ti-green { background: rgba(59, 185, 139, 0.25) !important;}#upl-imap-features .if-ti-green svg { color: #3BB98B !important; }#upl-imap-features .if-ti-yellow { background: rgba(221, 223, 76, 0.2) !important;}#upl-imap-features .if-ti-yellow svg { color: #DDDF4C !important; }#upl-imap-features .if-ti-blue { background: rgba(66, 133, 244, 0.2) !important;}#upl-imap-features .if-ti-blue svg { color: #4285F4 !important; }#upl-imap-features .if-tracking-text { display: flex !important; flex-direction: column !important;}#upl-imap-features .if-tracking-label { font-size: 11px !important; font-weight: 600 !important; color: #ffffff !important; line-height: 1.2 !important;}#upl-imap-features .if-tracking-desc { font-size: 9px !important; color: rgba(255, 255, 255, 0.5) !important; line-height: 1.2 !important;}#upl-imap-features .if-tracking-divider { width: 1px !important; height: 24px !important; background: rgba(255, 255, 255, 0.1) !important;}\/* \u2500\u2500 RIGHT: FEATURE CARDS \u2500\u2500 *\/#upl-imap-features .if-cards { display: flex !important; flex-direction: column !important; gap: 22px !important;}#upl-imap-features .if-card { display: flex !important; gap: 16px !important;}#upl-imap-features .if-card-icon { width: 48px !important; height: 48px !important; min-width: 48px !important; background: rgba(221, 223, 76, 0.12) !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-features .if-card-icon svg { width: 24px !important; height: 24px !important; color: #b5b72f !important;}#upl-imap-features .if-card-title { font-family: 'Poppins', sans-serif !important; font-size: 17px !important; font-weight: 600 !important; color: #0f2736 !important; margin-bottom: 6px !important; line-height: 1.3 !important;}#upl-imap-features .if-card-desc { font-size: 13px !important; color: #64748b !important; line-height: 1.6 !important;}@keyframes if-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; }}\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/@media (max-width: 1024px) { #upl-imap-features .if-grid { grid-template-columns: 1fr !important; gap: 40px !important; }}@media (max-width: 900px) { #upl-imap-features .if-title { font-size: 28px !important; }}@media (max-width: 600px) { #upl-imap-features { padding: 50px 16px !important; } #upl-imap-features .if-title { font-size: 26px !important; } #upl-imap-features .if-tabs { flex-wrap: wrap !important; } #upl-imap-features .if-card { flex-direction: column !important; text-align: center !important; } #upl-imap-features .if-card-icon { margin: 0 auto !important; } #upl-imap-features .if-tracking { flex-wrap: wrap !important; gap: 10px !important; justify-content: center !important; } #upl-imap-features .if-tracking-divider { display: none !important; }}@media (max-width: 400px) { #upl-imap-features .if-title { font-size: 26px !important; }}<\/style>\n<p><\/p>\n<section id=\"upl-imap-features\"> <\/p>\n<div class=\"if-header\"> <\/p>\n<h2 class=\"if-title\">Unlock Powerful Email Features Across All IMAP Providers<\/h2>\n<p> <pee class=\"if-subtitle\">Unipile’s IMAP API gives your platform full email capabilities, sync any inbox, send from any provider, and track engagement in real time, all through a single integration.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"if-grid\">  <\/p>\n<div> <\/p>\n<div class=\"if-mockup\"> <\/p>\n<div class=\"if-mock-header\"> <\/p>\n<div class=\"if-mock-logo\"> <\/p>\n<div class=\"if-mock-logo-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg> <\/div>\n<p> <span class=\"if-mock-logo-text\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"if-mock-status\"> <span class=\"if-mock-status-dot\"><\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\" style=\"width:12px!important;height:12px!important;object-fit:contain!important;margin-right:2px!important;\"> IMAP Connected <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"if-mock-body\">  <\/p>\n<div class=\"if-profile\"> <\/p>\n<div class=\"if-profile-avatar\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/06\/unipile-profile-avatar-47.jpg\" alt=\"Sophie Martin\"> <\/div>\n<p> <\/p>\n<div class=\"if-profile-info\"> <\/p>\n<div class=\"if-profile-name\"> Sophie Martin <span class=\"if-verified\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> <\/span> <\/div>\n<p> <\/p>\n<div class=\"if-profile-providers\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <span class=\"if-provider-label\">iCloud<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"if-tabs\"> <\/p>\n<div class=\"if-tab if-tab-active\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> IMAP <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" style=\"width:13px!important;height:13px!important;\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div class=\"if-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> Gmail <\/div>\n<p> <\/p>\n<div class=\"if-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> LinkedIn <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"if-messages\"> <\/p>\n<div class=\"if-msg if-msg-sent\"> <\/p>\n<div class=\"if-msg-avatar\" style=\"background: #e2e8f0 !important;\">Me<\/div>\n<p> <\/p>\n<div class=\"if-msg-content\"> <\/p>\n<div class=\"if-msg-header\"> <span class=\"if-msg-name\">Me<\/span> <span class=\"if-msg-time\">Monday, 9:22 AM<\/span> <\/div>\n<p> <\/p>\n<div class=\"if-msg-bubble\">Hi Sophie, just checking in on the onboarding, did you receive all the documents we sent last week?<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"if-msg\"> <\/p>\n<div class=\"if-msg-avatar\" style=\"background: #e2e8f0 !important;\">SM<\/div>\n<p> <\/p>\n<div class=\"if-msg-content\"> <\/p>\n<div class=\"if-msg-header\"> <span class=\"if-msg-name\">Sophie Martin<\/span> <span class=\"if-msg-time\">Monday, 11:45 AM<\/span> <\/div>\n<p> <\/p>\n<div class=\"if-msg-bubble\">Yes, got everything, thank you! I’ve reviewed the contract and it all looks good. Ready to move forward whenever you are.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"if-reply\"> <svg class=\"if-reply-clip\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48\"><\/path><\/svg> <span class=\"if-reply-text\">Reply to Sophie via IMAP…<\/span> <\/p>\n<div class=\"if-reply-send\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"if-tracking\"> <\/p>\n<div class=\"if-tracking-item\"> <\/p>\n<div class=\"if-tracking-icon if-ti-green\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div class=\"if-tracking-text\"> <span class=\"if-tracking-label\">Synced<\/span> <span class=\"if-tracking-desc\">50+ providers<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"if-tracking-divider\"><\/div>\n<p> <\/p>\n<div class=\"if-tracking-item\"> <\/p>\n<div class=\"if-tracking-icon if-ti-yellow\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg> <\/div>\n<p> <\/p>\n<div class=\"if-tracking-text\"> <span class=\"if-tracking-label\">Opened<\/span> <span class=\"if-tracking-desc\">3 times<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"if-tracking-divider\"><\/div>\n<p> <\/p>\n<div class=\"if-tracking-item\"> <\/p>\n<div class=\"if-tracking-icon if-ti-blue\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 11 12 14 22 4\"><\/polyline><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"><\/path><\/svg> <\/div>\n<p> <\/p>\n<div class=\"if-tracking-text\"> <span class=\"if-tracking-label\">Replied<\/span> <span class=\"if-tracking-desc\">2h 03m avg<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"if-cards\"> <\/p>\n<div class=\"if-card\"> <\/p>\n<div class=\"if-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg> <\/div>\n<p> <\/p>\n<div> <\/p>\n<h3 class=\"if-card-title\">Sync Any IMAP Inbox<\/h3>\n<p> <pee class=\"if-card-desc\">Connect iCloud, Yahoo, ISP providers and any IMAP-compatible server in real time, full thread history, folders, attachments, through one unified API endpoint.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"if-card\"> <\/p>\n<div class=\"if-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-6l-2 3h-4l-2-3H2\"><\/path><path d=\"M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"><\/path><\/svg> <\/div>\n<p> <\/p>\n<div> <\/p>\n<h3 class=\"if-card-title\">Receive Email<\/h3>\n<p> <pee class=\"if-card-desc\">Capture incoming messages from any IMAP inbox in real time on behalf of authenticated users, so every new reply lands in your platform instantly and keeps each thread in sync.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"if-card\"> <\/p>\n<div class=\"if-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/svg> <\/div>\n<p> <\/p>\n<div> <\/p>\n<h3 class=\"if-card-title\">Send from Any Provider<\/h3>\n<p> <pee class=\"if-card-desc\">Trigger outbound emails from your users’ own IMAP accounts, replies, follow-ups, automated sequences, sent from their verified address regardless of the provider.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"if-card\"> <\/p>\n<div class=\"if-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div> <\/p>\n<h3 class=\"if-card-title\">Track Engagement<\/h3>\n<p> <pee class=\"if-card-desc\">Monitor email opens, clicks, and replies in real time to optimize your outreach strategy and follow-up timing.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/section>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/p>\n<style>#upl-imap-autodetect { font-family: 'Inter', sans-serif !important; padding: 80px 20px !important; position: relative !important; overflow: hidden !important;}#upl-imap-autodetect *,#upl-imap-autodetect *::before,#upl-imap-autodetect *::after { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; background: transparent !important;}\/* \u2500\u2500 HEADER \u2500\u2500 *\/#upl-imap-autodetect .iad-header { text-align: center !important; margin-bottom: 50px !important; max-width: 760px !important; margin-left: auto !important; margin-right: auto !important;}#upl-imap-autodetect .iad-title { font-family: 'Poppins', sans-serif !important; font-size: 38px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.2 !important; margin-bottom: 14px !important;}#upl-imap-autodetect .iad-subtitle { font-size: 16px !important; color: #383838 !important; line-height: 1.6 !important;}\/* \u2500\u2500 GRID \u2500\u2500 *\/#upl-imap-autodetect .iad-grid { max-width: 1100px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 1.1fr 1fr !important; gap: 50px !important; align-items: center !important;}#upl-imap-autodetect .iad-grid > div { min-width: 0 !important;}\/* \u2500\u2500 LEFT: MOCKUP \u2500\u2500 *\/#upl-imap-autodetect .iad-mockup { background: #ffffff !important; border-radius: 16px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important;}#upl-imap-autodetect .iad-mock-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 14px 18px !important; background: #f8fafc !important; border-bottom: 1px solid #e5e7eb !important;}#upl-imap-autodetect .iad-mock-title { font-size: 13px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-imap-autodetect .iad-mock-logo { display: flex !important; align-items: center !important; gap: 6px !important; background: rgba(59, 185, 139, 0.1) !important; padding: 4px 10px !important; border-radius: 12px !important;}#upl-imap-autodetect .iad-mock-logo img { width: 14px !important; height: 14px !important; object-fit: contain !important;}#upl-imap-autodetect .iad-mock-logo span { font-size: 11px !important; font-weight: 600 !important; color: #3BB98B !important;}#upl-imap-autodetect .iad-mock-body { padding: 18px !important; background: #ffffff !important;}\/* Field *\/#upl-imap-autodetect .iad-field { margin-bottom: 12px !important;}#upl-imap-autodetect .iad-field-label { display: block !important; font-size: 11px !important; font-weight: 600 !important; color: #64748b !important; margin-bottom: 5px !important;}#upl-imap-autodetect .iad-field-input { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; padding: 10px 12px !important; background: #f8fafc !important; border: 1px solid #e5e7eb !important; border-radius: 8px !important; font-size: 13px !important; color: #334155 !important;}#upl-imap-autodetect .iad-field-input.iad-detected-input { border-color: rgba(59, 185, 139, 0.5) !important; background: rgba(59, 185, 139, 0.05) !important;}#upl-imap-autodetect .iad-field-value { color: #0f2736 !important; font-weight: 500 !important;}#upl-imap-autodetect .iad-field-dots { letter-spacing: 2px !important; color: #94a3b8 !important;}#upl-imap-autodetect .iad-detected-badge { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 10px !important; font-weight: 600 !important; color: #3BB98B !important; flex-shrink: 0 !important;}#upl-imap-autodetect .iad-detected-badge svg { width: 11px !important; height: 11px !important; color: #3BB98B !important; flex-shrink: 0 !important;}\/* Settings card *\/#upl-imap-autodetect .iad-settings { margin: 14px 0 !important; border: 1px solid #e5e7eb !important; border-radius: 10px !important; overflow: hidden !important;}#upl-imap-autodetect .iad-settings-head { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 12px !important; background: #f8fafc !important; border-bottom: 1px solid #e5e7eb !important;}#upl-imap-autodetect .iad-settings-head-title { font-size: 11px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-imap-autodetect .iad-autofill-tag { display: inline-flex !important; align-items: center !important; gap: 4px !important; background: rgba(59, 185, 139, 0.12) !important; padding: 3px 8px !important; border-radius: 10px !important; font-size: 9px !important; font-weight: 600 !important; color: #3BB98B !important;}#upl-imap-autodetect .iad-autofill-tag svg { width: 9px !important; height: 9px !important; color: #3BB98B !important; flex-shrink: 0 !important;}#upl-imap-autodetect .iad-settings-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; padding: 9px 12px !important;}#upl-imap-autodetect .iad-settings-row + .iad-settings-row { border-top: 1px solid #f1f5f9 !important;}#upl-imap-autodetect .iad-settings-proto { font-size: 10px !important; font-weight: 700 !important; color: #3BB98B !important; background: rgba(59, 185, 139, 0.1) !important; padding: 2px 7px !important; border-radius: 5px !important; flex-shrink: 0 !important;}#upl-imap-autodetect .iad-settings-server { flex: 1 !important; min-width: 0 !important; font-size: 11px !important; color: #334155 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;}#upl-imap-autodetect .iad-settings-port { font-size: 10px !important; color: #64748b !important; font-weight: 600 !important; flex-shrink: 0 !important;}\/* Connect button *\/#upl-imap-autodetect .iad-connect { width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; padding: 11px !important; background: #0f2736 !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 600 !important; color: #ffffff !important; margin-top: 4px !important;}#upl-imap-autodetect .iad-connect svg { width: 14px !important; height: 14px !important; color: #ffffff !important; flex-shrink: 0 !important;}\/* Fallback note *\/#upl-imap-autodetect .iad-fallback { display: flex !important; align-items: center !important; gap: 7px !important; margin-top: 14px !important; padding-top: 14px !important; border-top: 1px dashed #e5e7eb !important;}#upl-imap-autodetect .iad-fallback svg { width: 13px !important; height: 13px !important; color: #94a3b8 !important; flex-shrink: 0 !important;}#upl-imap-autodetect .iad-fallback-text { font-size: 11px !important; color: #64748b !important; line-height: 1.4 !important;}#upl-imap-autodetect .iad-fallback-text b { color: #0f2736 !important; font-weight: 600 !important;}\/* \u2500\u2500 RIGHT: FEATURE CARDS \u2500\u2500 *\/#upl-imap-autodetect .iad-cards { display: flex !important; flex-direction: column !important; gap: 24px !important;}#upl-imap-autodetect .iad-card { display: flex !important; gap: 16px !important;}#upl-imap-autodetect .iad-card-icon { width: 48px !important; height: 48px !important; min-width: 48px !important; background: rgba(221, 223, 76, 0.12) !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-autodetect .iad-card-icon svg { width: 24px !important; height: 24px !important; color: #b5b72f !important;}#upl-imap-autodetect .iad-card-title { font-family: 'Poppins', sans-serif !important; font-size: 17px !important; font-weight: 600 !important; color: #0f2736 !important; margin-bottom: 6px !important; line-height: 1.3 !important;}#upl-imap-autodetect .iad-card-desc { font-size: 13px !important; color: #64748b !important; line-height: 1.6 !important;}\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/@media (max-width: 1024px) { #upl-imap-autodetect .iad-grid { grid-template-columns: 1fr !important; gap: 40px !important; }}@media (max-width: 900px) { #upl-imap-autodetect .iad-title { font-size: 28px !important; }}@media (max-width: 600px) { #upl-imap-autodetect { padding: 50px 16px !important; } #upl-imap-autodetect .iad-title { font-size: 26px !important; } #upl-imap-autodetect .iad-card { flex-direction: column !important; text-align: center !important; } #upl-imap-autodetect .iad-card-icon { margin: 0 auto !important; }}@media (max-width: 400px) { #upl-imap-autodetect .iad-title { font-size: 26px !important; }}<\/style>\n<p><\/p>\n<div id=\"upl-imap-autodetect\"> <\/p>\n<div class=\"iad-header\"> <\/p>\n<h2 class=\"iad-title\">Connect Any Mailbox, No Manual Setup Required<\/h2>\n<p> <pee class=\"iad-subtitle\">When a user logs in through hosted or custom auth, Unipile detects the provider’s IMAP and SMTP settings automatically. And if a provider falls outside our extensive list, the details can still be entered by hand.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"iad-grid\">  <\/p>\n<div> <\/p>\n<div class=\"iad-mockup\"> <\/p>\n<div class=\"iad-mock-header\"> <span class=\"iad-mock-title\">Connect your mailbox<\/span> <\/p>\n<div class=\"iad-mock-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <span>IMAP<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iad-mock-body\">  <\/p>\n<div class=\"iad-field\"> <span class=\"iad-field-label\">Email address<\/span> <\/p>\n<div class=\"iad-field-input iad-detected-input\"> <span class=\"iad-field-value\">sophie.martin@icloud.com<\/span> <span class=\"iad-detected-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> iCloud detected <\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"iad-settings\"> <\/p>\n<div class=\"iad-settings-head\"> <span class=\"iad-settings-head-title\">Server settings<\/span> <span class=\"iad-autofill-tag\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg> Auto-filled <\/span> <\/div>\n<p> <\/p>\n<div class=\"iad-settings-row\"> <span class=\"iad-settings-proto\">IMAP<\/span> <span class=\"iad-settings-server\">imap.mail.me.com<\/span> <span class=\"iad-settings-port\">993 \/ SSL<\/span> <\/div>\n<p> <\/p>\n<div class=\"iad-settings-row\"> <span class=\"iad-settings-proto\">SMTP<\/span> <span class=\"iad-settings-server\">smtp.mail.me.com<\/span> <span class=\"iad-settings-port\">587 \/ TLS<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"iad-field\"> <span class=\"iad-field-label\">Password<\/span> <\/p>\n<div class=\"iad-field-input\"> <span class=\"iad-field-dots\">\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"iad-connect\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 12l2 2 4-4\"><\/path><path d=\"M21 12c-1 0-3-1-3-3s2-3 3-3 3 1 3 3-2 3-3 3\"><\/path><path d=\"M3 12c1 0 3-1 3-3s-2-3-3-3-3 1-3 3 2 3 3 3\"><\/path><line x1=\"6\" y1=\"9\" x2=\"18\" y2=\"9\"><\/line><line x1=\"6\" y1=\"15\" x2=\"18\" y2=\"15\"><\/line><\/svg> Connect mailbox <\/div>\n<p>  <\/p>\n<div class=\"iad-fallback\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 20h9\"><\/path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path><\/svg> <span class=\"iad-fallback-text\">Provider not in our list? <b>Enter the server settings manually.<\/b><\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"iad-cards\"> <\/p>\n<div class=\"iad-card\"> <\/p>\n<div class=\"iad-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg> <\/div>\n<p> <\/p>\n<div> <\/p>\n<h3 class=\"iad-card-title\">Automatic Server Detection<\/h3>\n<p> <pee class=\"iad-card-desc\">When a user connects through hosted or custom auth, Unipile detects the provider’s IMAP and SMTP parameters, server, port and encryption, so they only need to enter their email and password.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iad-card\"> <\/p>\n<div class=\"iad-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 20h9\"><\/path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path><\/svg> <\/div>\n<p> <\/p>\n<div> <\/p>\n<h3 class=\"iad-card-title\">Manual Setup as a Fallback<\/h3>\n<p> <pee class=\"iad-card-desc\">If a provider falls outside our extensive supported list, the user can fill in the specific server details themselves, so no mailbox is ever left out.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#0F2736″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>IMAP API Advanced Features – Unipile<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 style=\"margin:0;padding:0;background:#0f2736;\"><\/p>\n<style>#upl-imap-advanced { font-family: 'Inter', sans-serif !important; padding: 80px 20px !important; position: relative !important; overflow: hidden !important;}#upl-imap-advanced *,#upl-imap-advanced *::before,#upl-imap-advanced *::after { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; background: transparent !important;}\/* \u2500\u2500 HEADER \u2500\u2500 *\/#upl-imap-advanced .ia-header { text-align: center !important; margin-bottom: 70px !important; max-width: 700px !important; margin-left: auto !important; margin-right: auto !important;}#upl-imap-advanced .ia-title { font-family: 'Poppins', sans-serif !important; font-size: 38px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.2 !important; margin-bottom: 16px !important;}#upl-imap-advanced .ia-subtitle { font-size: 16px !important; color: #ffffff !important; line-height: 1.7 !important;}\/* Provider logos row *\/#upl-imap-advanced .ia-providers-row { margin-top: 28px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important;}#upl-imap-advanced .ia-provider-chip { display: inline-flex !important; align-items: center !important; gap: 7px !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; padding: 7px 14px !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 500 !important; color: rgba(255,255,255,0.75) !important;}#upl-imap-advanced .ia-provider-chip img { width: 16px !important; height: 16px !important; object-fit: contain !important;}#upl-imap-advanced .ia-provider-chip-more { background: rgba(59,185,139,0.12) !important; border-color: rgba(59,185,139,0.25) !important; color: #3BB98B !important;}#upl-imap-advanced .ia-providers-note { font-size: 14px !important; color: rgba(255,255,255,0.5) !important; margin-top: 14px !important; text-align: center !important;}\/* \u2500\u2500 USE CASES GRID \u2500\u2500 *\/#upl-imap-advanced .ia-usecases { max-width: 1100px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 80px !important;}#upl-imap-advanced .ia-row { display: grid !important; grid-template-columns: 1fr 1.2fr !important; gap: 60px !important; align-items: center !important; max-width: 1000px !important; margin: 0 auto !important;}#upl-imap-advanced .ia-row-reverse { direction: rtl !important;}#upl-imap-advanced .ia-row-reverse > * { direction: ltr !important;}\/* \u2500\u2500 CONTENT SIDE \u2500\u2500 *\/#upl-imap-advanced .ia-content { padding-left: 20px !important;}#upl-imap-advanced .ia-content-title { font-family: 'Poppins', sans-serif !important; font-size: 28px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; margin-bottom: 16px !important;}#upl-imap-advanced .ia-content-desc { font-size: 15px !important; color: #ffffff!important; line-height: 1.7 !important; margin-bottom: 24px !important;}#upl-imap-advanced .ia-checks { display: flex !important; flex-direction: column !important; gap: 14px !important; margin-bottom: 28px !important;}#upl-imap-advanced .ia-check { display: flex !important; align-items: flex-start !important; gap: 12px !important;}#upl-imap-advanced .ia-check-icon { width: 22px !important; height: 22px !important; min-width: 22px !important; background: rgba(59,185,139,0.15) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 1px !important;}#upl-imap-advanced .ia-check-icon svg { width: 11px !important; height: 11px !important; color: #3BB98B !important;}#upl-imap-advanced .ia-check-text { font-size: 14px !important; color: rgba(255,255,255,0.85) !important; line-height: 1.5 !important;}\/* CTA *\/#upl-imap-advanced .ia-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #DDDF4C !important; color: #0f2736 !important; font-size: 15px !important; font-weight: 600 !important; padding: 14px 28px !important; border-radius: 8px !important; text-decoration: none !important; transition: transform 0.3s ease !important; cursor: pointer !important; margin-left: 20px !important;}#upl-imap-advanced .ia-cta:hover { transform: translateY(-3px) !important;}#upl-imap-advanced .ia-cta svg { width: 18px !important; height: 18px !important; transition: transform 0.3s ease !important;}#upl-imap-advanced .ia-cta:hover svg { transform: translateX(4px) !important;}\/* \u2500\u2500 MOCKUP BASE \u2500\u2500 *\/#upl-imap-advanced .ia-mockup { background: #ffffff !important; border-radius: 16px !important; overflow: hidden !important;}#upl-imap-advanced .ia-mock-header { padding: 10px 14px !important; background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important;}#upl-imap-advanced .ia-mock-logo { display: flex !important; align-items: center !important; gap: 10px !important;}#upl-imap-advanced .ia-mock-logo-icon { width: 32px !important; height: 32px !important; background: linear-gradient(135deg, #e8f5f0, #d4efdf) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-imap-advanced .ia-mock-logo-icon svg { width: 18px !important; height: 18px !important; color: #3BB98B !important;}#upl-imap-advanced .ia-mock-logo-text { font-size: 14px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-imap-advanced .ia-mock-status { display: flex !important; align-items: center !important; gap: 5px !important; background: rgba(59,185,139,0.1) !important; padding: 4px 10px !important; border-radius: 12px !important; font-size: 10px !important; font-weight: 600 !important; color: #3BB98B !important;}#upl-imap-advanced .ia-mock-status-dot { width: 5px !important; height: 5px !important; background: #3BB98B !important; border-radius: 50% !important; animation: ia-pulse 2s ease-in-out infinite !important;}#upl-imap-advanced .ia-mock-body { padding: 14px !important; background: #ffffff !important;}#upl-imap-advanced .ia-section-title { font-size: 10px !important; font-weight: 600 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 12px !important;}\/* \u2500\u2500 MOCKUP 1: FOLDERS \u2500\u2500 *\/#upl-imap-advanced .ia-folders-grid { display: flex !important; flex-direction: column !important; gap: 6px !important; margin-bottom: 14px !important;}#upl-imap-advanced .ia-folder-row { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 12px !important; background: #f8fafc !important; border-radius: 8px !important;}#upl-imap-advanced .ia-folder-row-active { background: rgba(59,185,139,0.06) !important; border: 1px solid rgba(59,185,139,0.2) !important;}#upl-imap-advanced .ia-folder-provider { width: 18px !important; height: 18px !important; object-fit: contain !important; flex-shrink: 0 !important;}#upl-imap-advanced .ia-folder-color { width: 10px !important; height: 10px !important; border-radius: 3px !important; flex-shrink: 0 !important;}#upl-imap-advanced .ia-folder-name { font-size: 13px !important; font-weight: 500 !important; color: #0f2736 !important; flex: 1 !important;}#upl-imap-advanced .ia-folder-tag { font-size: 9px !important; font-weight: 500 !important; color: #94a3b8 !important; background: #f1f5f9 !important; padding: 2px 6px !important; border-radius: 4px !important;}#upl-imap-advanced .ia-folder-count { font-size: 11px !important; font-weight: 600 !important; color: #64748b !important; background: #e2e8f0 !important; padding: 2px 8px !important; border-radius: 10px !important;}#upl-imap-advanced .ia-folder-synced { display: flex !important; align-items: center !important; gap: 4px !important; font-size: 10px !important; font-weight: 600 !important; color: #3BB98B !important;}#upl-imap-advanced .ia-folder-synced svg { width: 10px !important; height: 10px !important; color: #3BB98B !important;}#upl-imap-advanced .ia-sync-bar { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 14px !important; background: rgba(59,185,139,0.06) !important; border-radius: 8px !important;}#upl-imap-advanced .ia-sync-icon { width: 20px !important; height: 20px !important; color: #3BB98B !important; animation: ia-spin 2.5s linear infinite !important; flex-shrink: 0 !important;}#upl-imap-advanced .ia-sync-text { font-size: 11px !important; font-weight: 500 !important; color: #3BB98B !important;}@keyframes ia-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}@keyframes ia-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; }}\/* \u2500\u2500 MOCKUP 2: WEBHOOKS \u2500\u2500 *\/#upl-imap-advanced .ia-webhook-flow { display: flex !important; flex-direction: column !important; gap: 6px !important;}#upl-imap-advanced .ia-webhook-event { display: flex !important; align-items: center !important; gap: 10px !important; padding: 9px 12px !important; background: #f8fafc !important; border-radius: 8px !important;}#upl-imap-advanced .ia-webhook-event-icon { width: 30px !important; height: 30px !important; border-radius: 7px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; background: rgba(59,185,139,0.1) !important;}#upl-imap-advanced .ia-webhook-event-icon img { width: 16px !important; height: 16px !important; object-fit: contain !important;}#upl-imap-advanced .ia-webhook-event-body { flex: 1 !important;}#upl-imap-advanced .ia-webhook-event-title { font-size: 12px !important; font-weight: 600 !important; color: #0f2736 !important; margin-bottom: 1px !important;}#upl-imap-advanced .ia-webhook-event-desc { font-size: 10px !important; color: #64748b !important;}#upl-imap-advanced .ia-webhook-badge { padding: 3px 8px !important; border-radius: 5px !important; font-size: 9px !important; font-weight: 600 !important; flex-shrink: 0 !important;}#upl-imap-advanced .ia-badge-new { background: rgba(59,185,139,0.1) !important; color: #3BB98B !important;}#upl-imap-advanced .ia-badge-sent { background: rgba(66,133,244,0.1) !important; color: #4285F4 !important;}#upl-imap-advanced .ia-badge-opened { background: rgba(251,188,4,0.12) !important; color: #d4a004 !important;}#upl-imap-advanced .ia-badge-replied { background: rgba(221,223,76,0.15) !important; color: #9a9b1e !important;}#upl-imap-advanced .ia-arrow-down { display: flex !important; align-items: center !important; justify-content: center !important; padding: 2px 0 !important;}#upl-imap-advanced .ia-arrow-down svg { width: 14px !important; height: 14px !important; color: #3BB98B !important;}#upl-imap-advanced .ia-code-block { margin-top: 8px !important; padding: 10px 12px !important; background: #0f2736 !important; border-radius: 7px !important; font-family: 'Courier New', monospace !important; font-size: 10px !important; color: rgba(255,255,255,0.7) !important; line-height: 1.4 !important; border: 1px solid rgba(59,185,139,0.15) !important;}#upl-imap-advanced .ia-code-green { color: #3BB98B !important; }#upl-imap-advanced .ia-code-yellow { color: #DDDF4C !important; }\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/@media (max-width: 900px) { #upl-imap-advanced .ia-row, #upl-imap-advanced .ia-row-reverse { grid-template-columns: 1fr !important; gap: 40px !important; direction: ltr !important; } #upl-imap-advanced .ia-title { font-size: 28px !important; } #upl-imap-advanced .ia-content-title { font-size: 24px !important; } #upl-imap-advanced .ia-content { padding-left: 0 !important; } #upl-imap-advanced .ia-cta { margin-left: 0 !important; }}@media (max-width: 600px) { #upl-imap-advanced { padding: 50px 16px !important; } #upl-imap-advanced .ia-title { font-size: 26px !important; } #upl-imap-advanced .ia-content-title { font-size: 22px !important; } #upl-imap-advanced .ia-providers-row { gap: 8px !important; }}@media (max-width: 400px) { #upl-imap-advanced .ia-title { font-size: 26px !important; }}<\/style>\n<p><\/p>\n<section id=\"upl-imap-advanced\">  <\/p>\n<div class=\"ia-header\"> <\/p>\n<h2 class=\"ia-title\">Unlock Advanced IMAP API Features<\/h2>\n<p> <pee class=\"ia-subtitle\">Go beyond basic email. List and sync folders from any IMAP provider, receive real-time webhook notifications and manage inboxes across iCloud, Yahoo, ISP and custom servers through a single API.<\/pee> <\/p>\n<div class=\"ia-providers-row\"> <\/p>\n<div class=\"ia-provider-chip\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> IMAP Universal <\/div>\n<p> <\/p>\n<div class=\"ia-provider-chip\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:16px!important;height:16px!important;color:rgba(255,255,255,0.75)!important;\"><path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"\/><\/svg> iCloud Mail <\/div>\n<p> <\/p>\n<div class=\"ia-provider-chip\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:16px!important;height:16px!important;color:rgba(255,255,255,0.75)!important;\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg> Yahoo Mail <\/div>\n<p> <\/p>\n<div class=\"ia-provider-chip\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:16px!important;height:16px!important;color:rgba(255,255,255,0.75)!important;\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"5\" rx=\"1\"\/><rect x=\"2\" y=\"11\" width=\"20\" height=\"5\" rx=\"1\"\/><circle cx=\"6\" cy=\"5.5\" r=\"1\" fill=\"currentColor\"\/><circle cx=\"6\" cy=\"13.5\" r=\"1\" fill=\"currentColor\"\/><\/svg> ISP Providers <\/div>\n<p> <\/p>\n<div class=\"ia-provider-chip ia-provider-chip-more\"> + Any IMAP server <\/div>\n<p> <\/div>\n<p> <pee class=\"ia-providers-note\">Connect any IMAP-compatible provider with Unipile’s unified API<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"ia-usecases\">  <\/p>\n<div class=\"ia-row\">  <\/p>\n<div> <\/p>\n<div class=\"ia-mockup\"> <\/p>\n<div class=\"ia-mock-header\"> <\/p>\n<div class=\"ia-mock-logo\"> <\/p>\n<div class=\"ia-mock-logo-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg> <\/div>\n<p> <span class=\"ia-mock-logo-text\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-mock-status\"> <span class=\"ia-mock-status-dot\"><\/span> IMAP Synced <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-mock-body\"> <\/p>\n<div class=\"ia-section-title\">IMAP Folders \u2014 All Providers<\/div>\n<p> <\/p>\n<div class=\"ia-folders-grid\"> <\/p>\n<div class=\"ia-folder-row ia-folder-row-active\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\" class=\"ia-folder-provider\"> <\/p>\n<div class=\"ia-folder-color\" style=\"background:#3BB98B!important;\"><\/div>\n<p> <span class=\"ia-folder-name\">Inbox<\/span> <span class=\"ia-folder-tag\">iCloud<\/span> <span class=\"ia-folder-count\">187<\/span> <span class=\"ia-folder-synced\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Synced <\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-folder-row\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\" class=\"ia-folder-provider\"> <\/p>\n<div class=\"ia-folder-color\" style=\"background:#7200D4!important;\"><\/div>\n<p> <span class=\"ia-folder-name\">Sent<\/span> <span class=\"ia-folder-tag\">Yahoo<\/span> <span class=\"ia-folder-count\">54<\/span> <span class=\"ia-folder-synced\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Synced <\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-folder-row\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\" class=\"ia-folder-provider\"> <\/p>\n<div class=\"ia-folder-color\" style=\"background:#FBBC04!important;\"><\/div>\n<p> <span class=\"ia-folder-name\">Clients<\/span> <span class=\"ia-folder-tag\">ISP<\/span> <span class=\"ia-folder-count\">72<\/span> <span class=\"ia-folder-synced\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Synced <\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-folder-row\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\" class=\"ia-folder-provider\"> <\/p>\n<div class=\"ia-folder-color\" style=\"background:#EA4335!important;\"><\/div>\n<p> <span class=\"ia-folder-name\">Follow-up<\/span> <span class=\"ia-folder-tag\">Custom<\/span> <span class=\"ia-folder-count\">29<\/span> <span class=\"ia-folder-synced\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Synced <\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-folder-row\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\" class=\"ia-folder-provider\"> <\/p>\n<div class=\"ia-folder-color\" style=\"background:#4285F4!important;\"><\/div>\n<p> <span class=\"ia-folder-name\">Prospects<\/span> <span class=\"ia-folder-tag\">iCloud<\/span> <span class=\"ia-folder-count\">43<\/span> <span class=\"ia-folder-synced\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> Synced <\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-sync-bar\"> <svg class=\"ia-sync-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"23 4 23 10 17 10\"><\/polyline><polyline points=\"1 20 1 14 7 14\"><\/polyline><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"><\/path><\/svg> <span class=\"ia-sync-text\">5 folders synchronized across 4 IMAP providers<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ia-content\"> <\/p>\n<h3 class=\"ia-content-title\">List and Sync IMAP Folders<\/h3>\n<p> <pee class=\"ia-content-desc\">Access and manage folders across any IMAP provider, iCloud, Yahoo, ISP or custom server, with Unipile’s unified List and Get endpoints. No provider-specific code needed.<\/pee> <\/p>\n<div class=\"ia-checks\"> <\/p>\n<div class=\"ia-check\"> <\/p>\n<div class=\"ia-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n<p> <span class=\"ia-check-text\">Retrieve all IMAP folders and subfolders from any provider with a single API call<\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-check\"> <\/p>\n<div class=\"ia-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n<p> <span class=\"ia-check-text\">Filter and paginate emails by folder for targeted inbox management<\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-check\"> <\/p>\n<div class=\"ia-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n<p> <span class=\"ia-check-text\">Mirror custom folder structures into your CRM, ATS or outreach platform<\/span> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"ia-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ia-row ia-row-reverse\">  <\/p>\n<div> <\/p>\n<div class=\"ia-mockup\"> <\/p>\n<div class=\"ia-mock-header\"> <\/p>\n<div class=\"ia-mock-logo\"> <\/p>\n<div class=\"ia-mock-logo-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg> <\/div>\n<p> <span class=\"ia-mock-logo-text\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-mock-status\"> <span class=\"ia-mock-status-dot\"><\/span> Live Events <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-mock-body\"> <\/p>\n<div class=\"ia-section-title\">Webhook Events \u2014 IMAP<\/div>\n<p> <\/p>\n<div class=\"ia-webhook-flow\"> <\/p>\n<div class=\"ia-webhook-event\"> <\/p>\n<div class=\"ia-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-body\"> <\/p>\n<div class=\"ia-webhook-event-title\">New Email Received<\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-desc\">From: claire.leroy@icloud.com<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-badge ia-badge-new\">NEW<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-arrow-down\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"19 12 12 19 5 12\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event\"> <\/p>\n<div class=\"ia-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-body\"> <\/p>\n<div class=\"ia-webhook-event-title\">Email Sent<\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-desc\">To: thomas.weiss@yahoo.com<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-badge ia-badge-sent\">SENT<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-arrow-down\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"19 12 12 19 5 12\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event\"> <\/p>\n<div class=\"ia-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-body\"> <\/p>\n<div class=\"ia-webhook-event-title\">Email Opened<\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-desc\">thomas.weiss@yahoo.com \u2014 3 opens<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-badge ia-badge-opened\">OPENED<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-arrow-down\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"19 12 12 19 5 12\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event\"> <\/p>\n<div class=\"ia-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-body\"> <\/p>\n<div class=\"ia-webhook-event-title\">Reply Received<\/div>\n<p> <\/p>\n<div class=\"ia-webhook-event-desc\">From: thomas.weiss@yahoo.com<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ia-webhook-badge ia-badge-replied\">REPLIED<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ia-code-block\"> <span class=\"ia-code-green\">POST<\/span> \/webhook<!\u2013- [et_pb_br_holder] -\u2013> {<!\u2013- [et_pb_br_holder] -\u2013> \u00a0“event”: <span class=\"ia-code-yellow\">“email.received”<\/span>,<!\u2013- [et_pb_br_holder] -\u2013> \u00a0“provider”: <span class=\"ia-code-yellow\">“IMAP”<\/span>,<!\u2013- [et_pb_br_holder] -\u2013> \u00a0“account_id”: <span class=\"ia-code-yellow\">“acc_7k3q2”<\/span><!\u2013- [et_pb_br_holder] -\u2013> } <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ia-content\"> <\/p>\n<h3 class=\"ia-content-title\">Real-Time Webhook Notifications<\/h3>\n<p> <pee class=\"ia-content-desc\">React instantly to IMAP email events without polling any server. Unipile fires webhooks the moment an email is received, opened or replied to, across all your connected providers.<\/pee> <\/p>\n<div class=\"ia-checks\"> <\/p>\n<div class=\"ia-check\"> <\/p>\n<div class=\"ia-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n<p> <span class=\"ia-check-text\">Instant alerts on new emails, opens and replies across all IMAP providers<\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-check\"> <\/p>\n<div class=\"ia-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n<p> <span class=\"ia-check-text\">No polling needed \u2014 reduce infrastructure load and latency<\/span> <\/div>\n<p> <\/p>\n<div class=\"ia-check\"> <\/p>\n<div class=\"ia-check-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n<p> <span class=\"ia-check-text\">Trigger CRM updates, sequences and automations on every email event<\/span> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"ia-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/section>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>IMAP Multi-Channel Sequence – Unipile<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 style=\"margin:0;padding:0;background:#0f2736;\"><\/p>\n<div id=\"unipile-imap-seqlive\"> <\/p>\n<style> #unipile-imap-seqlive, #unipile-imap-seqlive * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; background: transparent !important; } #unipile-imap-seqlive { padding: 70px 20px !important; background: #0f2736 !important; } #unipile-imap-seqlive .is-container { max-width: 1050px !important; margin: 0 auto !important; } #unipile-imap-seqlive .is-grid { display: grid !important; grid-template-columns: 480px minmax(auto, 400px) !important; gap: 60px !important; align-items: center !important; justify-content: center !important; } \/* ===== LEFT: Mockup ===== *\/ #unipile-imap-seqlive .is-mockup { background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important; box-shadow: 0 20px 60px rgba(0,0,0,0.35) !important; min-width: 480px !important; max-width: 480px !important; position: relative !important; } \/* Mockup Header *\/ #unipile-imap-seqlive .is-mock-head { padding: 12px 16px !important; background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; border-bottom: 1px solid #e5e7eb !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } #unipile-imap-seqlive .is-mock-left { display: flex !important; align-items: center !important; gap: 10px !important; } #unipile-imap-seqlive .is-mock-icon { width: 30px !important; height: 30px !important; background: rgba(59,185,139,0.12) !important; border-radius: 7px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #unipile-imap-seqlive .is-mock-icon svg { width: 16px !important; height: 16px !important; color: #3BB98B !important; } #unipile-imap-seqlive .is-mock-appname { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; } #unipile-imap-seqlive .is-mock-providers { display: flex !important; gap: 5px !important; align-items: center !important; } #unipile-imap-seqlive .is-mock-providers img { width: 20px !important; height: 20px !important; object-fit: contain !important; } \/* Sequence bar *\/ #unipile-imap-seqlive .is-seq-bar { padding: 8px 16px !important; background: rgba(15,39,54,0.04) !important; border-bottom: 1px solid #e5e7eb !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } #unipile-imap-seqlive .is-seq-info { display: flex !important; align-items: center !important; gap: 8px !important; } #unipile-imap-seqlive .is-seq-name { font-size: 12px !important; font-weight: 600 !important; color: #1e293b !important; } #unipile-imap-seqlive .is-seq-active { display: flex !important; align-items: center !important; gap: 5px !important; font-size: 10px !important; font-weight: 600 !important; color: #3BB98B !important; background: rgba(59,185,139,0.1) !important; padding: 3px 8px !important; border-radius: 10px !important; } #unipile-imap-seqlive .is-seq-active::before { content: '' !important; width: 5px !important; height: 5px !important; background: #3BB98B !important; border-radius: 50% !important; } #unipile-imap-seqlive .is-seq-count { font-size: 10px !important; color: #94a3b8 !important; font-weight: 500 !important; } \/* Timeline *\/ #unipile-imap-seqlive .is-timeline { padding: 14px 16px !important; background: #ffffff !important; height: 380px !important; max-height: 380px !important; overflow: hidden !important; } #unipile-imap-seqlive .is-step { display: flex !important; align-items: stretch !important; gap: 12px !important; position: relative !important; opacity: 0.35 !important; transition: opacity 0.5s ease, transform 0.4s ease !important; transform: translateX(-4px) !important; } #unipile-imap-seqlive .is-step.active { opacity: 1 !important; transform: translateX(0) !important; } #unipile-imap-seqlive .is-step.done { opacity: 0.55 !important; transform: translateX(0) !important; } \/* Timeline column *\/ #unipile-imap-seqlive .is-tl-col { display: flex !important; flex-direction: column !important; align-items: center !important; width: 34px !important; flex-shrink: 0 !important; } #unipile-imap-seqlive .is-tl-dot { width: 34px !important; height: 34px !important; border-radius: 9px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #unipile-imap-seqlive .is-tl-dot img { width: 18px !important; height: 18px !important; object-fit: contain !important; } #unipile-imap-seqlive .is-tl-dot.im { background: rgba(59,185,139,0.14) !important; } #unipile-imap-seqlive .is-tl-dot.li { background: rgba(10,102,194,0.12) !important; } #unipile-imap-seqlive .is-tl-dot.wa { background: rgba(37,211,102,0.12) !important; } #unipile-imap-seqlive .is-tl-line { width: 2px !important; flex: 1 !important; min-height: 10px !important; background: #e5e7eb !important; } #unipile-imap-seqlive .is-step.active .is-tl-line { background: #3BB98B !important; } #unipile-imap-seqlive .is-step:last-child .is-tl-line { display: none !important; } \/* Step body *\/ #unipile-imap-seqlive .is-step-body { flex: 1 !important; padding-bottom: 12px !important; min-width: 0 !important; } #unipile-imap-seqlive .is-step:last-child .is-step-body { padding-bottom: 0 !important; } #unipile-imap-seqlive .is-step-top { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 2px !important; } #unipile-imap-seqlive .is-step-day { font-size: 10px !important; font-weight: 700 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; } #unipile-imap-seqlive .is-step.active .is-step-day { color: #3BB98B !important; } #unipile-imap-seqlive .is-step-status { font-size: 9px !important; font-weight: 600 !important; padding: 2px 7px !important; border-radius: 4px !important; } #unipile-imap-seqlive .is-step-status.sent { background: rgba(59,185,139,0.1) !important; color: #3BB98B !important; } #unipile-imap-seqlive .is-step-status.pending { background: #f1f5f9 !important; color: #94a3b8 !important; } #unipile-imap-seqlive .is-step-status.running { background: rgba(59,185,139,0.12) !important; color: #3BB98B !important; } #unipile-imap-seqlive .is-step-action { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; margin-bottom: 2px !important; } #unipile-imap-seqlive .is-step-detail { font-size: 11.5px !important; color: #64748b !important; line-height: 1.35 !important; } \/* Preview bubble *\/ #unipile-imap-seqlive .is-preview { margin-top: 0 !important; padding: 0 10px !important; border-radius: 8px !important; font-size: 11px !important; line-height: 1.35 !important; color: #1e293b !important; max-height: 0 !important; overflow: hidden !important; opacity: 0 !important; transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease, margin 0.3s ease !important; } #unipile-imap-seqlive .is-step.active .is-preview { max-height: 80px !important; opacity: 1 !important; padding: 8px 10px !important; margin-top: 6px !important; } #unipile-imap-seqlive .is-preview.im-bg { background: rgba(59,185,139,0.07) !important; } #unipile-imap-seqlive .is-preview.li-bg { background: #f0f7ff !important; } #unipile-imap-seqlive .is-preview.wa-bg { background: #dcf8c6 !important; } \/* Bottom stats *\/ #unipile-imap-seqlive .is-mock-stats { display: flex !important; border-top: 1px solid #e5e7eb !important; background: #f8f9fa !important; } #unipile-imap-seqlive .is-mstat { flex: 1 !important; padding: 10px 8px !important; text-align: center !important; border-right: 1px solid #e5e7eb !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 2px !important; } #unipile-imap-seqlive .is-mstat:last-child { border-right: none !important; } #unipile-imap-seqlive .is-mstat-val { font-size: 18px !important; font-weight: 700 !important; color: #1e293b !important; display: block !important; } #unipile-imap-seqlive .is-mstat-val.green { color: #3BB98B !important; } #unipile-imap-seqlive .is-mstat-val.yellow { color: #b5b72f !important; } #unipile-imap-seqlive .is-mstat-lbl { font-size: 10px !important; color: #94a3b8 !important; font-weight: 500 !important; display: block !important; margin-top: 2px !important; } \/* ===== RIGHT: Content ===== *\/ #unipile-imap-seqlive .is-content { display: flex !important; flex-direction: column !important; gap: 18px !important; } #unipile-imap-seqlive .is-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221,223,76,0.15) !important; color: #DDDF4C !important; padding: 5px 12px !important; border-radius: 16px !important; font-size: 0.65rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; width: fit-content !important; } #unipile-imap-seqlive .is-badge svg { width: 11px !important; height: 11px !important; } #unipile-imap-seqlive .is-title { font-family: 'Poppins', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; } #unipile-imap-seqlive .is-title span { color: #3BB98B !important; } #unipile-imap-seqlive .is-desc { font-size: 15px !important; color: #ffffff !important; line-height: 1.65 !important; } \/* Channel row *\/ #unipile-imap-seqlive .is-channels { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; } #unipile-imap-seqlive .is-ch { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 12px !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 500 !important; color: rgba(255,255,255,0.8) !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.1) !important; } #unipile-imap-seqlive .is-ch img { width: 16px !important; height: 16px !important; object-fit: contain !important; } \/* Stats *\/ #unipile-imap-seqlive .is-stats { display: flex !important; gap: 20px !important; margin-top: 4px !important; } #unipile-imap-seqlive .is-stat { display: flex !important; flex-direction: column !important; gap: 2px !important; } #unipile-imap-seqlive .is-stat-val { font-size: 22px !important; font-weight: 700 !important; color: #ffffff !important; } #unipile-imap-seqlive .is-stat-val.green { color: #3BB98B !important; } #unipile-imap-seqlive .is-stat-lbl { font-size: 11px !important; color: rgba(255,255,255,0.45) !important; font-weight: 500 !important; } \/* CTA *\/ #unipile-imap-seqlive .is-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #0F2836 !important; background: #DDDF4C !important; font-weight: 600 !important; font-size: 0.9rem !important; padding: 12px 24px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; cursor: pointer !important; width: fit-content !important; margin-top: 4px !important; } #unipile-imap-seqlive .is-cta:hover { transform: translateY(-3px) !important; } #unipile-imap-seqlive .is-cta svg { width: 16px !important; height: 16px !important; transition: transform 0.3s ease !important; } #unipile-imap-seqlive .is-cta:hover svg { transform: translateX(4px) !important; } \/* ===== RESPONSIVE ===== *\/ @media (max-width: 900px) { #unipile-imap-seqlive .is-grid { grid-template-columns: 1fr !important; gap: 30px !important; } #unipile-imap-seqlive .is-mockup { width: 100% !important; min-width: 0 !important; max-width: 480px !important; margin: 0 auto !important; order: 1 !important; } #unipile-imap-seqlive .is-content { order: 2 !important; max-width: 480px !important; margin: 0 auto !important; padding: 0 8px !important; } #unipile-imap-seqlive .is-title { font-size: 28px !important; } #unipile-imap-seqlive .is-cta { align-self: center !important; } #unipile-imap-seqlive .is-stats { justify-content: center !important; } #unipile-imap-seqlive .is-channels { justify-content: center !important; } #unipile-imap-seqlive .is-content { text-align: center !important; align-items: center !important; } } @media (max-width: 500px) { #unipile-imap-seqlive { padding: 50px 16px !important; } #unipile-imap-seqlive .is-title { font-size: 24px !important; } #unipile-imap-seqlive .is-mockup { max-width: 340px !important; min-width: 0 !important; } #unipile-imap-seqlive .is-stats { gap: 14px !important; } #unipile-imap-seqlive .is-stat-val { font-size: 18px !important; } } <\/style>\n<p> <\/p>\n<div class=\"is-container\"> <\/p>\n<div class=\"is-grid\">  <\/p>\n<div class=\"is-mockup\"> <\/p>\n<div class=\"is-mock-head\"> <\/p>\n<div class=\"is-mock-left\"> <\/p>\n<div class=\"is-mock-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg> <\/div>\n<p> <span class=\"is-mock-appname\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-mock-providers\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"is-seq-bar\"> <\/p>\n<div class=\"is-seq-info\"> <span class=\"is-seq-name\">IMAP Outreach \u2014 Multi-Provider Campaign<\/span> <span class=\"is-seq-active\">Running<\/span> <\/div>\n<p> <span class=\"is-seq-count\">Step <span id=\"is-step-counter\">1<\/span>\/5<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-timeline\">  <\/p>\n<div class=\"is-step active\" data-isstep=\"0\"> <\/p>\n<div class=\"is-tl-col\"> <\/p>\n<div class=\"is-tl-dot im\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <\/p>\n<div class=\"is-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"is-step-body\"> <\/p>\n<div class=\"is-step-top\"> <span class=\"is-step-day\">Day 1<\/span> <span class=\"is-step-status running\">Sending\u2026<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-step-action\">IMAP Cold Outreach<\/div>\n<p> <\/p>\n<div class=\"is-step-detail\">Personalized intro via iCloud \/ Yahoo \/ ISP<\/div>\n<p> <\/p>\n<div class=\"is-preview im-bg\">Subject: Quick question about your email workflow \u2014 Hi Sophie, I noticed your team handles a high volume of customer emails across multiple providers. We help automate\u2026<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"is-step\" data-isstep=\"1\"> <\/p>\n<div class=\"is-tl-col\"> <\/p>\n<div class=\"is-tl-dot li\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><\/div>\n<p> <\/p>\n<div class=\"is-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"is-step-body\"> <\/p>\n<div class=\"is-step-top\"> <span class=\"is-step-day\">Day 3<\/span> <span class=\"is-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-step-action\">LinkedIn Connection<\/div>\n<p> <\/p>\n<div class=\"is-step-detail\">Invite + reference to email sent<\/div>\n<p> <\/p>\n<div class=\"is-preview li-bg\">Hey Sophie, reached out by email about your team’s inbox setup. Would love to connect here and show how we unify IMAP providers in one API.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"is-step\" data-isstep=\"2\"> <\/p>\n<div class=\"is-tl-col\"> <\/p>\n<div class=\"is-tl-dot im\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <\/p>\n<div class=\"is-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"is-step-body\"> <\/p>\n<div class=\"is-step-top\"> <span class=\"is-step-day\">Day 5<\/span> <span class=\"is-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-step-action\">IMAP Follow-up<\/div>\n<p> <\/p>\n<div class=\"is-step-detail\">Case study + social proof<\/div>\n<p> <\/p>\n<div class=\"is-preview im-bg\">Subject: Re: Quick question about your email workflow, Here’s how Nexio cut inbox handling time by 55% by switching to a unified IMAP API integration\u2026<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"is-step\" data-isstep=\"3\"> <\/p>\n<div class=\"is-tl-col\"> <\/p>\n<div class=\"is-tl-dot wa\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"><\/div>\n<p> <\/p>\n<div class=\"is-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"is-step-body\"> <\/p>\n<div class=\"is-step-top\"> <span class=\"is-step-day\">Day 8<\/span> <span class=\"is-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-step-action\">WhatsApp Check-in<\/div>\n<p> <\/p>\n<div class=\"is-step-detail\">Quick personal touch if no reply<\/div>\n<p> <\/p>\n<div class=\"is-preview wa-bg\">Hey Sophie! Sent a couple of emails about IMAP integration \u2014 thought a quick message here might be easier. Free for a 10-min call this week?<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"is-step\" data-isstep=\"4\"> <\/p>\n<div class=\"is-tl-col\"> <\/p>\n<div class=\"is-tl-dot im\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"is-step-body\"> <\/p>\n<div class=\"is-step-top\"> <span class=\"is-step-day\">Day 12<\/span> <span class=\"is-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-step-action\">IMAP Closing Email<\/div>\n<p> <\/p>\n<div class=\"is-step-detail\">Final offer + booking link<\/div>\n<p> <\/p>\n<div class=\"is-preview im-bg\">Subject: Last chance \u2014 free pilot closing Friday. Book your 15-min demo \u2192 calendly.com\/unipile-demo<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"is-mock-stats\"> <\/p>\n<div class=\"is-mstat\"><span class=\"is-mstat-val\" id=\"is-stat-sent\">1<\/span><span class=\"is-mstat-lbl\">Sent<\/span><\/div>\n<p> <\/p>\n<div class=\"is-mstat\"><span class=\"is-mstat-val yellow\" id=\"is-stat-open\">1<\/span><span class=\"is-mstat-lbl\">Opened<\/span><\/div>\n<p> <\/p>\n<div class=\"is-mstat\"><span class=\"is-mstat-val green\" id=\"is-stat-reply\">0<\/span><span class=\"is-mstat-lbl\">Replied<\/span><\/div>\n<p> <\/p>\n<div class=\"is-mstat\"><span class=\"is-mstat-val\" id=\"is-stat-pend\">4<\/span><span class=\"is-mstat-lbl\">Pending<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"is-content\"> <\/p>\n<div class=\"is-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg> Multi-Channel Sequences <\/div>\n<p> <\/p>\n<h2 class=\"is-title\">Orchestrate <span>IMAP, LinkedIn & WhatsApp<\/span> in One Sequence<\/h2>\n<p> <pee class=\"is-desc\">Let your users build automated outreach workflows that start from any IMAP provider, iCloud, Yahoo, ISP, and layer in LinkedIn and WhatsApp touchpoints. One API, any email server, every channel.<\/pee> <\/p>\n<div class=\"is-channels\"> <span class=\"is-ch\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\">IMAP<\/span> <span class=\"is-ch\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\">LinkedIn<\/span> <span class=\"is-ch\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\">WhatsApp<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-stats\"> <\/p>\n<div class=\"is-stat\"> <span class=\"is-stat-val green\">50+<\/span> <span class=\"is-stat-lbl\">IMAP providers supported<\/span> <\/div>\n<p> <\/p>\n<div class=\"is-stat\"> <span class=\"is-stat-val green\">3x<\/span> <span class=\"is-stat-lbl\">More replies<\/span> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"is-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><script>(function(){ var root = document.getElementById('unipile-imap-seqlive'); if(!root) return; var steps = root.querySelectorAll('.is-step'); var counter = root.querySelector('#is-step-counter'); var statSent = root.querySelector('#is-stat-sent'); var statOpen = root.querySelector('#is-stat-open'); var statReply = root.querySelector('#is-stat-reply'); var statPend = root.querySelector('#is-stat-pend'); var total = steps.length; var ci = 0; var statsData = [ { sent: 1, open: 1, reply: 0, pend: 4 }, { sent: 2, open: 2, reply: 0, pend: 3 }, { sent: 3, open: 3, reply: 1, pend: 2 }, { sent: 4, open: 3, reply: 1, pend: 1 }, { sent: 5, open: 4, reply: 2, pend: 0 } ]; function activate(idx) { ci = idx; steps.forEach(function(s, i) { s.classList.remove('active','done'); var st = s.querySelector('.is-step-status'); if (i < idx) { s.classList.add('done'); st.className = 'is-step-status sent'; st.textContent = 'Sent \\u2713'; } else if (i === idx) { s.classList.add('active'); st.className = 'is-step-status running'; st.textContent = 'Sending\\u2026'; } else { st.className = 'is-step-status pending'; st.textContent = 'Pending'; } }); counter.textContent = idx + 1; var sd = statsData[idx]; statSent.textContent = sd.sent; statOpen.textContent = sd.open; statReply.textContent = sd.reply; statPend.textContent = sd.pend; } activate(0); setInterval(next, 3000); function next() { activate((ci + 1) % total); }})();<\/script><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n<div id=\"unipile-deliverability\" data-init=\"0\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #unipile-deliverability, #unipile-deliverability * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #unipile-deliverability { padding: 70px 20px !important; background: #0f2736 !important; overflow: hidden !important; } #unipile-deliverability .udr-container { max-width: 1050px !important; margin: 0 auto !important; } #unipile-deliverability .udr-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) 420px !important; gap: 56px !important; align-items: center !important; } \/* ===== LEFT: Content ===== *\/ #unipile-deliverability .udr-content { display: flex !important; flex-direction: column !important; gap: 18px !important; min-width: 0 !important; } #unipile-deliverability .udr-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: #DDDF4C !important; padding: 5px 12px !important; border-radius: 16px !important; font-size: 0.65rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; width: fit-content !important; } #unipile-deliverability .udr-badge svg { width: 11px !important; height: 11px !important; } #unipile-deliverability .udr-title { font-family: 'Poppins', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; } #unipile-deliverability .udr-title span { color: #3BB98B !important; } #unipile-deliverability .udr-desc { font-size: 15px !important; color: #ffffff !important; line-height: 1.65 !important; } \/* Benefits (checklist) *\/ #unipile-deliverability .udr-benefits { display: flex !important; flex-direction: column !important; gap: 16px !important; margin-top: 4px !important; } #unipile-deliverability .udr-check { display: flex !important; align-items: center !important; gap: 14px !important; } #unipile-deliverability .udr-check-ic { width: 30px !important; height: 30px !important; flex-shrink: 0 !important; background: rgba(59, 185, 139, 0.14) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; } #unipile-deliverability .udr-check-ic svg { width: 15px !important; height: 15px !important; color: #3BB98B !important; } #unipile-deliverability .udr-check-txt { font-size: 16px !important; font-weight: 500 !important; color: #ffffff !important; line-height: 1.4 !important; } \/* CTA *\/ #unipile-deliverability .udr-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #0F2836 !important; background: #DDDF4C !important; font-weight: 600 !important; font-size: 0.9rem !important; padding: 12px 24px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; cursor: pointer !important; width: fit-content !important; margin-top: 6px !important; } #unipile-deliverability .udr-cta:hover { transform: translateY(-5px) !important; } #unipile-deliverability .udr-cta svg { width: 16px !important; height: 16px !important; } \/* ===== RIGHT: Inbox placement card ===== *\/ #unipile-deliverability .udr-card { background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35) !important; min-width: 0 !important; } #unipile-deliverability .udr-card-head { padding: 12px 16px !important; background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; border-bottom: 1px solid #e5e7eb !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } #unipile-deliverability .udr-head-left { display: flex !important; align-items: center !important; gap: 8px !important; } #unipile-deliverability .udr-head-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #3BB98B !important; box-shadow: 0 0 0 3px rgba(59, 185, 139, 0.18) !important; } #unipile-deliverability .udr-head-title { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; } #unipile-deliverability .udr-head-live { font-size: 10px !important; font-weight: 600 !important; color: #3BB98B !important; background: rgba(59, 185, 139, 0.1) !important; padding: 3px 8px !important; border-radius: 10px !important; } \/* Tabs *\/ #unipile-deliverability .udr-tabs { display: flex !important; gap: 4px !important; padding: 8px 12px 0 12px !important; background: #ffffff !important; border-bottom: 1px solid #e5e7eb !important; } #unipile-deliverability .udr-tab { font-size: 11.5px !important; font-weight: 600 !important; color: #94a3b8 !important; padding: 6px 10px 9px 10px !important; border-bottom: 2px solid transparent !important; display: flex !important; align-items: center !important; gap: 5px !important; } #unipile-deliverability .udr-tab b { font-weight: 700 !important; color: #cbd5e1 !important; } #unipile-deliverability .udr-tab-on { color: #0f2736 !important; border-bottom: 2px solid #3BB98B !important; } \/* Mail list *\/ #unipile-deliverability .udr-list { padding: 10px 12px !important; background: #ffffff !important; display: flex !important; flex-direction: column !important; gap: 6px !important; } #unipile-deliverability .udr-mail { display: flex !important; align-items: center !important; gap: 10px !important; padding: 9px 10px !important; border-radius: 9px !important; background: #ffffff !important; } #unipile-deliverability .udr-mail-hot { background: rgba(59, 185, 139, 0.07) !important; box-shadow: inset 3px 0 0 #3BB98B !important; } #unipile-deliverability .udr-av { width: 30px !important; height: 30px !important; flex-shrink: 0 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 700 !important; } #unipile-deliverability .udr-av-green { background: rgba(59, 185, 139, 0.15) !important; color: #3BB98B !important; } #unipile-deliverability .udr-av-grey { background: #eef1f4 !important; color: #64748b !important; } #unipile-deliverability .udr-mail-body { flex: 1 !important; min-width: 0 !important; } #unipile-deliverability .udr-mail-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin-bottom: 2px !important; } #unipile-deliverability .udr-mail-from { font-size: 12.5px !important; font-weight: 600 !important; color: #1e293b !important; } #unipile-deliverability .udr-mail-from.muted { color: #64748b !important; font-weight: 500 !important; } #unipile-deliverability .udr-mail-time { font-size: 10px !important; color: #94a3b8 !important; font-weight: 500 !important; flex-shrink: 0 !important; } #unipile-deliverability .udr-mail-subj { font-size: 11.5px !important; color: #64748b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #unipile-deliverability .udr-mail-subj.strong { color: #334155 !important; font-weight: 500 !important; } #unipile-deliverability .udr-tag { flex-shrink: 0 !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 9.5px !important; font-weight: 700 !important; color: #3BB98B !important; background: rgba(59, 185, 139, 0.12) !important; padding: 4px 8px !important; border-radius: 6px !important; } #unipile-deliverability .udr-tag svg { width: 11px !important; height: 11px !important; } \/* Meter *\/ #unipile-deliverability .udr-meter { padding: 12px 16px 14px 16px !important; background: #ffffff !important; border-top: 1px solid #f1f5f9 !important; } #unipile-deliverability .udr-meter-top { display: flex !important; align-items: baseline !important; justify-content: space-between !important; margin-bottom: 7px !important; } #unipile-deliverability .udr-meter-lbl { font-size: 11.5px !important; font-weight: 600 !important; color: #475569 !important; } #unipile-deliverability .udr-meter-val { font-size: 17px !important; font-weight: 700 !important; color: #3BB98B !important; } #unipile-deliverability .udr-meter-track { width: 100% !important; height: 7px !important; background: #eef1f4 !important; border-radius: 99px !important; overflow: hidden !important; } #unipile-deliverability .udr-meter-fill { width: 0% !important; height: 100% !important; background: linear-gradient(90deg, #3BB98B, #2da077) !important; border-radius: 99px !important; } \/* Source footer *\/ #unipile-deliverability .udr-source { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; padding: 11px 16px !important; background: #f8f9fa !important; border-top: 1px solid #e5e7eb !important; } #unipile-deliverability .udr-source-lbl { font-size: 11px !important; font-weight: 500 !important; color: #64748b !important; } #unipile-deliverability .udr-source-logos { display: flex !important; align-items: center !important; gap: 7px !important; } #unipile-deliverability .udr-source-logos img { width: 18px !important; height: 18px !important; object-fit: contain !important; } \/* ===== RESPONSIVE ===== *\/ @media (max-width: 900px) { #unipile-deliverability .udr-grid { grid-template-columns: 1fr !important; gap: 34px !important; } #unipile-deliverability .udr-content { order: 1 !important; max-width: 460px !important; margin: 0 auto !important; text-align: center !important; align-items: center !important; } #unipile-deliverability .udr-benefits { text-align: left !important; width: 100% !important; max-width: 380px !important; } #unipile-deliverability .udr-card { order: 2 !important; max-width: 420px !important; margin: 0 auto !important; width: 100% !important; } #unipile-deliverability .udr-title { font-size: 28px !important; } } @media (max-width: 600px) { #unipile-deliverability { padding: 50px 16px !important; } #unipile-deliverability .udr-title { font-size: 24px !important; } } @media (max-width: 400px) { #unipile-deliverability .udr-title { font-size: 24px !important; } #unipile-deliverability .udr-card { max-width: 340px !important; } } <\/style>\n<p> <\/p>\n<div class=\"udr-container\"> <\/p>\n<div class=\"udr-grid\">  <\/p>\n<div class=\"udr-content\"> <\/p>\n<div class=\"udr-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg> Deliverability <\/div>\n<p> <\/p>\n<h2 class=\"udr-title\">Send from real inboxes, land in the <span>primary inbox<\/span><\/h2>\n<p> <pee class=\"udr-desc\">When your users send through their own Google, Microsoft, or IMAP accounts, every message carries native sender reputation and provider authentication. No shared relay, no rented domain, just trusted accounts reaching real people.<\/pee> <\/p>\n<div class=\"udr-benefits\"> <\/p>\n<div class=\"udr-check\"> <\/p>\n<div class=\"udr-check-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <span class=\"udr-check-txt\">Native sender reputation from real, warmed accounts<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-check\"> <\/p>\n<div class=\"udr-check-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <span class=\"udr-check-txt\">SPF, DKIM and DMARC signed by the provider<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-check\"> <\/p>\n<div class=\"udr-check-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <span class=\"udr-check-txt\">Primary inbox placement, not the spam folder<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-check\"> <\/p>\n<div class=\"udr-check-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <span class=\"udr-check-txt\">No third-party relay between send and inbox<\/span> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"udr-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"udr-card\"> <\/p>\n<div class=\"udr-card-head\"> <\/p>\n<div class=\"udr-head-left\"> <span class=\"udr-head-dot\"><\/span> <span class=\"udr-head-title\">Recipient inbox<\/span> <\/div>\n<p> <span class=\"udr-head-live\">Delivered<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-tabs\"> <span class=\"udr-tab udr-tab-on\">Primary<\/span> <span class=\"udr-tab\">Spam <b>0<\/b><\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-list\"> <\/p>\n<div class=\"udr-mail udr-mail-hot\"> <\/p>\n<div class=\"udr-av udr-av-green\">SO<\/div>\n<p> <\/p>\n<div class=\"udr-mail-body\"> <\/p>\n<div class=\"udr-mail-top\"> <span class=\"udr-mail-from\">Sales Outreach<\/span> <span class=\"udr-mail-time\">now<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-mail-subj strong\">Quick question about your outbound stack<\/div>\n<p> <\/div>\n<p> <span class=\"udr-tag\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Inbox <\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-mail\"> <\/p>\n<div class=\"udr-av udr-av-grey\">NW<\/div>\n<p> <\/p>\n<div class=\"udr-mail-body\"> <\/p>\n<div class=\"udr-mail-top\"> <span class=\"udr-mail-from muted\">Newsletter<\/span> <span class=\"udr-mail-time\">9:24<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-mail-subj\">Your weekly product digest is ready<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"udr-mail\"> <\/p>\n<div class=\"udr-av udr-av-grey\">TM<\/div>\n<p> <\/p>\n<div class=\"udr-mail-body\"> <\/p>\n<div class=\"udr-mail-top\"> <span class=\"udr-mail-from muted\">Team<\/span> <span class=\"udr-mail-time\">8:10<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-mail-subj\">3 new comments on your shared file<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"udr-meter\"> <\/p>\n<div class=\"udr-meter-top\"> <span class=\"udr-meter-lbl\">Native delivery rate<\/span> <span class=\"udr-meter-val\">0%<\/span> <\/div>\n<p> <\/p>\n<div class=\"udr-meter-track\">\n<div class=\"udr-meter-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"udr-source\"> <span class=\"udr-source-lbl\">Sent from your user’s own account<\/span> <\/p>\n<div class=\"udr-source-logos\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><script>(function(){ var root = document.getElementById('unipile-deliverability'); if(!root) return; function runMeter(){ if(root.getAttribute('data-init') === '1') return; root.setAttribute('data-init','1'); var fill = root.querySelector('.udr-meter-fill'); var val = root.querySelector('.udr-meter-val'); var target = 99; var duration = 1400; var t0 = null; function step(ts){ if(!t0) t0 = ts; var p = Math.min((ts - t0) \/ duration, 1); var eased = 1 - Math.pow(1 - p, 3); if(fill) fill.style.setProperty('width', (eased * target) + '%', 'important'); if(val) val.textContent = Math.round(eased * target) + '%'; if(p < 1) requestAnimationFrame(step); } requestAnimationFrame(step); } function setup(){ if(root.__udrSetup) return; root.__udrSetup = true; if('IntersectionObserver' in window){ var io = new IntersectionObserver(function(entries){ entries.forEach(function(e){ if(e.isIntersecting){ runMeter(); io.disconnect(); } }); }, { threshold: 0.35 }); io.observe(root); } else { runMeter(); } } if(document.readyState !== 'loading'){ setup(); } else { document.addEventListener('DOMContentLoaded', setup); } window.addEventListener('load', setup);})();<\/script>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n<div id=\"unipile-email-capabilities-section\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #unipile-email-capabilities-section, #unipile-email-capabilities-section * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #unipile-email-capabilities-section { background: #0f2736 !important; padding: 80px 20px !important; } #unipile-email-capabilities-section .ec-container { max-width: 1100px !important; margin: 0 auto !important; } \/* Section Header *\/ #unipile-email-capabilities-section .ec-header { text-align: center !important; margin-bottom: 50px !important; } #unipile-email-capabilities-section .ec-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: rgba(221, 223, 76, 0.15) !important; color: #DDDF4C !important; padding: 8px 16px !important; border-radius: 20px !important; font-size: 0.75rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 20px !important; } #unipile-email-capabilities-section .ec-badge svg { width: 16px !important; height: 16px !important; stroke: #DDDF4C !important; } #unipile-email-capabilities-section .ec-title { font-family: 'Poppins', sans-serif !important; font-size: 42px !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 16px !important; line-height: 1.2 !important; } #unipile-email-capabilities-section .ec-subtitle { font-size: 17px !important; color: #ffffff !important; line-height: 1.6 !important; max-width: 700px !important; margin: 0 auto !important; } \/* Card *\/ #unipile-email-capabilities-section .ec-card { background: #ffffff !important; border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important; } \/* Card Header *\/ #unipile-email-capabilities-section .ec-card-header { padding: 24px 32px !important; border-bottom: 1px solid #e5e7eb !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 20px !important; } #unipile-email-capabilities-section .ec-card-title { font-family: 'Poppins', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: #1e293b !important; line-height: 1.2 !important; } #unipile-email-capabilities-section .ec-card-logos { display: flex !important; align-items: center !important; gap: 10px !important; } #unipile-email-capabilities-section .ec-card-logos img { width: 36px !important; height: 36px !important; object-fit: contain !important; } \/* Content layout *\/ #unipile-email-capabilities-section .ec-content { display: flex !important; min-height: 420px !important; } \/* Sidebar *\/ #unipile-email-capabilities-section .ec-sidebar { width: 220px !important; min-width: 220px !important; border-right: 1px solid #e5e7eb !important; padding: 20px 0 !important; background: linear-gradient(180deg, #fafbfc 0%, #ffffff 100%) !important; } #unipile-email-capabilities-section .ec-tab { display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 20px !important; font-size: 14px !important; font-weight: 500 !important; color: #64748b !important; cursor: pointer !important; transition: all 0.3s ease !important; background: transparent !important; } #unipile-email-capabilities-section .ec-tab:hover { color: #1e293b !important; background: rgba(59, 185, 139, 0.04) !important; } #unipile-email-capabilities-section .ec-tab.active { color: #1e293b !important; font-weight: 600 !important; background: rgba(221, 223, 76, 0.08) !important; } #unipile-email-capabilities-section .ec-tab-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; background: rgba(100, 116, 139, 0.08) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; } #unipile-email-capabilities-section .ec-tab.active .ec-tab-icon { background: rgba(221, 223, 76, 0.2) !important; } #unipile-email-capabilities-section .ec-tab-icon svg { width: 16px !important; height: 16px !important; stroke: #64748b !important; transition: stroke 0.3s ease !important; } #unipile-email-capabilities-section .ec-tab.active .ec-tab-icon svg { stroke: #c5c743 !important; } #unipile-email-capabilities-section .ec-tab-content { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 6px !important; } #unipile-email-capabilities-section .ec-tab-label { font-size: 13px !important; line-height: 1.2 !important; } #unipile-email-capabilities-section .ec-label-full { display: inline !important; } #unipile-email-capabilities-section .ec-label-short { display: none !important; } \/* Progress Bar *\/ #unipile-email-capabilities-section .ec-progress-bar { width: 100% !important; height: 4px !important; background: #d1d5db !important; border-radius: 3px !important; overflow: hidden !important; margin-top: 4px !important; } #unipile-email-capabilities-section .ec-progress-fill { height: 100% !important; width: 0% !important; background: #DDDF4C !important; border-radius: 3px !important; transition: none !important; } #unipile-email-capabilities-section .ec-tab.active .ec-progress-fill.animating { width: 100% !important; transition: width 5s linear !important; } \/* Features Panel *\/ #unipile-email-capabilities-section .ec-features { flex: 1 !important; padding: 24px 28px !important; overflow-y: auto !important; position: relative !important; max-height: 420px !important; } #unipile-email-capabilities-section .ec-feature-panel { display: none !important; animation: ecFadeIn 0.4s ease !important; } #unipile-email-capabilities-section .ec-feature-panel.active { display: block !important; } @keyframes ecFadeIn { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } } #unipile-email-capabilities-section .ec-panel-header { margin-bottom: 18px !important; } #unipile-email-capabilities-section .ec-panel-title { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 600 !important; color: #1e293b !important; margin-bottom: 4px !important; } #unipile-email-capabilities-section .ec-panel-count { font-size: 12px !important; color: #64748b !important; } #unipile-email-capabilities-section .ec-panel-count span { color: #3BB98B !important; font-weight: 600 !important; } \/* Table header *\/ #unipile-email-capabilities-section .ec-table-head { display: grid !important; grid-template-columns: 1fr 90px 90px 90px !important; gap: 0 !important; padding: 0 14px 10px !important; border-bottom: 1px solid #e5e7eb !important; margin-bottom: 6px !important; } #unipile-email-capabilities-section .ec-th { font-size: 12px !important; font-weight: 700 !important; color: #0f2736 !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; } #unipile-email-capabilities-section .ec-th img { width: 18px !important; height: 18px !important; object-fit: contain !important; } #unipile-email-capabilities-section .ec-th:first-child { text-align: left !important; justify-content: flex-start !important; } \/* Table rows *\/ #unipile-email-capabilities-section .ec-table-rows { display: flex !important; flex-direction: column !important; gap: 2px !important; } #unipile-email-capabilities-section .ec-row { display: grid !important; grid-template-columns: 1fr 90px 90px 90px !important; gap: 0 !important; padding: 10px 14px !important; background: #f8f9fa !important; border-radius: 8px !important; transition: all 0.2s ease !important; align-items: center !important; } #unipile-email-capabilities-section .ec-row:hover { background: rgba(59, 185, 139, 0.06) !important; transform: translateX(3px) !important; } #unipile-email-capabilities-section .ec-row-name { font-size: 13px !important; font-weight: 500 !important; color: #1e293b !important; line-height: 1.3 !important; } #unipile-email-capabilities-section .ec-row-cell { text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; } #unipile-email-capabilities-section .ec-dot { width: 10px !important; height: 10px !important; border-radius: 50% !important; background: #3BB98B !important; } #unipile-email-capabilities-section .ec-dot-empty { width: 10px !important; height: 10px !important; border-radius: 50% !important; background: #e2e8f0 !important; } \/* Controls *\/ #unipile-email-capabilities-section .ec-controls { position: absolute !important; bottom: 16px !important; right: 16px !important; } #unipile-email-capabilities-section .ec-control-btn { width: 32px !important; height: 32px !important; background: #f8f9fa !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: all 0.2s ease !important; } #unipile-email-capabilities-section .ec-control-btn:hover { background: rgba(59, 185, 139, 0.15) !important; } #unipile-email-capabilities-section .ec-control-btn svg { width: 12px !important; height: 12px !important; stroke: #64748b !important; } #unipile-email-capabilities-section .ec-control-btn.active svg { stroke: #3BB98B !important; } \/* CTA *\/ #unipile-email-capabilities-section .ec-cta-wrapper { text-align: center !important; margin-top: 40px !important; } #unipile-email-capabilities-section .ec-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #DDDF4C !important; color: #0f2736 !important; padding: 14px 28px !important; border-radius: 8px !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; } #unipile-email-capabilities-section .ec-cta:hover { transform: translateY(-5px) !important; } #unipile-email-capabilities-section .ec-cta svg { width: 18px !important; height: 18px !important; stroke: #0f2736 !important; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-email-capabilities-section { padding: 60px 16px !important; } #unipile-email-capabilities-section .ec-title { font-size: 32px !important; } #unipile-email-capabilities-section .ec-subtitle { font-size: 15px !important; } #unipile-email-capabilities-section .ec-content { flex-direction: column !important; min-height: auto !important; } #unipile-email-capabilities-section .ec-sidebar { width: 100% !important; min-width: 100% !important; border-right: none !important; border-bottom: 1px solid #e5e7eb !important; padding: 12px !important; display: flex !important; gap: 8px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } #unipile-email-capabilities-section .ec-tab { flex-direction: column !important; padding: 10px 14px !important; border-radius: 10px !important; min-width: 90px !important; text-align: center !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; } #unipile-email-capabilities-section .ec-tab.active { border-color: #DDDF4C !important; background: rgba(221, 223, 76, 0.1) !important; } #unipile-email-capabilities-section .ec-tab-content { align-items: center !important; } #unipile-email-capabilities-section .ec-tab-label { font-size: 10px !important; } #unipile-email-capabilities-section .ec-label-full { display: none !important; } #unipile-email-capabilities-section .ec-label-short { display: inline !important; } #unipile-email-capabilities-section .ec-features { padding: 20px 16px !important; max-height: none !important; } #unipile-email-capabilities-section .ec-card-header { padding: 20px !important; } #unipile-email-capabilities-section .ec-card-title { font-size: 18px !important; } #unipile-email-capabilities-section .ec-table-head { grid-template-columns: 1fr 70px 70px 70px !important; } #unipile-email-capabilities-section .ec-row { grid-template-columns: 1fr 70px 70px 70px !important; } } @media (max-width: 500px) { #unipile-email-capabilities-section .ec-title { font-size: 26px !important; } #unipile-email-capabilities-section .ec-tab { min-width: 75px !important; padding: 8px 10px !important; } #unipile-email-capabilities-section .ec-tab-icon { width: 28px !important; height: 28px !important; min-width: 28px !important; } #unipile-email-capabilities-section .ec-table-head { grid-template-columns: 1fr 60px 60px 60px !important; padding: 0 10px 8px !important; } #unipile-email-capabilities-section .ec-row { grid-template-columns: 1fr 60px 60px 60px !important; padding: 8px 10px !important; } #unipile-email-capabilities-section .ec-th { font-size: 10px !important; } #unipile-email-capabilities-section .ec-th img { width: 14px !important; height: 14px !important; } #unipile-email-capabilities-section .ec-row-name { font-size: 12px !important; } } <\/style>\n<p> <\/p>\n<div class=\"ec-container\">  <\/p>\n<div class=\"ec-header\"> <\/p>\n<div class=\"ec-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/> <polyline points=\"2 17 12 22 22 17\"\/> <polyline points=\"2 12 12 17 22 12\"\/> <\/svg> Email API <\/div>\n<p> <\/p>\n<h2 class=\"ec-title\">Email API Capabilities<\/h2>\n<p> <pee class=\"ec-subtitle\">Integrate Gmail, Outlook, and IMAP email providers through a single unified API. Send, receive, organize, and track emails across all major providers with consistent endpoints.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"ec-card\"> <\/p>\n<div class=\"ec-card-header\"> <span class=\"ec-card-title\">Explore All Endpoints<\/span> <\/p>\n<div class=\"ec-card-logos\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-content\">  <\/p>\n<div class=\"ec-sidebar\" id=\"ecSidebar\"> <\/p>\n<div class=\"ec-tab active\" data-ectab=\"connection\"> <\/p>\n<div class=\"ec-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/> <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"ec-tab-content\"> <span class=\"ec-tab-label\"><span class=\"ec-label-full\">Account Connection<\/span><span class=\"ec-label-short\">Account<\/span><\/span> <\/p>\n<div class=\"ec-progress-bar\">\n<div class=\"ec-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-tab\" data-ectab=\"sendreceive\"> <\/p>\n<div class=\"ec-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/> <polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"ec-tab-content\"> <span class=\"ec-tab-label\"><span class=\"ec-label-full\">Send \/ Receive<\/span><span class=\"ec-label-short\">Send<\/span><\/span> <\/p>\n<div class=\"ec-progress-bar\">\n<div class=\"ec-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-tab\" data-ectab=\"organize\"> <\/p>\n<div class=\"ec-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"ec-tab-content\"> <span class=\"ec-tab-label\">Organize<\/span> <\/p>\n<div class=\"ec-progress-bar\">\n<div class=\"ec-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-tab\" data-ectab=\"webhooks\"> <\/p>\n<div class=\"ec-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/> <polyline points=\"22 4 12 14.01 9 11.01\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"ec-tab-content\"> <span class=\"ec-tab-label\">Webhooks<\/span> <\/p>\n<div class=\"ec-progress-bar\">\n<div class=\"ec-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ec-features\">  <\/p>\n<div class=\"ec-feature-panel active\" data-ecpanel=\"connection\"> <\/p>\n<div class=\"ec-panel-header\"> <\/p>\n<h3 class=\"ec-panel-title\">Account Connection<\/h3>\n<p> <pee class=\"ec-panel-count\"><span>3<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"ec-table-head\"> <\/p>\n<div class=\"ec-th\"><\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> Gmail<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> Outlook<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> IMAP<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-table-rows\"> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Hosted Auth: White label email auth<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Custom auth: Connect user with credentials<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot-empty\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot-empty\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Use your App OAuth screen<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot-empty\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ec-feature-panel\" data-ecpanel=\"sendreceive\"> <\/p>\n<div class=\"ec-panel-header\"> <\/p>\n<h3 class=\"ec-panel-title\">Send \/ Receive<\/h3>\n<p> <pee class=\"ec-panel-count\"><span>3<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"ec-table-head\"> <\/p>\n<div class=\"ec-th\"><\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> Gmail<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> Outlook<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> IMAP<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-table-rows\"> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Send an Email<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Reply to an Email<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">List Emails<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ec-feature-panel\" data-ecpanel=\"organize\"> <\/p>\n<div class=\"ec-panel-header\"> <\/p>\n<h3 class=\"ec-panel-title\">Organize<\/h3>\n<p> <pee class=\"ec-panel-count\"><span>4<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"ec-table-head\"> <\/p>\n<div class=\"ec-th\"><\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> Gmail<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> Outlook<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> IMAP<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-table-rows\"> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Delete Email<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Move Email<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">List Folders<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Get Folder<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ec-feature-panel\" data-ecpanel=\"webhooks\"> <\/p>\n<div class=\"ec-panel-header\"> <\/p>\n<h3 class=\"ec-panel-title\">Webhooks<\/h3>\n<p> <pee class=\"ec-panel-count\"><span>2<\/span> events available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"ec-table-head\"> <\/p>\n<div class=\"ec-th\"><\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> Gmail<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> Outlook<\/div>\n<p> <\/p>\n<div class=\"ec-th\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> IMAP<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-table-rows\"> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">New Email<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ec-row\"> <span class=\"ec-row-name\">Open and Click tracking<\/span> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"ec-row-cell\">\n<div class=\"ec-dot\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ec-controls\"> <\/p>\n<div class=\"ec-control-btn active\" id=\"ecPlayPause\"> <svg id=\"ecPauseIcon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/> <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/> <\/svg> <svg id=\"ecPlayIcon\" style=\"display: none;\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polygon points=\"5 3 19 12 5 21 5 3\"\/> <\/svg> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ec-cta-wrapper\"> <a href=\"https:\/\/developer.unipile.com\/reference\/accountscontroller_listaccounts\" target=\"_blank\" class=\"ec-cta\"> Explore API Reference <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <script> (function() { var section = document.getElementById('unipile-email-capabilities-section'); if (!section) return; var tabs = ['connection', 'sendreceive', 'organize', 'webhooks']; var currentIndex = 0; var autoplayInterval = null; var isAutoplaying = true; var hasStarted = false; var AUTOPLAY_DURATION = 5000; function startProgressAnimation() { section.querySelectorAll('.ec-progress-fill').forEach(function(fill) { fill.classList.remove('animating'); fill.style.width = '0%'; }); setTimeout(function() { var activeTab = section.querySelector('.ec-tab.active'); if (activeTab) { var pf = activeTab.querySelector('.ec-progress-fill'); if (pf) pf.classList.add('animating'); } }, 50); } function switchTab(tabName) { section.querySelectorAll('.ec-tab').forEach(function(t) { t.classList.remove('active'); }); section.querySelectorAll('.ec-feature-panel').forEach(function(p) { p.classList.remove('active'); }); var at = section.querySelector('.ec-tab[data-ectab=\"' + tabName + '\"]'); var ap = section.querySelector('.ec-feature-panel[data-ecpanel=\"' + tabName + '\"]'); if (at) at.classList.add('active'); if (ap) ap.classList.add('active'); currentIndex = tabs.indexOf(tabName); if (isAutoplaying && hasStarted) { startProgressAnimation(); clearInterval(autoplayInterval); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } } function nextTab() { currentIndex = (currentIndex + 1) % tabs.length; switchTab(tabs[currentIndex]); } function toggleAutoplay() { isAutoplaying = !isAutoplaying; var pauseIcon = document.getElementById('ecPauseIcon'); var playIcon = document.getElementById('ecPlayIcon'); var btn = document.getElementById('ecPlayPause'); if (isAutoplaying) { pauseIcon.style.display = 'block'; playIcon.style.display = 'none'; btn.classList.add('active'); if (hasStarted) { startProgressAnimation(); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } } else { pauseIcon.style.display = 'none'; playIcon.style.display = 'block'; btn.classList.remove('active'); clearInterval(autoplayInterval); section.querySelectorAll('.ec-progress-fill').forEach(function(f) { f.classList.remove('animating'); }); } } function startAutoplay() { if (hasStarted) return; hasStarted = true; startProgressAnimation(); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } function stopAutoplay() { clearInterval(autoplayInterval); section.querySelectorAll('.ec-progress-fill').forEach(function(f) { f.classList.remove('animating'); f.style.width = '0%'; }); } var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting && isAutoplaying) { if (!hasStarted) startAutoplay(); else { startProgressAnimation(); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } } else { stopAutoplay(); hasStarted = false; } }); }, { threshold: 0.3 }); observer.observe(section); section.querySelectorAll('.ec-tab').forEach(function(tab) { tab.addEventListener('click', function() { switchTab(this.getAttribute('data-ectab')); }); }); document.getElementById('ecPlayPause').addEventListener('click', toggleAutoplay); })(); <\/script><\/div>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>IMAP API Use Cases – Unipile<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/head><body data-rsssl=1 data-rsssl=1 style=\"margin:0;padding:0;background:#f4f5f7;\"><\/p>\n<div id=\"unipile-imap-use-cases-section\"> <\/p>\n<style> #unipile-imap-use-cases-section, #unipile-imap-use-cases-section * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #unipile-imap-use-cases-section { padding: 60px 20px !important; background: #f4f5f7 !important; } #unipile-imap-use-cases-section .iuc-container { max-width: 1100px !important; margin: 0 auto !important; } \/* Header *\/ #unipile-imap-use-cases-section .iuc-header { text-align: center !important; margin-bottom: 50px !important; } #unipile-imap-use-cases-section .iuc-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: #b8ba2e !important; padding: 6px 14px !important; border-radius: 20px !important; font-size: 0.7rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 16px !important; } #unipile-imap-use-cases-section .iuc-badge svg { stroke: #b8ba2e !important; } #unipile-imap-use-cases-section .iuc-title { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; margin-bottom: 12px !important; } #unipile-imap-use-cases-section .iuc-subtitle { font-size: 16px !important; color: #0f2736 !important; line-height: 1.6 !important; max-width: 620px !important; margin: 0 auto !important; } \/* Grid *\/ #unipile-imap-use-cases-section .iuc-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } \/* Card *\/ #unipile-imap-use-cases-section .iuc-card { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } \/* Mockup *\/ #unipile-imap-use-cases-section .iuc-mockup { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important; width: 100% !important; margin-bottom: 24px !important; border: 1px solid #e5e7eb !important; } #unipile-imap-use-cases-section .iuc-mockup-header { background: #ffffff !important; padding: 12px 16px !important; display: flex !important; align-items: center !important; gap: 10px !important; border-bottom: 1px solid #e5e7eb !important; } #unipile-imap-use-cases-section .iuc-mockup-logo { width: 28px !important; height: 28px !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #unipile-imap-use-cases-section .iuc-mockup-logo.ats { background: rgba(134, 92, 214, 0.12) !important; } #unipile-imap-use-cases-section .iuc-mockup-logo.crm { background: rgba(59, 185, 139, 0.12) !important; } #unipile-imap-use-cases-section .iuc-mockup-logo.outreach { background: rgba(59, 185, 139, 0.12) !important; } #unipile-imap-use-cases-section .iuc-mockup-logo svg { width: 14px !important; height: 14px !important; } #unipile-imap-use-cases-section .iuc-mockup-logo.ats svg { color: #865CD6 !important; stroke: #865CD6 !important; } #unipile-imap-use-cases-section .iuc-mockup-logo.crm svg { color: #3BB98B !important; stroke: #3BB98B !important; } #unipile-imap-use-cases-section .iuc-mockup-logo.outreach svg { color: #3BB98B !important; stroke: #3BB98B !important; } #unipile-imap-use-cases-section .iuc-mockup-name { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; } \/* Tabs *\/ #unipile-imap-use-cases-section .iuc-tabs { display: flex !important; background: #ffffff !important; border-bottom: 1px solid #e5e7eb !important; padding: 0 12px !important; } #unipile-imap-use-cases-section .iuc-tab { padding: 10px 14px !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; border-radius: 6px 6px 0 0 !important; } #unipile-imap-use-cases-section .iuc-tab.active { color: #ffffff !important; } #unipile-imap-use-cases-section .iuc-tab.active.purple { background: #865CD6 !important; } #unipile-imap-use-cases-section .iuc-tab.active.green { background: #3BB98B !important; } #unipile-imap-use-cases-section .iuc-tab.inactive { color: #64748b !important; background: transparent !important; } \/* Table Header *\/ #unipile-imap-use-cases-section .iuc-table-header { display: grid !important; padding: 10px 12px !important; background: #fafbfc !important; border-bottom: 1px solid #e5e7eb !important; font-size: 9px !important; font-weight: 600 !important; color: #64748b !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; gap: 8px !important; } #unipile-imap-use-cases-section .iuc-table-header.ats, #unipile-imap-use-cases-section .iuc-row.ats { grid-template-columns: minmax(100px, 1fr) 70px 40px 55px !important; } #unipile-imap-use-cases-section .iuc-table-header.crm, #unipile-imap-use-cases-section .iuc-row.crm { grid-template-columns: minmax(90px, 1fr) 60px 35px 72px !important; } #unipile-imap-use-cases-section .iuc-table-header.outreach, #unipile-imap-use-cases-section .iuc-row.outreach { grid-template-columns: minmax(140px, 1.5fr) 100px 80px !important; } #unipile-imap-use-cases-section .iuc-table-header span { display: flex !important; align-items: center !important; } #unipile-imap-use-cases-section .iuc-table-header span:nth-child(3) { justify-content: center !important; } #unipile-imap-use-cases-section .iuc-table-header span:last-child { justify-content: flex-end !important; } \/* Table Rows *\/ #unipile-imap-use-cases-section .iuc-table-body { background: #ffffff !important; } #unipile-imap-use-cases-section .iuc-row { display: grid !important; padding: 10px 12px !important; align-items: center !important; border-bottom: 1px solid #f1f5f9 !important; gap: 8px !important; } #unipile-imap-use-cases-section .iuc-row:last-child { border-bottom: none !important; } \/* User Cell *\/ #unipile-imap-use-cases-section .iuc-user { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; min-width: 0 !important; } #unipile-imap-use-cases-section .iuc-avatar { width: 28px !important; height: 28px !important; min-width: 28px !important; border-radius: 50% !important; object-fit: cover !important; background: #e5e7eb !important; } #unipile-imap-use-cases-section .iuc-user-info { display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-width: 0 !important; gap: 1px !important; text-align: left !important; } #unipile-imap-use-cases-section .iuc-user-name { font-size: 11px !important; font-weight: 600 !important; color: #1e293b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #unipile-imap-use-cases-section .iuc-user-msg { font-size: 9px !important; color: #64748b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } \/* Event Cell *\/ #unipile-imap-use-cases-section .iuc-event { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; min-width: 0 !important; } #unipile-imap-use-cases-section .iuc-event-icon { width: 28px !important; height: 28px !important; min-width: 28px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 600 !important; font-size: 12px !important; color: #ffffff !important; } #unipile-imap-use-cases-section .iuc-event-icon.outreach { background: #a8d5ba !important; color: #3BB98B !important; } #unipile-imap-use-cases-section .iuc-event-icon.meeting { background: #c5d9f1 !important; color: #4285F4 !important; } #unipile-imap-use-cases-section .iuc-event-icon.demo { background: #f5e0d0 !important; color: #d97706 !important; } #unipile-imap-use-cases-section .iuc-event-icon.followup { background: #e8daf5 !important; color: #865CD6 !important; } #unipile-imap-use-cases-section .iuc-event-info { display: flex !important; flex-direction: column !important; align-items: flex-start !important; min-width: 0 !important; gap: 1px !important; text-align: left !important; } #unipile-imap-use-cases-section .iuc-event-title { font-size: 11px !important; font-weight: 600 !important; color: #1e293b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #unipile-imap-use-cases-section .iuc-event-time { font-size: 9px !important; color: #64748b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #unipile-imap-use-cases-section .iuc-job { display: flex !important; align-items: center !important; gap: 5px !important; min-width: 0 !important; } #unipile-imap-use-cases-section .iuc-job-dot { width: 6px !important; height: 6px !important; min-width: 6px !important; border-radius: 50% !important; } #unipile-imap-use-cases-section .iuc-job-dot.green { background: #3BB98B !important; } #unipile-imap-use-cases-section .iuc-job-dot.blue { background: #4285F4 !important; } #unipile-imap-use-cases-section .iuc-job-dot.purple { background: #865CD6 !important; } #unipile-imap-use-cases-section .iuc-job-dot.orange { background: #f59e0b !important; } #unipile-imap-use-cases-section .iuc-job-text { font-size: 10px !important; color: #1e293b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #unipile-imap-use-cases-section .iuc-platform { display: flex !important; justify-content: center !important; align-items: center !important; } #unipile-imap-use-cases-section .iuc-platform img { width: 18px !important; height: 18px !important; object-fit: contain !important; } #unipile-imap-use-cases-section .iuc-platform-group { display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; } #unipile-imap-use-cases-section .iuc-platform-group img { width: 18px !important; height: 18px !important; object-fit: contain !important; } #unipile-imap-use-cases-section .iuc-time { font-size: 9px !important; color: #64748b !important; text-align: right !important; white-space: nowrap !important; } #unipile-imap-use-cases-section .iuc-company { font-size: 10px !important; color: #1e293b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } \/* Status *\/ #unipile-imap-use-cases-section .iuc-status { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; font-size: 8px !important; font-weight: 600 !important; padding: 3px 6px !important; border-radius: 10px !important; white-space: nowrap !important; margin-left: auto !important; } #unipile-imap-use-cases-section .iuc-status.responsive { background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important; } #unipile-imap-use-cases-section .iuc-status.interested { background: rgba(66, 133, 244, 0.1) !important; color: #4285F4 !important; } #unipile-imap-use-cases-section .iuc-status.proposal { background: rgba(245, 158, 11, 0.1) !important; color: #d97706 !important; } #unipile-imap-use-cases-section .iuc-status.won { background: rgba(134, 92, 214, 0.1) !important; color: #865CD6 !important; } #unipile-imap-use-cases-section .iuc-status-dot { width: 4px !important; height: 4px !important; min-width: 4px !important; border-radius: 50% !important; background: currentColor !important; } \/* Card Content *\/ #unipile-imap-use-cases-section .iuc-card-title { font-family: 'Poppins', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: #0f2736 !important; margin-bottom: 10px !important; } #unipile-imap-use-cases-section .iuc-card-desc { font-size: 14px !important; color: #64748b !important; line-height: 1.6 !important; margin-bottom: 20px !important; min-height: 66px !important; } \/* CTA *\/ #unipile-imap-use-cases-section .iuc-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: #0f2736 !important; background: #DDDF4C !important; text-decoration: none !important; font-weight: 600 !important; font-size: 0.85rem !important; padding: 12px 22px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; } #unipile-imap-use-cases-section .iuc-cta:hover { transform: translateY(-3px) !important; } #unipile-imap-use-cases-section .iuc-cta svg { width: 14px !important; height: 14px !important; stroke: #0f2736 !important; transition: transform 0.3s ease !important; } #unipile-imap-use-cases-section .iuc-cta:hover svg { transform: translateX(4px) !important; } \/* Responsive *\/ @media (max-width: 1024px) { #unipile-imap-use-cases-section .iuc-grid { grid-template-columns: repeat(2, 1fr) !important; } #unipile-imap-use-cases-section .iuc-card:last-child { grid-column: span 2 !important; max-width: 380px !important; justify-self: center !important; } } @media (max-width: 900px) { #unipile-imap-use-cases-section .iuc-title { font-size: 28px !important; } } @media (max-width: 700px) { #unipile-imap-use-cases-section .iuc-grid { grid-template-columns: 1fr !important; } #unipile-imap-use-cases-section .iuc-card:last-child { grid-column: span 1 !important; max-width: none !important; } } @media (max-width: 500px) { #unipile-imap-use-cases-section { padding: 40px 16px !important; } #unipile-imap-use-cases-section .iuc-title { font-size: 24px !important; } } <\/style>\n<p> <\/p>\n<div class=\"iuc-container\">  <\/p>\n<div class=\"iuc-header\"> <\/p>\n<div class=\"iuc-badge\"> <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/> <path d=\"M2 17l10 5 10-5\"\/> <path d=\"M2 12l10 5 10-5\"\/> <\/svg> Use Cases <\/div>\n<p> <\/p>\n<h2 class=\"iuc-title\">IMAP API Use Cases<\/h2>\n<p> <pee class=\"iuc-subtitle\">Integrate iCloud, Yahoo, ISP and any IMAP provider into your platform. From recruiting to sales to outreach, give your users email automation at scale \u2014 regardless of their provider.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"iuc-grid\">  <\/p>\n<div class=\"iuc-card\"> <\/p>\n<div class=\"iuc-mockup\"> <\/p>\n<div class=\"iuc-mockup-header\"> <\/p>\n<div class=\"iuc-mockup-logo ats\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg> <\/div>\n<p> <span class=\"iuc-mockup-name\">Your ATS<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-tabs\"> <span class=\"iuc-tab active purple\">Candidates<\/span> <span class=\"iuc-tab inactive\">Jobs<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-table-header ats\"> <span>Candidate<\/span> <span>Job<\/span> <span>Via<\/span> <span>Received<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-table-body\"> <\/p>\n<div class=\"iuc-row ats\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/06\/unipile-profile-avatar-32.jpg\" class=\"iuc-avatar\" alt=\"Thomas Weller\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">Thomas Weller<\/span><span class=\"iuc-user-msg\">CV attached, available soon<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-job\"><span class=\"iuc-job-dot green\"><\/span><span class=\"iuc-job-text\">Senior Dev<\/span><\/div>\n<p> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-time\">2 hours ago<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row ats\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-25.jpg\" class=\"iuc-avatar\" alt=\"Clara Fontaine\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">Clara Fontaine<\/span><span class=\"iuc-user-msg\">Thanks for reaching out!<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-job\"><span class=\"iuc-job-dot blue\"><\/span><span class=\"iuc-job-text\">UX Lead<\/span><\/div>\n<p> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-time\">5 hours ago<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row ats\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-15.jpg\" class=\"iuc-avatar\" alt=\"James Carter\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">James Carter<\/span><span class=\"iuc-user-msg\">Available next Tuesday<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-job\"><span class=\"iuc-job-dot purple\"><\/span><span class=\"iuc-job-text\">Marketer<\/span><\/div>\n<p> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-time\">1 day ago<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row ats\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-20.jpg\" class=\"iuc-avatar\" alt=\"Anna Kim\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">Anna Kim<\/span><span class=\"iuc-user-msg\">Can we reschedule?<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-job\"><span class=\"iuc-job-dot orange\"><\/span><span class=\"iuc-job-text\">Designer<\/span><\/div>\n<p> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-time\">2 days ago<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"iuc-card-title\">ATS Publisher<\/h3>\n<p> <pee class=\"iuc-card-desc\">Let recruiters sync IMAP conversations with candidates directly in your ATS, iCloud, Yahoo or ISP.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-ats-publisher\/\" class=\"iuc-cta\"> ATS Use Case <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"iuc-card\"> <\/p>\n<div class=\"iuc-mockup\"> <\/p>\n<div class=\"iuc-mockup-header\"> <\/p>\n<div class=\"iuc-mockup-logo crm\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg> <\/div>\n<p> <span class=\"iuc-mockup-name\">Your CRM<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-tabs\"> <span class=\"iuc-tab active green\">Contacts<\/span> <span class=\"iuc-tab inactive\">Deals<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-table-header crm\"> <span>Contact<\/span> <span>Company<\/span> <span>Via<\/span> <span>Status<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-table-body\"> <\/p>\n<div class=\"iuc-row crm\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-33.jpg\" class=\"iuc-avatar\" alt=\"David Wong\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">David Wong<\/span><span class=\"iuc-user-msg\">Sounds great! Let’s go<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"iuc-company\">NexaTech<\/span> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-status responsive\"><span class=\"iuc-status-dot\"><\/span>Responsive<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row crm\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/06\/unipile-profile-avatar-47.jpg\" class=\"iuc-avatar\" alt=\"Sophie Laurent\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">Sophie Laurent<\/span><span class=\"iuc-user-msg\">Can you send pricing?<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"iuc-company\">Synthex<\/span> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-status interested\"><span class=\"iuc-status-dot\"><\/span>Interested<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row crm\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-18.jpg\" class=\"iuc-avatar\" alt=\"Marc Peters\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">Marc Peters<\/span><span class=\"iuc-user-msg\">Got the proposal \u2705<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"iuc-company\">Orbix<\/span> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-status proposal\"><span class=\"iuc-status-dot\"><\/span>Proposal<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row crm\"> <\/p>\n<div class=\"iuc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-44.jpg\" class=\"iuc-avatar\" alt=\"Julia Chen\"> <\/p>\n<div class=\"iuc-user-info\"><span class=\"iuc-user-name\">Julia Chen<\/span><span class=\"iuc-user-msg\">Contract signed!<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"iuc-company\">Quark<\/span> <\/p>\n<div class=\"iuc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><\/div>\n<p> <span class=\"iuc-status won\"><span class=\"iuc-status-dot\"><\/span>Won<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"iuc-card-title\">CRM Publisher<\/h3>\n<p> <pee class=\"iuc-card-desc\">Sync IMAP conversations into your CRM from any provider. Your users manage deals and follow-ups with full email context, no app switching required.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-crm-publisher\/\" class=\"iuc-cta\"> CRM Use Case <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"iuc-card\"> <\/p>\n<div class=\"iuc-mockup\"> <\/p>\n<div class=\"iuc-mockup-header\"> <\/p>\n<div class=\"iuc-mockup-logo outreach\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 2L11 13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg> <\/div>\n<p> <span class=\"iuc-mockup-name\">Your Outreach Tool<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-tabs\"> <span class=\"iuc-tab active green\">Sequences<\/span> <span class=\"iuc-tab inactive\">Contacts<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-table-header outreach\"> <span>Sequence Step<\/span> <span>Channels<\/span> <span>Status<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-table-body\"> <\/p>\n<div class=\"iuc-row outreach\"> <\/p>\n<div class=\"iuc-event\"> <\/p>\n<div class=\"iuc-event-icon outreach\">1<\/div>\n<p> <\/p>\n<div class=\"iuc-event-info\"> <span class=\"iuc-event-title\">Thomas – Intro<\/span> <span class=\"iuc-event-time\">Email + Calendar<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-platform-group\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"Email\" title=\"IMAP Email\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Calendar\" title=\"Calendar\"> <\/div>\n<p> <span class=\"iuc-status responsive\"><span class=\"iuc-status-dot\"><\/span>Live<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row outreach\"> <\/p>\n<div class=\"iuc-event\"> <\/p>\n<div class=\"iuc-event-icon meeting\">2<\/div>\n<p> <\/p>\n<div class=\"iuc-event-info\"> <span class=\"iuc-event-title\">Clara – Multi-channel<\/span> <span class=\"iuc-event-time\">LinkedIn + WhatsApp<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-platform-group\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" title=\"LinkedIn\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\" title=\"WhatsApp\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"Email\" title=\"IMAP Email\"> <\/div>\n<p> <span class=\"iuc-status interested\"><span class=\"iuc-status-dot\"><\/span>Live<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row outreach\"> <\/p>\n<div class=\"iuc-event\"> <\/p>\n<div class=\"iuc-event-icon demo\">3<\/div>\n<p> <\/p>\n<div class=\"iuc-event-info\"> <span class=\"iuc-event-title\">Marc – Schedule<\/span> <span class=\"iuc-event-time\">Email + Calendar<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-platform-group\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"Email\" title=\"IMAP Email\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Calendar\" title=\"Calendar\"> <\/div>\n<p> <span class=\"iuc-status proposal\"><span class=\"iuc-status-dot\"><\/span>Paused<\/span> <\/div>\n<p> <\/p>\n<div class=\"iuc-row outreach\"> <\/p>\n<div class=\"iuc-event\"> <\/p>\n<div class=\"iuc-event-icon followup\">4<\/div>\n<p> <\/p>\n<div class=\"iuc-event-info\"> <span class=\"iuc-event-title\">Anna – Demo<\/span> <span class=\"iuc-event-time\">Calendar + Email<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iuc-platform-group\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Calendar\" title=\"Calendar\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"Email\" title=\"IMAP Email\"> <\/div>\n<p> <span class=\"iuc-status won\"><span class=\"iuc-status-dot\"><\/span>Draft<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"iuc-card-title\">Outreach<\/h3>\n<p> <pee class=\"iuc-card-desc\">Add IMAP email steps to multi-channel sequences. Send from iCloud, Yahoo or any ISP address with real-time open tracking and webhook notifications.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-outreach\/\" class=\"iuc-cta\"> Outreach Use Case <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|phone” admin_label=”Section” _builder_version=”4.27.3″ _module_preset=”ffe432b4-f12e-4600-a860-39c5409ee726″ background_color=”#0F2736″ custom_padding_tablet=”50px|24px|100px|24px|false|false” custom_padding_phone=”50px|24px|30px|24px|false|false” da_disable_devices=”off|off|off” global_module=”264172″ saved_tabs=”all” locked=”off” collapsed=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_row custom_padding_last_edited=”on|phone” admin_label=”Pricing API linkedin” _builder_version=”4.26.0″ _module_preset=”d262fa47-41f0-401c-96d8-82aea304ab04″ background_color=”RGBA(255,255,255,0)” max_width_tablet=”” max_width_phone=”” max_width_last_edited=”on|phone” custom_margin=”2px|auto|40px|auto|false|false” custom_margin_tablet=”” custom_margin_phone=”0px||40px||false|false” custom_margin_last_edited=”on|phone” custom_padding=”35px|35px|35px|35px|true|true” custom_padding_tablet=”35px|35px|35px|35px|true|true” custom_padding_phone=”15px|10px|15px|10px|false|false” border_radii=”on|8px|8px|8px|8px” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.21.0″ _module_preset=”1e9c10b2-f756-4e6b-b4fa-e5ce6ebdaa47″ global_colors_info=”{}”][et_pb_text _builder_version=”4.27.4″ _module_preset=”477606f8-6ca8-42e3-9d50-1d5e3258ceba” header_text_color=”#0F2736″ header_3_text_color=”#0F2736″ header_3_letter_spacing=”0.1px” custom_margin=”4px|0px|10px|0px|false|false” custom_padding_phone=”0px|10px|20px|10px|false|true” header_3_font_size_phone=”30px” global_colors_info=”{}”]<\/p>\n<h3 style=\"text-align: center;\"><span style=\"color: #ffffff;\">Build Features into Your Product Today<\/span><span style=\"color: #ffffff;\"><\/span><\/h3>\n<p>[\/et_pb_text][et_pb_text _builder_version=”4.27.3″ _module_preset=”477606f8-6ca8-42e3-9d50-1d5e3258ceba” header_text_color=”#0F2736″ header_3_text_color=”#0F2736″ header_3_letter_spacing=”0.1px” custom_margin=”4px|0px|10px|0px|false|false” custom_padding_phone=”0px|10px|20px|10px|false|true” global_colors_info=”{}”]<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Try our White-Label solution for free and unlock its full potential for your business. With the <strong>7-Day Free Trial<\/strong>, gain access to the complete suite of features designed to enhance your platform’s capabilities and branding. <\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n<style> \/* Scope global UNIQUEMENT au bloc pricing *\/ .unipile-pricing-wrapper { font-family: 'Inter', sans-serif; } .unipile-pricing-wrapper * { box-sizing: border-box; } \/* Carte unique *\/ .unipile-pricing-wrapper .pricing-card { max-width: 1200px; margin: 0 auto; background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 24px; padding: 48px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); } .unipile-pricing-wrapper .pricing-content { display: grid; grid-template-columns: 1fr 1px 1fr; gap: 48px; align-items: start; } \/* S\u00e9parateur vertical *\/ .unipile-pricing-wrapper .divider { width: 1px; height: 100%; background: rgba(255, 255, 255, 0.12); box-shadow: 0 0 20px rgba(255, 255, 255, 0.05); } \/* Section gauche - Calculator *\/ .unipile-pricing-wrapper .calculator-section { padding-right: 24px; } .unipile-pricing-wrapper .calculator-title { font-size: 22px; font-weight: 600; font-family: 'Poppins', sans-serif; color: #FFFFFF; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 24px; text-align: center; } .unipile-pricing-wrapper .account-display { text-align: center; margin-bottom: 24px; } .unipile-pricing-wrapper .account-number { font-size: 48px; font-weight: 700; color: #FFFFFF; line-height: 1; margin-bottom: 8px; margin-top: 50px; } .unipile-pricing-wrapper .account-label { font-size: 16px; color: rgba(255, 255, 255, 0.6); font-weight: 400; } \/* Slider *\/ .unipile-pricing-wrapper .slider-container { margin: 24px 0; } .unipile-pricing-wrapper input[type=\"range\"] { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 3px; background: linear-gradient(to right, #dddf4c 0%, #dddf4c 33%, rgba(255, 255, 255, 0.1) 33%, rgba(255, 255, 255, 0.1) 100%); outline: none; transition: all 0.3s ease; } .unipile-pricing-wrapper input[type=\"range\"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #dddf4c; cursor: pointer; transition: all 0.3s ease; } .unipile-pricing-wrapper input[type=\"range\"]::-webkit-slider-thumb:hover { transform: scale(1.2); } .unipile-pricing-wrapper input[type=\"range\"]::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: #dddf4c; cursor: pointer; border: none; transition: all 0.3s ease; } .unipile-pricing-wrapper input[type=\"range\"]::-moz-range-thumb:hover { transform: scale(1.2); } \/* Prix *\/ .unipile-pricing-wrapper .price-display { text-align: center; margin: 24px 0; } .unipile-pricing-wrapper .price-amount { font-size: 56px; font-weight: 700; color: #dddf4c; line-height: 1; } .unipile-pricing-wrapper .price-detail { font-size: 16px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; } \/* Currency Switch *\/ .unipile-pricing-wrapper .currency-switch { display: flex; justify-content: center; gap: 8px; margin-top: 24px; padding: 6px; background: rgba(255, 255, 255, 0.05); border-radius: 12px; width: fit-content; margin-left: auto; margin-right: auto; } .unipile-pricing-wrapper .currency-switch label { padding: 8px 20px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.6); transition: all 0.3s ease; } .unipile-pricing-wrapper .currency-switch input[type=\"radio\"] { display: none; } .unipile-pricing-wrapper .currency-switch input[type=\"radio\"]:checked + span { background: rgba(221, 223, 76, 0.2); color: #dddf4c; } .unipile-pricing-wrapper .currency-switch label:hover span { color: #FFFFFF; } \/* Tooltip *\/ .unipile-pricing-wrapper .tooltip-link { display: inline-block; margin-top: 20px; color: rgba(255, 255, 255, 0.7); font-size: 14px; border-bottom: 1px dashed rgba(255, 255, 255, 0.3); cursor: pointer; position: relative; transition: all 0.3s ease; user-select: none; } .unipile-pricing-wrapper .tooltip-link:hover { color: #dddf4c; border-bottom-color: #dddf4c; } .unipile-pricing-wrapper .tooltip-text { visibility: hidden; opacity: 0; position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%); width: 320px; background: #FFFFFF; color: #0F2836; font-size: 13px; line-height: 1.6; padding: 16px; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; z-index: 10; } .unipile-pricing-wrapper .tooltip-text::before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-bottom-color: #FFFFFF; } .unipile-pricing-wrapper .tooltip-link:hover .tooltip-text { visibility: visible; opacity: 1; } \/* Mobile tooltip *\/ @media (max-width: 640px) { .unipile-pricing-wrapper .tooltip-link { position: relative; -webkit-tap-highlight-color: transparent; } .unipile-pricing-wrapper .tooltip-text { position: absolute; top: calc(100% + 12px); bottom: auto; left: 50%; transform: translateX(-50%); width: calc(100vw - 48px); max-width: 320px; pointer-events: none; z-index: 1000; } .unipile-pricing-wrapper .tooltip-text::before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-bottom-color: #FFFFFF; display: block; } .unipile-pricing-wrapper .tooltip-link.active .tooltip-text { visibility: visible; opacity: 1; pointer-events: auto; } } \/* Section droite - Features *\/ .unipile-pricing-wrapper .features-section-pricing { padding-left: 24px; } .unipile-pricing-wrapper .features-title { font-size: 22px; font-weight: 600; font-family: 'Poppins', sans-serif; color: #FFFFFF; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 32px; text-align: center; } .unipile-pricing-wrapper .feature-item-pricing { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 24px; margin-left: 40px; transition: transform 0.3s ease; } .unipile-pricing-wrapper .feature-item-pricing:hover { transform: translateX(8px); } .unipile-pricing-wrapper .feature-icon { width: 28px; height: 28px; flex-shrink: 0; margin-top: 2px; } .unipile-pricing-wrapper .feature-title { font-size: 19px; font-weight: 600; color: #FFFFFF; margin-bottom: 4px; } .unipile-pricing-wrapper .feature-description { font-size: 16px; color: rgba(255, 255, 255, 0.7); line-height: 1.5; } \/* CTA *\/ .unipile-pricing-wrapper .cta-section { text-align: center; margin-top: 32px; padding-top: 0; } .unipile-pricing-wrapper .cta-button { display: inline-block; background: #dddf4c; color: #0F2836; font-size: 17px; font-weight: 700; padding: 16px 56px; border-radius: 12px; text-decoration: none; transition: background 0.3s ease; } .unipile-pricing-wrapper .cta-button:hover { background: #f0f25a; } .unipile-pricing-wrapper .cta-note { font-size: 13px; color: rgba(255, 255, 255, 0.6); margin-top: 16px; } \/* Responsive *\/ @media (max-width: 968px) { .unipile-pricing-wrapper .pricing-card { padding: 32px; } .unipile-pricing-wrapper .pricing-content { grid-template-columns: 1fr; gap: 32px; } .unipile-pricing-wrapper .divider { display: none; } .unipile-pricing-wrapper .calculator-section, .unipile-pricing-wrapper .features-section-pricing { padding: 0; } .unipile-pricing-wrapper .calculator-section { padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .unipile-pricing-wrapper .account-number { font-size: 48px; } .unipile-pricing-wrapper .price-amount { font-size: 56px; } } @media (max-width: 640px) { .unipile-pricing-wrapper .pricing-card { padding: 24px; } .unipile-pricing-wrapper .account-number { font-size: 40px; } .unipile-pricing-wrapper .price-amount { font-size: 48px; } .unipile-pricing-wrapper .calculator-title, .unipile-pricing-wrapper .features-title { font-size: 20px; } .unipile-pricing-wrapper .feature-title { font-size: 17px; } .unipile-pricing-wrapper .feature-description { font-size: 15px; } }<\/style>\n<p><\/p>\n<div class=\"unipile-pricing-wrapper\"> <\/p>\n<div class=\"pricing-card\"> <\/p>\n<div class=\"pricing-content\">  <\/p>\n<div class=\"calculator-section\"> <\/p>\n<div class=\"calculator-title\">How many accounts?<\/div>\n<p>  <\/p>\n<div class=\"account-display\"> <\/p>\n<div class=\"account-number\" id=\"account-count\">11 to 50<\/div>\n<p> <\/p>\n<div class=\"account-label\">accounts<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"slider-container\"> <input type=\"range\" min=\"1\" max=\"6\" value=\"2\" id=\"accountSlider\" step=\"1\"> <\/div>\n<p> <\/p>\n<div class=\"price-display\"> <\/p>\n<div class=\"price-amount\"> <span id=\"price\">5.00<\/span> <span id=\"currency-display\">\u20ac<\/span> <\/div>\n<p> <\/p>\n<div class=\"price-detail\" id=\"price-type\">\/account\/month<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"currency-switch\"> <label> <input type=\"radio\" name=\"currency\" value=\"EUR\"> <span>\u20ac EUR<\/span> <\/label> <label> <input type=\"radio\" name=\"currency\" value=\"USD\"> <span>$ USD<\/span> <\/label> <\/div>\n<p> <\/p>\n<div style=\"text-align: center;\"> <span class=\"tooltip-link\"> How accounts are calculated <span class=\"tooltip-text\"> Pricing is based on the number of linked accounts. For example, 3 Emails + 2 LinkedIn + 6 WhatsApp accounts would cost 55\u20ac (11 x 5\u20ac) (or $60.5, 11 x $5.5). No additional cost by request. We have minimum of 49\u20ac\/month ($55), including up to 10 accounts. <\/span> <\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"divider\"><\/div>\n<p>  <\/p>\n<div class=\"features-section-pricing\"> <\/p>\n<h2 class=\"features-title\">What’s included<\/h2>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">One API. All channels<\/div>\n<p> <\/p>\n<div class=\"feature-description\">Linkedin, Instagram, Email, WhatsApp…<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">All Features<\/div>\n<p> <\/p>\n<div class=\"feature-description\">Outreach, Real-time Inbox, Enrichment…<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">Unlimited usage<\/div>\n<p> <\/p>\n<div class=\"feature-description\">Only providers limit apply.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">7-Day Free Trial<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"cta-section\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\" class=\"cta-button\">Build Now<\/a> <\/p>\n<div class=\"cta-note\">Cancel anytime. No credit card required<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><script> document.addEventListener('DOMContentLoaded', function() { function getCurrencyByLanguage() { const userLanguage = navigator.language || (navigator.languages && navigator.languages[0]) || 'en'; const europeanLanguages = ['en-GB', 'fr', 'de', 'es', 'it', 'nl', 'pt', 'pl', 'sv', 'da', 'fi', 'no', 'cs', 'hu', 'ro', 'el', 'bg', 'sk']; const dollarCountries = { 'en-US': 'USD', 'en-CA': 'USD', 'en-AU': 'USD', 'en-NZ': 'USD', 'en-SG': 'USD' }; if (dollarCountries[userLanguage]) return dollarCountries[userLanguage]; if (europeanLanguages.some(lang => userLanguage.startsWith(lang))) return 'EUR'; return 'EUR'; } const slider = document.getElementById(\"accountSlider\"); if (!slider) return; const accountCount = document.getElementById(\"account-count\"); const price = document.getElementById(\"price\"); const currencyDisplay = document.getElementById(\"currency-display\"); const priceType = document.getElementById(\"price-type\"); const currencySwitch = document.querySelectorAll(\"input[name='currency']\"); let currency = getCurrencyByLanguage(); const pricesEUR = [49.00, 5.00, 4.50, 4.00, 3.50, 3.00]; const pricesUSD = [55.00, 5.50, 5.00, 4.50, 4.00, 3.50]; function updatePrice(value) { let accounts, priceValue; switch (parseInt(value)) { case 1: accounts = \"Up to 10\"; priceValue = currency === 'EUR' ? pricesEUR[0] : pricesUSD[0]; priceType.innerText = \"\/month\"; break; case 2: accounts = \"11 to 50\"; priceValue = currency === 'EUR' ? pricesEUR[1] : pricesUSD[1]; priceType.innerText = \"\/account\/month\"; break; case 3: accounts = \"51 to 200\"; priceValue = currency === 'EUR' ? pricesEUR[2] : pricesUSD[2]; priceType.innerText = \"\/account\/month\"; break; case 4: accounts = \"201 to 1000\"; priceValue = currency === 'EUR' ? pricesEUR[3] : pricesUSD[3]; priceType.innerText = \"\/account\/month\"; break; case 5: accounts = \"1001 to 5000\"; priceValue = currency === 'EUR' ? pricesEUR[4] : pricesUSD[4]; priceType.innerText = \"\/account\/month\"; break; case 6: accounts = \"5001+\"; priceValue = currency === 'EUR' ? pricesEUR[5] : pricesUSD[5]; priceType.innerText = \"\/account\/month\"; break; } accountCount.innerText = accounts; price.innerText = priceValue.toFixed(2); currencyDisplay.innerText = currency === 'EUR' ? \"\u20ac\" : \"$\"; } function updateSliderBackground(value) { const percentage = ((value - 1) \/ 5) * 100; slider.style.background = `linear-gradient(to right, #dddf4c 0%, #dddf4c ${percentage}%, rgba(255, 255, 255, 0.1) ${percentage}%, rgba(255, 255, 255, 0.1) 100%)`; } currencySwitch.forEach(switcher => { switcher.addEventListener(\"change\", function () { currency = this.value; updatePrice(slider.value); }); }); slider.addEventListener(\"input\", function () { updatePrice(this.value); updateSliderBackground(this.value); }); updatePrice(2); updateSliderBackground(2); const radioToCheck = document.querySelector(`input[name=\"currency\"][value=\"${currency}\"]`); if (radioToCheck) radioToCheck.checked = true; \/\/ Tooltip mobile const tooltipLink = document.querySelector('.unipile-pricing-wrapper .tooltip-link'); if (tooltipLink) { tooltipLink.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); this.classList.toggle('active'); }); document.addEventListener('click', function(e) { if (!tooltipLink.contains(e.target)) { tooltipLink.classList.remove('active'); } }); } });<\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>IMAP API Developer Features – Unipile<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\"><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 style=\"margin:0;padding:0;background:#f4f5f7;\"><\/p>\n<style>#upl-imap-dev-features { font-family: 'Inter', sans-serif; background: #f4f5f7; padding: 80px 20px; position: relative;}#upl-imap-dev-features *,#upl-imap-dev-features *::before,#upl-imap-dev-features *::after { margin: 0; padding: 0; box-sizing: border-box;}#upl-imap-dev-features .idf-container { max-width: 1200px; margin: 0 auto;}\/* Section Header *\/#upl-imap-dev-features .idf-header { text-align: center; margin-bottom: 50px;}#upl-imap-dev-features .idf-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(59, 185, 139, 0.1); color: #3BB98B; padding: 8px 16px; border-radius: 20px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px;}#upl-imap-dev-features .idf-badge svg { width: 14px; height: 14px;}#upl-imap-dev-features .idf-title { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #0f2736; line-height: 1.2; margin-bottom: 16px;}#upl-imap-dev-features .idf-subtitle { font-size: 17px; color: #0f2736; line-height: 1.6; max-width: 680px; margin: 0 auto;}\/* Main Grid *\/#upl-imap-dev-features .idf-main-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 30px; margin-bottom: 40px;}\/* CODE CARD *\/#upl-imap-dev-features .idf-code-card { background: #ffffff; border-radius: 16px; padding: 24px;}#upl-imap-dev-features .idf-card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px;}#upl-imap-dev-features .idf-card-icon { width: 40px; height: 40px; background: rgba(59, 185, 139, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center;}#upl-imap-dev-features .idf-card-icon svg { width: 20px; height: 20px; color: #3BB98B;}#upl-imap-dev-features .idf-card-title { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #0f2736;}#upl-imap-dev-features .idf-card-desc { font-size: 14px; color: #64748b; line-height: 1.5; margin-bottom: 16px;}#upl-imap-dev-features .idf-code-block { background: #0f2736; border-radius: 12px; overflow: hidden;}#upl-imap-dev-features .idf-code-header { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.1);}#upl-imap-dev-features .idf-dot { width: 10px; height: 10px; border-radius: 50%;}#upl-imap-dev-features .idf-dot.r { background: #ff5f57; }#upl-imap-dev-features .idf-dot.y { background: #febc2e; }#upl-imap-dev-features .idf-dot.g { background: #28c840; }#upl-imap-dev-features .idf-filename { margin-left: auto; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: rgba(255, 255, 255, 0.4);}#upl-imap-dev-features .idf-code-body { padding: 18px; overflow-x: auto;}#upl-imap-dev-features .idf-code-body pre { font-family: 'JetBrains Mono', monospace; font-size: 12px; line-height: 1.7; color: #e2e8f0; white-space: pre; margin: 0;}#upl-imap-dev-features .idf-code-body .kw { color: #c084fc; }#upl-imap-dev-features .idf-code-body .fn { color: #60a5fa; }#upl-imap-dev-features .idf-code-body .str { color: #4ade80; }#upl-imap-dev-features .idf-code-body .cm { color: #64748b; }#upl-imap-dev-features .idf-code-body .var { color: #f472b6; }#upl-imap-dev-features .idf-code-footer { padding: 14px 18px; border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: space-between;}#upl-imap-dev-features .idf-code-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #DDDF4C; text-decoration: none; transition: gap 0.3s ease;}#upl-imap-dev-features .idf-code-link:hover { gap: 10px; }#upl-imap-dev-features .idf-code-link svg { width: 14px; height: 14px; }#upl-imap-dev-features .idf-code-tag { display: flex; align-items: center; gap: 5px; font-size: 11px; color: rgba(255, 255, 255, 0.5);}#upl-imap-dev-features .idf-code-tag svg { width: 12px; height: 12px; }\/* RIGHT SIDE - DEV FEATURES *\/#upl-imap-dev-features .idf-dev-features { display: flex; flex-direction: column; gap: 16px;}#upl-imap-dev-features .idf-dev-card { background: #ffffff; border-radius: 14px; padding: 20px; display: flex; gap: 16px;}#upl-imap-dev-features .idf-dev-icon { width: 44px; height: 44px; background: rgba(59, 185, 139, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}#upl-imap-dev-features .idf-dev-icon svg { width: 22px; height: 22px; color: #3BB98B;}#upl-imap-dev-features .idf-dev-content h4 { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; color: #0f2736; margin-bottom: 4px;}#upl-imap-dev-features .idf-dev-content p { font-size: 13px; color: #64748b; line-height: 1.5;}\/* PROVIDERS VISUAL *\/#upl-imap-dev-features .idf-providers-card { background: #ffffff; border-radius: 14px; padding: 20px;}#upl-imap-dev-features .idf-providers-visual { display: flex; align-items: center; justify-content: center; gap: 12px;}#upl-imap-dev-features .idf-prov-icons { display: flex; gap: 8px;}#upl-imap-dev-features .idf-prov-icon { width: 44px; height: 44px; background: #f8fafc; border-radius: 10px; display: flex; align-items: center; justify-content: center; border: 1px solid #e5e7eb;}#upl-imap-dev-features .idf-prov-icon img { width: 24px; height: 24px; object-fit: contain; }#upl-imap-dev-features .idf-prov-label { font-size: 9px; color: #94a3b8; font-weight: 500; text-align: center; margin-top: 4px;}#upl-imap-dev-features .idf-prov-col { display: flex; flex-direction: column; align-items: center;}#upl-imap-dev-features .idf-prov-arrow { color: #3BB98B; display: flex; align-items: center;}#upl-imap-dev-features .idf-prov-arrow svg { width: 20px; height: 20px; }#upl-imap-dev-features .idf-unified-box { background: rgba(59, 185, 139, 0.1); border-radius: 10px; padding: 10px 16px; display: flex; align-items: center; gap: 8px; color: #3BB98B;}#upl-imap-dev-features .idf-unified-box svg { width: 20px; height: 20px; }#upl-imap-dev-features .idf-unified-box span { font-size: 12px; font-weight: 600; white-space: nowrap;}\/* HIGHLIGHT CARD *\/#upl-imap-dev-features .idf-highlight-card { background: linear-gradient(135deg, rgba(59, 185, 139, 0.08) 0%, rgba(59, 185, 139, 0.03) 100%); border: 1px solid rgba(59, 185, 139, 0.25); position: relative; overflow: visible;}#upl-imap-dev-features .idf-highlight-badge { position: absolute; top: -10px; right: 16px; background: #3BB98B; color: #ffffff; font-size: 10px; font-weight: 600; padding: 4px 10px; border-radius: 12px; text-transform: uppercase; letter-spacing: 0.3px;}#upl-imap-dev-features .idf-highlight-card .idf-dev-icon { background: rgba(59, 185, 139, 0.2);}\/* CTA *\/#upl-imap-dev-features .idf-cta-wrap { text-align: center;}#upl-imap-dev-features .idf-cta-btn { display: inline-flex; align-items: center; gap: 8px; background: #DDDF4C; color: #0f2736; font-size: 15px; font-weight: 600; padding: 14px 32px; border-radius: 10px; text-decoration: none; transition: transform 0.3s ease;}#upl-imap-dev-features .idf-cta-btn:hover { transform: translateY(-3px); }#upl-imap-dev-features .idf-cta-btn svg { width: 18px; height: 18px; transition: transform 0.3s ease; }#upl-imap-dev-features .idf-cta-btn:hover svg { transform: translateX(4px); }\/* Responsive *\/@media (max-width: 1024px) { #upl-imap-dev-features .idf-main-grid { grid-template-columns: 1fr; } #upl-imap-dev-features .idf-title { font-size: 30px; }}@media (max-width: 768px) { #upl-imap-dev-features { padding: 60px 16px; } #upl-imap-dev-features .idf-title { font-size: 28px; } #upl-imap-dev-features .idf-subtitle { font-size: 15px; } #upl-imap-dev-features .idf-code-card { padding: 18px; } #upl-imap-dev-features .idf-code-body { padding: 14px; } #upl-imap-dev-features .idf-code-body pre { font-size: 10px; line-height: 1.6; } #upl-imap-dev-features .idf-code-footer { flex-direction: column; gap: 12px; align-items: flex-start; } #upl-imap-dev-features .idf-dev-card { padding: 16px; } #upl-imap-dev-features .idf-dev-icon { width: 38px; height: 38px; } #upl-imap-dev-features .idf-dev-icon svg { width: 18px; height: 18px; } #upl-imap-dev-features .idf-dev-content h4 { font-size: 14px; } #upl-imap-dev-features .idf-dev-content p { font-size: 12px; } #upl-imap-dev-features .idf-providers-visual { flex-wrap: wrap; gap: 10px; } #upl-imap-dev-features .idf-prov-icon { width: 40px; height: 40px; } #upl-imap-dev-features .idf-prov-icon img { width: 20px; height: 20px; }}@media (max-width: 600px) { #upl-imap-dev-features { padding: 50px 14px; } #upl-imap-dev-features .idf-header { margin-bottom: 35px; } #upl-imap-dev-features .idf-title { font-size: 24px; } #upl-imap-dev-features .idf-subtitle { font-size: 14px; } #upl-imap-dev-features .idf-badge { font-size: 10px; padding: 6px 12px; } #upl-imap-dev-features .idf-main-grid { gap: 20px; margin-bottom: 30px; } #upl-imap-dev-features .idf-dev-features { gap: 12px; } #upl-imap-dev-features .idf-code-body pre { font-size: 9px; line-height: 1.5; } #upl-imap-dev-features .idf-cta-btn { padding: 12px 24px; font-size: 14px; } #upl-imap-dev-features .idf-highlight-badge { font-size: 9px; padding: 3px 8px; top: -8px; right: 12px; }}@media (max-width: 400px) { #upl-imap-dev-features .idf-title { font-size: 22px; } #upl-imap-dev-features .idf-providers-visual { justify-content: flex-start; } #upl-imap-dev-features .idf-prov-icons { flex-wrap: wrap; }}<\/style>\n<p><\/p>\n<section id=\"upl-imap-dev-features\"> <\/p>\n<div class=\"idf-container\">  <\/p>\n<div class=\"idf-header\"> <\/p>\n<div class=\"idf-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"><\/polyline> <polyline points=\"8 6 2 12 8 18\"><\/polyline> <\/svg> Built for Developers <\/div>\n<p> <\/p>\n<h2 class=\"idf-title\">IMAP API Integration for Modern Apps<\/h2>\n<p> <pee class=\"idf-subtitle\">Connect iCloud, Yahoo, ISP and any IMAP server in minutes. No provider-specific code, no complex authentication flows. Send, receive, and track emails from any IMAP account with a single unified API.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"idf-main-grid\">  <\/p>\n<div class=\"idf-code-card\"> <\/p>\n<div class=\"idf-card-head\"> <\/p>\n<div class=\"idf-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"><\/polyline> <polyline points=\"8 6 2 12 8 18\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<h3 class=\"idf-card-title\">Simple Integration<\/h3>\n<p> <\/div>\n<p> <pee class=\"idf-card-desc\">Send emails, sync inboxes, and list folders from any IMAP provider with a few lines of code. Our SDK handles authentication, token refresh, and provider-specific quirks automatically.<\/pee> <\/p>\n<div class=\"idf-code-block notranslate\" translate=\"no\"> <\/p>\n<div class=\"idf-code-header\"> <span class=\"idf-dot r\"><\/span> <span class=\"idf-dot y\"><\/span> <span class=\"idf-dot g\"><\/span> <span class=\"idf-filename\">imap-integration.js<\/span> <\/div>\n<p> <\/p>\n<div class=\"idf-code-body\"> <\/p>\n<pre class=\"notranslate\" translate=\"no\"><span class=\"cm\">\/\/ Connect any IMAP provider in seconds<\/span><span class=\"kw\">import<\/span> { UnipileClient } <span class=\"kw\">from<\/span> <span class=\"str\">'unipile-node-sdk'<\/span>;<span class=\"kw\">const<\/span> client = <span class=\"kw\">new<\/span> <span class=\"fn\">UnipileClient<\/span>({ dsn: <span class=\"str\">'https:\/\/api.unipile.com'<\/span>, token: process.env.<span class=\"var\">UNIPILE_TOKEN<\/span>});<span class=\"cm\">\/\/ Send an email via IMAP (iCloud, Yahoo, ISP\u2026)<\/span><span class=\"kw\">await<\/span> client.email.<span class=\"fn\">send<\/span>({ account_id: <span class=\"var\">accountId<\/span>, to: [{ email: <span class=\"str\">'sophie@company.com'<\/span> }], subject: <span class=\"str\">'Quick follow-up on our call'<\/span>, body: <span class=\"str\">'Hi Sophie, here is the proposal...'<\/span>, tracking: { opens: <span class=\"var\">true<\/span>, clicks: <span class=\"var\">true<\/span> }});<span class=\"cm\">\/\/ List emails from any IMAP inbox<\/span><span class=\"kw\">const<\/span> emails = <span class=\"kw\">await<\/span> client.email.<span class=\"fn\">list<\/span>({ account_id: <span class=\"var\">accountId<\/span>, folder: <span class=\"str\">'INBOX'<\/span>, limit: <span class=\"var\">50<\/span>});<\/pre>\n<p> <\/div>\n<p> <\/p>\n<div class=\"idf-code-footer\"> <a href=\"https:\/\/developer.unipile.com\/reference\/accountscontroller_listaccounts\" class=\"idf-code-link\" target=\"_blank\" rel=\"noopener noreferrer\"> Explore API Reference <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <span class=\"idf-code-tag notranslate\" translate=\"no\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path> <\/svg> TypeScript Ready <\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-dev-features\">  <\/p>\n<div class=\"idf-providers-card\"> <\/p>\n<div class=\"idf-providers-visual\"> <\/p>\n<div class=\"idf-prov-icons\"> <\/p>\n<div class=\"idf-prov-col\"> <\/p>\n<div class=\"idf-prov-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <span class=\"idf-prov-label\">IMAP<\/span> <\/div>\n<p> <\/p>\n<div class=\"idf-prov-col\"> <\/p>\n<div class=\"idf-prov-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#007AFF\" stroke-width=\"2\" style=\"width:24px;height:24px;\"><path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"\/><\/svg> <\/div>\n<p> <span class=\"idf-prov-label\">iCloud<\/span> <\/div>\n<p> <\/p>\n<div class=\"idf-prov-col\"> <\/p>\n<div class=\"idf-prov-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#7200D4\" stroke-width=\"2\" style=\"width:24px;height:24px;\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"5\" rx=\"1\"\/><rect x=\"2\" y=\"11\" width=\"20\" height=\"5\" rx=\"1\"\/><circle cx=\"6\" cy=\"5.5\" r=\"1\" fill=\"#7200D4\"\/><circle cx=\"6\" cy=\"13.5\" r=\"1\" fill=\"#7200D4\"\/><\/svg> <\/div>\n<p> <span class=\"idf-prov-label\">Yahoo<\/span> <\/div>\n<p> <\/p>\n<div class=\"idf-prov-col\"> <\/p>\n<div class=\"idf-prov-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" style=\"width:24px;height:24px;\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg> <\/div>\n<p> <span class=\"idf-prov-label\">ISP<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"idf-prov-arrow\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"idf-unified-box\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path> <path d=\"M2 17l10 5 10-5\"><\/path> <path d=\"M2 12l10 5 10-5\"><\/path> <\/svg> <span>One Unified API<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-dev-card\"> <\/p>\n<div class=\"idf-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"><\/polyline> <polyline points=\"8 6 2 12 8 18\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"idf-dev-content\"> <\/p>\n<h4>RESTful API<\/h4>\n<p> <pee>Clean, standardized endpoints with JSON responses. Send emails, list folders, and manage any IMAP inbox through predictable REST calls \u2014 provider-agnostic.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-dev-card\"> <\/p>\n<div class=\"idf-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"idf-dev-content\"> <\/p>\n<h4>Real-time Webhooks<\/h4>\n<p> <pee>Get instant notifications for new emails, opens, and replies from any IMAP provider. No polling required, zero latency regardless of the email server.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-dev-card idf-highlight-card\"> <span class=\"idf-highlight-badge\">Key Advantage<\/span> <\/p>\n<div class=\"idf-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path> <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"idf-dev-content\"> <\/p>\n<h4>Universal IMAP Compatibility<\/h4>\n<p> <pee>One integration covers iCloud, Yahoo, ISP servers and any custom IMAP endpoint. No provider-specific SDKs, no separate credentials per server \u2014 a single API key handles them all.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-dev-card\"> <\/p>\n<div class=\"idf-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path> <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"idf-dev-content\"> <\/p>\n<h4>Open & Click Tracking<\/h4>\n<p> <pee>Built-in email tracking with real-time webhook notifications. Know exactly when recipients open emails and click links, across all IMAP accounts.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-dev-card\"> <\/p>\n<div class=\"idf-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"><\/path> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"idf-dev-content\"> <\/p>\n<h4>Folders Sync Across Providers<\/h4>\n<p> <pee>Full access to folder structures from any IMAP server. List, get, and filter emails by folder to mirror inbox organization directly in your app.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-dev-card\"> <\/p>\n<div class=\"idf-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48\"><\/path> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"idf-dev-content\"> <\/p>\n<h4>Attachments Support<\/h4>\n<p> <pee>Send and receive emails with attachments \u2014 PDFs, images, documents. Full file support through a single unified endpoint, regardless of the IMAP provider.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"idf-cta-wrap\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"idf-cta-btn\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <\/div>\n<p> <\/div>\n<p><\/section>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>IMAP Simplified – Unipile<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 style=\"margin:0;padding:0;background:#f4f5f7;\"><\/p>\n<div id=\"unipile-imap-simplify-section\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #unipile-imap-simplify-section, #unipile-imap-simplify-section * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; background: transparent !important; } #unipile-imap-simplify-section { padding: 80px 20px !important; background: #f4f5f7 !important; } #unipile-imap-simplify-section .ims-container { max-width: 1100px !important; margin: 0 auto !important; } \/* Header *\/ #unipile-imap-simplify-section .ims-header { text-align: center !important; margin-bottom: 50px !important; } #unipile-imap-simplify-section .ims-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important; padding: 8px 16px !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 16px !important; } #unipile-imap-simplify-section .ims-badge svg { width: 14px !important; height: 14px !important; stroke: #3BB98B !important; } #unipile-imap-simplify-section .ims-title { font-family: 'Poppins', sans-serif !important; font-size: 38px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.2 !important; margin-bottom: 16px !important; } #unipile-imap-simplify-section .ims-subtitle { font-size: 17px !important; color: #383838 !important; line-height: 1.6 !important; max-width: 720px !important; margin: 0 auto !important; } #unipile-imap-simplify-section .ims-subtitle strong { color: #0f2736 !important; font-weight: 700 !important; } \/* Two columns *\/ #unipile-imap-simplify-section .ims-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 28px !important; margin-bottom: 40px !important; } \/* Column card *\/ #unipile-imap-simplify-section .ims-col { border-radius: 16px !important; overflow: hidden !important; } #unipile-imap-simplify-section .ims-col-diy { background: #ffffff !important; border: 1px solid #e5e7eb !important; } #unipile-imap-simplify-section .ims-col-uni { background: #ffffff !important; border: 1px solid #3BB98B !important; display: flex !important; flex-direction: column !important; box-shadow: 0 4px 20px rgba(59, 185, 139, 0.08) !important; } #unipile-imap-simplify-section .ims-col-header { padding: 20px 24px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid #f0f1f3 !important; } #unipile-imap-simplify-section .ims-col-header-left { display: flex !important; align-items: center !important; gap: 12px !important; } #unipile-imap-simplify-section .ims-col-icon { width: 36px !important; height: 36px !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #unipile-imap-simplify-section .ims-col-icon svg { width: 18px !important; height: 18px !important; } #unipile-imap-simplify-section .ims-col-icon.diy { background: rgba(234, 67, 53, 0.1) !important; } #unipile-imap-simplify-section .ims-col-icon.diy svg { stroke: #EA4335 !important; } #unipile-imap-simplify-section .ims-col-icon.uni { background: rgba(59, 185, 139, 0.1) !important; } #unipile-imap-simplify-section .ims-col-icon.uni svg { stroke: #3BB98B !important; } #unipile-imap-simplify-section .ims-col-label { font-family: 'Poppins', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; color: #0f2736 !important; } #unipile-imap-simplify-section .ims-col-tag { padding: 4px 10px !important; border-radius: 12px !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; } #unipile-imap-simplify-section .ims-col-tag.hard { background: rgba(234, 67, 53, 0.1) !important; color: #EA4335 !important; } #unipile-imap-simplify-section .ims-col-tag.easy { background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important; } \/* Steps list *\/ #unipile-imap-simplify-section .ims-steps { padding: 20px 24px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } #unipile-imap-simplify-section .ims-step { display: flex !important; gap: 14px !important; position: relative !important; padding-bottom: 16px !important; } #unipile-imap-simplify-section .ims-step:last-child { padding-bottom: 0 !important; } #unipile-imap-simplify-section .ims-step-line { display: flex !important; flex-direction: column !important; align-items: center !important; width: 20px !important; flex-shrink: 0 !important; } #unipile-imap-simplify-section .ims-step-dot { width: 10px !important; height: 10px !important; border-radius: 50% !important; flex-shrink: 0 !important; margin-top: 5px !important; } #unipile-imap-simplify-section .ims-step-dot.red { background: rgba(234, 67, 53, 0.3) !important; border: 2px solid #EA4335 !important; } #unipile-imap-simplify-section .ims-step-dot.green { background: rgba(59, 185, 139, 0.3) !important; border: 2px solid #3BB98B !important; } #unipile-imap-simplify-section .ims-step-connector { width: 1px !important; flex: 1 !important; min-height: 8px !important; margin-top: 6px !important; } #unipile-imap-simplify-section .ims-step-connector.red { background: rgba(234, 67, 53, 0.15) !important; } #unipile-imap-simplify-section .ims-step-connector.green { background: rgba(59, 185, 139, 0.15) !important; } #unipile-imap-simplify-section .ims-step-content { flex: 1 !important; } #unipile-imap-simplify-section .ims-step-title { font-size: 13px !important; font-weight: 600 !important; color: #0f2736 !important; margin-bottom: 3px !important; line-height: 1.3 !important; } #unipile-imap-simplify-section .ims-step-desc { font-size: 11px !important; color: #6b7280 !important; line-height: 1.4 !important; } #unipile-imap-simplify-section .ims-step-time { display: inline-flex !important; align-items: center !important; gap: 4px !important; margin-top: 4px !important; font-size: 10px !important; font-weight: 600 !important; padding: 2px 8px !important; border-radius: 8px !important; } #unipile-imap-simplify-section .ims-step-time.red { background: rgba(234, 67, 53, 0.08) !important; color: #EA4335 !important; } #unipile-imap-simplify-section .ims-step-time.green { background: rgba(59, 185, 139, 0.08) !important; color: #3BB98B !important; } \/* Advantage block *\/ #unipile-imap-simplify-section .ims-advblock { margin: 0 20px 20px !important; padding: 18px !important; background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; } #unipile-imap-simplify-section .ims-advblock-top { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 12px !important; } #unipile-imap-simplify-section .ims-advblock-icon { width: 40px !important; height: 40px !important; background: rgba(59, 185, 139, 0.12) !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #unipile-imap-simplify-section .ims-advblock-icon svg { width: 22px !important; height: 22px !important; stroke: #3BB98B !important; } #unipile-imap-simplify-section .ims-advblock-title-block { flex: 1 !important; } #unipile-imap-simplify-section .ims-advblock-label { font-size: 14px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.2 !important; margin-bottom: 2px !important; } #unipile-imap-simplify-section .ims-advblock-sublabel { font-size: 10px !important; font-weight: 500 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } #unipile-imap-simplify-section .ims-advblock-certified { padding: 4px 10px !important; background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important; font-size: 10px !important; font-weight: 700 !important; border-radius: 10px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; flex-shrink: 0 !important; } #unipile-imap-simplify-section .ims-advblock-desc { font-size: 12px !important; color: #6b7280 !important; line-height: 1.6 !important; margin-bottom: 14px !important; } #unipile-imap-simplify-section .ims-advblock-desc strong { color: #0f2736 !important; font-weight: 600 !important; } #unipile-imap-simplify-section .ims-advblock-benefits { display: flex !important; flex-direction: column !important; gap: 8px !important; } #unipile-imap-simplify-section .ims-advblock-benefit { display: flex !important; align-items: flex-start !important; gap: 8px !important; font-size: 12px !important; color: #383838 !important; line-height: 1.4 !important; } #unipile-imap-simplify-section .ims-advblock-check { width: 18px !important; height: 18px !important; background: rgba(59, 185, 139, 0.1) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #unipile-imap-simplify-section .ims-advblock-check svg { width: 10px !important; height: 10px !important; stroke: #3BB98B !important; } \/* Summary bar *\/ #unipile-imap-simplify-section .ims-summary { padding: 16px 24px !important; border-top: 1px solid #f0f1f3 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: auto !important; } #unipile-imap-simplify-section .ims-summary-uni { border-top: 1px solid rgba(59, 185, 139, 0.15) !important; } #unipile-imap-simplify-section .ims-summary-label { font-size: 11px !important; color: #9ca3af !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; font-weight: 600 !important; } #unipile-imap-simplify-section .ims-summary-value { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; } #unipile-imap-simplify-section .ims-summary-value.red { color: #EA4335 !important; } #unipile-imap-simplify-section .ims-summary-value.green { color: #3BB98B !important; } \/* Bottom CTA *\/ #unipile-imap-simplify-section .ims-bottom { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 30px !important; background: #ffffff !important; border-radius: 12px !important; border: 1px solid #e5e7eb !important; padding: 24px 28px !important; } #unipile-imap-simplify-section .ims-bottom-text { flex: 1 !important; } #unipile-imap-simplify-section .ims-bottom-title { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; color: #0f2736 !important; margin-bottom: 6px !important; line-height: 1.3 !important; } #unipile-imap-simplify-section .ims-bottom-desc { font-size: 14px !important; color: #6b7280 !important; line-height: 1.6 !important; } #unipile-imap-simplify-section .ims-bottom-desc a { color: #3BB98B !important; text-decoration: underline !important; text-underline-offset: 2px !important; font-weight: 500 !important; } #unipile-imap-simplify-section .ims-bottom-desc a:hover { color: #0f2736 !important; } #unipile-imap-simplify-section .ims-bottom-cta { flex-shrink: 0 !important; } #unipile-imap-simplify-section .ims-cta-btn { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #DDDF4C !important; color: #0f2736 !important; font-size: 15px !important; font-weight: 600 !important; padding: 14px 28px !important; border-radius: 8px !important; text-decoration: none !important; transition: all 0.3s ease !important; } #unipile-imap-simplify-section .ims-cta-btn:hover { transform: translateX(4px) !important; } #unipile-imap-simplify-section .ims-cta-btn svg { width: 16px !important; height: 16px !important; stroke: #0f2736 !important; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-imap-simplify-section .ims-grid { grid-template-columns: 1fr !important; } #unipile-imap-simplify-section .ims-title { font-size: 30px !important; } #unipile-imap-simplify-section .ims-bottom { flex-direction: column !important; text-align: center !important; } } @media (max-width: 600px) { #unipile-imap-simplify-section { padding: 60px 16px !important; } #unipile-imap-simplify-section .ims-title { font-size: 26px !important; } #unipile-imap-simplify-section .ims-subtitle { font-size: 15px !important; } } @media (max-width: 400px) { #unipile-imap-simplify-section .ims-title { font-size: 24px !important; } #unipile-imap-simplify-section .ims-advblock { margin: 0 16px 16px !important; padding: 14px !important; } } <\/style>\n<p> <\/p>\n<div class=\"ims-container\">  <\/p>\n<div class=\"ims-header\"> <\/p>\n<div class=\"ims-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/> <\/svg> IMAP Protocol <\/div>\n<p> <\/p>\n<h2 class=\"ims-title\">Simplifying IMAP with Unipile<\/h2>\n<p> <pee class=\"ims-subtitle\">IMAP does not provide an HTTP-based API, requiring developers to work directly with its protocol commands and complexities. Unipile’s <strong>IMAP API<\/strong> transforms this complex protocol into an accessible HTTP-based API, complete with webhook support and new value. By using Unipile, developers can bypass the challenges of implementing raw IMAP connections while ensuring efficient and real-time synchronization between the application and the user’s email accounts.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"ims-grid\">  <\/p>\n<div class=\"ims-col ims-col-diy\"> <\/p>\n<div class=\"ims-col-header\"> <\/p>\n<div class=\"ims-col-header-left\"> <\/p>\n<div class=\"ims-col-icon diy\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"16 18 22 12 16 6\"><\/polyline> <polyline points=\"8 6 2 12 8 18\"><\/polyline> <\/svg> <\/div>\n<p> <span class=\"ims-col-label\">Raw IMAP Protocol<\/span> <\/div>\n<p> <span class=\"ims-col-tag hard\">Complex<\/span> <\/div>\n<p> <\/p>\n<div class=\"ims-steps\"> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot red\"><\/div>\n<p> <\/p>\n<div class=\"ims-step-connector red\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Work with raw socket commands<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">Implement IMAP protocol directly \u2014 FETCH, SELECT, SEARCH, STORE over TCP sockets, parse byte streams and multipart MIME manually<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot red\"><\/div>\n<p> <\/p>\n<div class=\"ims-step-connector red\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Build polling logic \u2014 IMAP has no webhooks<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">IMAP protocol has no push notification mechanism. Constant polling is required to detect new emails, causing high server load and latency<\/div>\n<p> <span class=\"ims-step-time red\">High resource cost<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot red\"><\/div>\n<p> <\/p>\n<div class=\"ims-step-connector red\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Handle provider-specific quirks separately<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">iCloud, Yahoo, ISPs and custom servers each behave differently \u2014 separate auth flows, error handling and edge cases per provider<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot red\"><\/div>\n<p> <\/p>\n<div class=\"ims-step-connector red\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Manage auth mechanisms per server<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">Each IMAP server uses different auth \u2014 PLAIN, LOGIN, XOAUTH2. Handle credential storage, session expiry and re-authentication yourself<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot red\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">No HTTP API, no tracking, no new value<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">Zero native support for open\/click tracking. No REST interface \u2014 every single feature requires a separate low-level protocol implementation<\/div>\n<p> <span class=\"ims-step-time red\">Weeks of development<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-summary\"> <span class=\"ims-summary-label\">Complexity level<\/span> <span class=\"ims-summary-value red\">Very High<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ims-col ims-col-uni\"> <\/p>\n<div class=\"ims-col-header\" style=\"border-bottom: 1px solid rgba(59, 185, 139, 0.15) !important;\"> <\/p>\n<div class=\"ims-col-header-left\"> <\/p>\n<div class=\"ims-col-icon uni\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/> <path d=\"M2 17l10 5 10-5\"\/> <path d=\"M2 12l10 5 10-5\"\/> <\/svg> <\/div>\n<p> <span class=\"ims-col-label\">With Unipile IMAP API<\/span> <\/div>\n<p> <span class=\"ims-col-tag easy\">Simple<\/span> <\/div>\n<p> <\/p>\n<div class=\"ims-steps\"> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot green\"><\/div>\n<p> <\/p>\n<div class=\"ims-step-connector green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Sign Up & Get API Token<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">Create your Unipile account and generate credentials from the dashboard \u2014 no protocol knowledge required<\/div>\n<p> <span class=\"ims-step-time green\">5 minutes<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot green\"><\/div>\n<p> <\/p>\n<div class=\"ims-step-connector green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Connect Any IMAP Account via Hosted Auth<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">Your users enter their credentials once through Unipile’s hosted auth link. iCloud, Yahoo, ISP \u2014 all providers handled automatically<\/div>\n<p> <span class=\"ims-step-time green\">1 click for your users<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot green\"><\/div>\n<p> <\/p>\n<div class=\"ims-step-connector green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Send, Receive & Sync via REST API<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">Standard HTTP calls with JSON responses \u2014 send emails, list folders and fetch messages from any IMAP provider with identical endpoints<\/div>\n<p> <span class=\"ims-step-time green\">~1\u20132 hours to integrate<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step\"> <\/p>\n<div class=\"ims-step-line\"> <\/p>\n<div class=\"ims-step-dot green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-step-content\"> <\/p>\n<div class=\"ims-step-title\">Real-time Webhooks + Open Tracking Built-in<\/div>\n<p> <\/p>\n<div class=\"ims-step-desc\">Instant push notifications for new emails, replies, opens and clicks. No polling, no extra infrastructure \u2014 Unipile handles everything<\/div>\n<p> <span class=\"ims-step-time green\">Zero polling required<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ims-advblock\"> <\/p>\n<div class=\"ims-advblock-top\"> <\/p>\n<div class=\"ims-advblock-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/> <polyline points=\"22,6 12,13 2,6\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"ims-advblock-title-block\"> <\/p>\n<div class=\"ims-advblock-label\">HTTP API over raw IMAP protocol<\/div>\n<p> <\/p>\n<div class=\"ims-advblock-sublabel\">Protocol abstraction layer<\/div>\n<p> <\/div>\n<p> <span class=\"ims-advblock-certified\">Key Advantage<\/span> <\/div>\n<p> <\/p>\n<div class=\"ims-advblock-desc\"> Unipile acts as a <strong>translation layer<\/strong> between the raw IMAP protocol and your application. You write clean HTTP code \u2014 Unipile handles all IMAP complexity underneath. <\/div>\n<p> <\/p>\n<div class=\"ims-advblock-benefits\"> <\/p>\n<div class=\"ims-advblock-benefit\"> <\/p>\n<div class=\"ims-advblock-check\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> 50+ IMAP providers \u2014 iCloud, Yahoo, ISP, custom servers \u2014 one unified API key <\/div>\n<p> <\/p>\n<div class=\"ims-advblock-benefit\"> <\/p>\n<div class=\"ims-advblock-check\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> Real-time webhooks replace polling \u2014 instant sync with zero infrastructure overhead <\/div>\n<p> <\/p>\n<div class=\"ims-advblock-benefit\"> <\/p>\n<div class=\"ims-advblock-check\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> Open & click tracking included \u2014 no separate tracking system to build or maintain <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-summary ims-summary-uni\"> <span class=\"ims-summary-label\">Complexity level<\/span> <span class=\"ims-summary-value green\">Simple REST calls<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ims-bottom\"> <\/p>\n<div class=\"ims-bottom-text\"> <\/p>\n<div class=\"ims-bottom-title\">Ready to skip raw IMAP forever?<\/div>\n<p> <\/p>\n<div class=\"ims-bottom-desc\">Connect iCloud, Yahoo, ISP or any IMAP server in minutes. Unipile handles auth, sessions, sync and webhooks \u2014 you focus on your product. <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\">Read the IMAP API documentation \u2192<\/a><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ims-bottom-cta\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"ims-cta-btn\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][et_pb_fullwidth_code admin_label=”Fullwidth Code” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ background_enable_image=”off” locked=”off” global_colors_info=”{}”] <\/p>\n<style> * { margin: 0; padding: 0; box-sizing: border-box; } .unipile-dashboard-section { font-family: 'Inter', sans-serif; background: transparent; padding: 40px 20px 80px; position: relative; } .dashboard-container { max-width: 1400px; margin: 0 auto; position: relative; z-index: 1; } \/* Header Section *\/ .dashboard-header { text-align: center; margin-bottom: 60px; } .dashboard-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(59, 185, 139, 0.1); color: #3BB98B; padding: 8px 16px; border-radius: 24px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; border: 1px solid rgba(59, 185, 139, 0.2); } .dashboard-badge svg { width: 14px; height: 14px; } .dashboard-title { font-family: 'Poppins', sans-serif; font-size: 35px; font-weight: 700; color: #0f2736; line-height: 1.2; margin-bottom: 20px; } .dashboard-title span { background: linear-gradient(135deg, #3BB98B, #2da077); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .dashboard-subtitle { font-size: 1.1rem; color: #0f2736; max-width: 600px; margin: 0 auto; line-height: 1.6; } \/* Main Dashboard Area *\/ .dashboard-showcase { position: relative; display: flex; justify-content: center; align-items: center; padding: 40px 0; } \/* Dashboard Frame *\/ .dashboard-frame { position: relative; background: linear-gradient(145deg, rgba(59, 185, 139, 0.3), rgba(221, 223, 76, 0.2), rgba(59, 185, 139, 0.1)); border-radius: 20px; padding: 3px; max-width: 1050px; width: 100%; } .dashboard-inner { background: #ffffff; border-radius: 18px; overflow: hidden; box-shadow:  0 50px 100px rgba(0, 0, 0, 0.12), 0 20px 40px rgba(0, 0, 0, 0.08); } \/* App Header *\/ .app-header { background: #0f2736; padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; } .app-header-left { display: flex; align-items: center; gap: 8px; } .app-logo { display: flex; align-items: center; gap: 6px; } .app-logo img { height: 22px; width: auto; } .header-separator { color: rgba(255,255,255,0.3); font-size: 1.2rem; } .header-dropdown { display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,0.9); font-size: 0.85rem; cursor: pointer; } .header-dropdown svg { width: 14px; height: 14px; opacity: 0.7; } .header-dropdown-icon { width: 20px; height: 20px; background: rgba(255,255,255,0.1); border-radius: 4px; display: flex; align-items: center; justify-content: center; } .header-dropdown-icon svg { width: 12px; height: 12px; color: #ffffff; } .header-dropdown-icon.orange { background: #f97316; } .app-header-right { display: flex; align-items: center; gap: 20px; } .header-nav-item { display: flex; align-items: center; gap: 6px; color: rgba(255,255,255,0.7); font-size: 0.8rem; cursor: pointer; transition: color 0.2s ease; } .header-nav-item:hover { color: #ffffff; } .header-nav-item svg { width: 14px; height: 14px; } .header-user { width: 28px; height: 28px; background: rgba(255,255,255,0.1); border-radius: 6px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .header-user svg { width: 16px; height: 16px; color: rgba(255,255,255,0.7); } \/* Dashboard Content *\/ .dashboard-content { display: flex; min-height: 500px; position: relative; } \/* Sidebar *\/ .dashboard-sidebar { width: 200px; background: #ffffff; border-right: 1px solid #e5e7eb; padding: 16px 0; flex-shrink: 0; display: flex; flex-direction: column; } .sidebar-nav { list-style: none; flex: 1; } .sidebar-nav li { padding: 10px 16px; display: flex; align-items: center; gap: 10px; font-size: 0.85rem; color: #64748b; cursor: pointer; transition: all 0.2s ease; } .sidebar-nav li:hover { background: #f8f9fa; color: #0f2736; } .sidebar-nav li.active { background: rgba(59, 185, 139, 0.08); color: #0f2736; border-left: 3px solid #3BB98B; font-weight: 500; } .sidebar-nav li svg { width: 16px; height: 16px; } \/* Organization Section *\/ .sidebar-org { padding: 12px 16px; border-top: 1px solid #e5e7eb; display: flex; align-items: center; gap: 10px; cursor: pointer; transition: background 0.2s ease; } .sidebar-org:hover { background: #f8f9fa; } .org-avatar { width: 32px; height: 32px; background: #0f2736; border-radius: 6px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 0.75rem; font-weight: 600; } .org-info { flex: 1; } .org-name { font-size: 0.85rem; font-weight: 600; color: #0f2736; } .org-company { font-size: 0.75rem; color: #64748b; } .org-chevron { width: 16px; height: 16px; color: #64748b; } \/* Main Panel *\/ .dashboard-main { flex: 1; padding: 24px; background: #fafbfc; display: flex; flex-direction: column; position: relative; } .main-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .main-title { font-size: 1.4rem; font-weight: 700; color: #0f2736; } .add-btn { display: flex; align-items: center; gap: 6px; background: #0f2736; color: white; padding: 10px 16px; border-radius: 8px; font-size: 0.8rem; font-weight: 600; cursor: pointer; transition: all 0.2s ease; border: none; position: relative; z-index: 5; } .add-btn:hover, .add-btn.highlighted { background: #1a3a4f; transform: translateY(-1px); } .add-btn svg { width: 14px; height: 14px; } \/* Pulse animation for button *\/ @keyframes subtlePulse { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(59, 185, 139, 0); } 50% { transform: scale(1.03); box-shadow: 0 0 0 8px rgba(59, 185, 139, 0); } } @keyframes glowPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(59, 185, 139, 0.4); } 50% { box-shadow: 0 0 0 6px rgba(59, 185, 139, 0); } } .add-btn.pulse-effect { animation: subtlePulse 2s ease-in-out infinite, glowPulse 2s ease-in-out infinite; } .add-btn.pulse-effect:hover { animation: none; transform: translateY(-1px); } \/* Status Pills *\/ .status-row { display: flex; gap: 16px; margin-bottom: 20px; flex-wrap: wrap; } .status-pill { display: flex; align-items: center; gap: 6px; font-size: 0.75rem; color: #64748b; } .status-dot { width: 8px; height: 8px; border-radius: 50%; } .status-dot.green { background: #34A853; } .status-dot.yellow { background: #FBBC04; } .status-dot.orange { background: #EA4335; } .status-dot.purple { background: #9333ea; } .status-pill span.count { font-weight: 600; } .status-pill.green span.count { color: #34A853; } \/* Search and Filters *\/ .filters-row { display: flex; gap: 12px; margin-bottom: 16px; } .search-input { flex: 1; padding: 10px 14px; border: 1px solid #e5e7eb; border-radius: 8px; font-size: 0.85rem; color: #0f2736; background: #ffffff; } .search-input::placeholder { color: #94a3b8; } .filter-select { padding: 10px 14px; border: 1px solid #e5e7eb; border-radius: 8px; font-size: 0.85rem; color: #0f2736; background: #ffffff; min-width: 130px; cursor: pointer; } \/* Accounts Table *\/ .accounts-table-wrapper { flex: 1; background: #ffffff; border-radius: 12px; border: 1px solid #e5e7eb; overflow: hidden; display: flex; flex-direction: column; } .table-header { display: grid; grid-template-columns: 2fr 2fr 0.5fr 1.2fr 1.2fr 0.3fr; padding: 12px 16px; background: #f8f9fa; border-bottom: 1px solid #e5e7eb; font-size: 0.75rem; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; } .accounts-scroll { flex: 1; overflow-y: auto; max-height: 320px; } .accounts-scroll::-webkit-scrollbar { width: 6px; } .accounts-scroll::-webkit-scrollbar-track { background: #f1f5f9; } .accounts-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; } .accounts-scroll::-webkit-scrollbar-thumb:hover { background: #94a3b8; } .table-row { display: grid; grid-template-columns: 2fr 2fr 0.5fr 1.2fr 1.2fr 0.3fr; padding: 14px 16px; align-items: center; border-bottom: 1px solid #f0f0f0; transition: all 0.2s ease; } .table-row:last-child { border-bottom: none; } .table-row:hover { background: #fafbfc; } .table-row.hidden { display: none; } .account-info { display: flex; align-items: center; gap: 10px; } .account-icon { width: 32px; height: 32px; border-radius: 6px; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; background: #ffffff; border: 1px solid #e5e7eb; } .account-icon img { width: 22px; height: 22px; object-fit: contain; } .account-name { font-weight: 600; font-size: 0.85rem; color: #0f2736; } .account-id { font-family: 'Monaco', 'Menlo', monospace; font-size: 0.75rem; color: #3BB98B; text-decoration: underline; cursor: pointer; } .copy-icon { width: 16px; height: 16px; color: #94a3b8; cursor: pointer; transition: color 0.2s ease; } .copy-icon:hover { color: #64748b; } .status-badge-table { display: inline-flex; align-items: center; gap: 5px; font-size: 0.75rem; color: #34A853; font-weight: 500; } .linked-date { font-size: 0.75rem; color: #3BB98B; } .linked-label { font-size: 0.7rem; color: #94a3b8; } .more-btn { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 4px; transition: background 0.2s ease; } .more-btn:hover { background: #e5e7eb; } .more-btn svg { width: 16px; height: 16px; color: #64748b; } \/* Animated Cursor *\/ .animated-cursor { position: absolute; width: 24px; height: 24px; pointer-events: none; z-index: 100; opacity: 0; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)); } .animated-cursor.visible { opacity: 1; } .animated-cursor.clicking { transform: scale(0.9); } \/* Connect Account Modal (inside dashboard) *\/ .connect-modal-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 39, 54, 0.4); backdrop-filter: blur(2px); z-index: 50; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; border-radius: 0 0 18px 0; } .connect-modal-overlay.active { opacity: 1; visibility: visible; } .connect-modal { background: #ffffff; border-radius: 16px; width: 90%; max-width: 420px; max-height: 90%; overflow: hidden; transform: scale(0.9) translateY(20px); transition: transform 0.3s ease; box-shadow: 0 20px 60px rgba(0,0,0,0.2); } .connect-modal-overlay.active .connect-modal { transform: scale(1) translateY(0); } .connect-modal-header { padding: 16px 20px; border-bottom: 1px solid #e5e7eb; font-weight: 600; font-size: 0.95rem; color: #0f2736; display: flex; justify-content: space-between; align-items: center; } .modal-close-btn { width: 28px; height: 28px; border: none; background: #f1f5f9; border-radius: 6px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; } .modal-close-btn:hover { background: #e2e8f0; } .modal-close-btn svg { width: 16px; height: 16px; color: #64748b; } .connect-modal-body { padding: 24px 20px; max-height: 450px; overflow-y: auto; } .connect-modal-title { text-align: center; font-size: 1.1rem; font-weight: 600; color: #0f2736; margin-bottom: 24px; line-height: 1.4; } .provider-list { display: flex; flex-direction: column; gap: 8px; } .provider-item { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border: 1px solid #e5e7eb; border-radius: 10px; cursor: pointer; transition: all 0.2s ease; } .provider-item:hover { border-color: #3BB98B; background: rgba(59, 185, 139, 0.04); } .provider-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; } .provider-icon img { width: 100%; height: 100%; object-fit: contain; } .provider-name { font-size: 0.95rem; font-weight: 500; color: #0f2736; } .provider-divider { height: 1px; background: #e5e7eb; margin: 16px 0; } .cancel-btn { width: 100%; padding: 14px; border: 1px solid #e5e7eb; border-radius: 10px; background: #ffffff; font-size: 0.9rem; font-weight: 500; color: #64748b; cursor: pointer; transition: all 0.2s ease; margin-top: 16px; } .cancel-btn:hover { background: #f8f9fa; color: #0f2736; } \/* CTA Section *\/ .dashboard-cta { display: flex; justify-content: center; gap: 16px; margin-top: 10px; flex-wrap: wrap; } .cta-primary { display: inline-flex; align-items: center; gap: 10px; background: #DDDF4C; color: #0f2736; padding: 14px 28px; border-radius: 10px; font-weight: 600; font-size: 0.95rem; text-decoration: none; transition: all 0.3s ease; } .cta-primary:hover { transform: translateY(-2px); } .cta-primary svg { width: 18px; height: 18px; transition: transform 0.3s ease; } .cta-primary:hover svg { transform: translateX(4px); } .cta-secondary { display: inline-flex; align-items: center; gap: 10px; background: #0f2736; color: #ffffff; padding: 14px 28px; border-radius: 10px; font-weight: 600; font-size: 0.95rem; text-decoration: none; border: none; cursor: pointer; transition: all 0.3s ease; } .cta-secondary:hover { background: #1a3a4f; transform: translateY(-2px); } .cta-secondary svg { width: 18px; height: 18px; } \/* Video Modal - Dashboard Section *\/ .dashboard-video-modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 39, 54, 0.9); backdrop-filter: blur(8px); z-index: 999999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; }.unipile-dashboard-section { position: static !important;}body .dashboard-video-modal-overlay.active { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 9999999 !important;} .dashboard-video-modal-overlay.active { opacity: 1; visibility: visible; } .dashboard-video-modal { position: relative; width: 90%; max-width: 900px; background: #000; border-radius: 16px; overflow: hidden; transform: scale(0.9); transition: transform 0.3s ease; box-shadow: 0 40px 80px rgba(0,0,0,0.5); } .dashboard-video-modal-overlay.active .dashboard-video-modal { transform: scale(1); } .dashboard-video-modal-header { position: absolute; top: 0; left: 0; right: 0; padding: 16px 20px; background: linear-gradient(to bottom, rgba(0,0,0,0.8), transparent); display: flex; justify-content: space-between; align-items: center; z-index: 10; } .dashboard-video-modal-title { color: #ffffff; font-weight: 600; font-size: 1rem; display: flex; align-items: center; gap: 10px; } .dashboard-video-modal-title svg { width: 20px; height: 20px; color: #3BB98B; } .dashboard-video-close-btn { width: 36px; height: 36px; background: rgba(255,255,255,0.1); border: none; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; } .dashboard-video-close-btn:hover { background: rgba(255,255,255,0.2); transform: rotate(90deg); } .dashboard-video-close-btn svg { width: 20px; height: 20px; color: #ffffff; } .dashboard-video-container { position: relative; width: 100%; padding-top: 56.25%; } .dashboard-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } \/* Responsive *\/ @media (max-width: 900px) { .dashboard-content { flex-direction: column; } .dashboard-sidebar { width: 100%; border-right: none; border-bottom: 1px solid #e5e7eb; } .sidebar-nav { display: flex; overflow-x: auto; padding: 0 16px; } .sidebar-nav li { white-space: nowrap; } .sidebar-nav li.active { border-left: none; border-bottom: 3px solid #3BB98B; } .sidebar-org { display: none; } .table-header, .table-row { grid-template-columns: 2fr 1.5fr 1fr; } .table-header > *:nth-child(3), .table-row > *:nth-child(3), .table-header > *:nth-child(5), .table-row > *:nth-child(5), .table-header > *:nth-child(6), .table-row > *:nth-child(6) { display: none; } .app-header-right { display: none; } .filters-row { flex-direction: column; } .animated-cursor { display: none; } } @media (max-width: 600px) { .unipile-dashboard-section { padding: 40px 16px; } .dashboard-header { margin-bottom: 40px; } .dashboard-title { font-size: 28px; } .main-header { flex-direction: column; gap: 12px; align-items: flex-start; } .status-row { gap: 10px; } .dashboard-cta { flex-direction: column; align-items: center; } .video-modal { width: 95%; border-radius: 12px; } } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1> <\/p>\n<section class=\"unipile-dashboard-section\"> <\/p>\n<div class=\"dashboard-container\">  <\/p>\n<header class=\"dashboard-header\"> <\/p>\n<div class=\"dashboard-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/> <\/svg> Unified Dashboard <\/div>\n<p> <\/p>\n<h2 class=\"dashboard-title\"> One dashboard for<span> all your integrations<\/span> <\/h2>\n<p> <pee class=\"dashboard-subtitle\"> Manage all your LinkedIn, WhatsApp, Gmail accounts and more from a single, intuitive interface. <\/pee> <\/header>\n<p>  <\/p>\n<div class=\"dashboard-showcase\">  <\/p>\n<div class=\"dashboard-frame\"> <\/p>\n<div class=\"dashboard-inner\">  <\/p>\n<div class=\"app-header\"> <\/p>\n<div class=\"app-header-left\"> <\/p>\n<div class=\"app-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/07\/logo-unipile.svg\" alt=\"Unipile\"> <\/div>\n<p> <span class=\"header-separator\">\/<\/span> <\/p>\n<div class=\"header-dropdown\"> <span class=\"header-dropdown-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/> <path d=\"M3 9h18\"\/> <\/svg> <\/span> <span>Acme<\/span> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"6 9 12 15 18 9\"\/> <\/svg> <\/div>\n<p> <span class=\"header-separator\">\/<\/span> <\/p>\n<div class=\"header-dropdown\"> <span class=\"header-dropdown-icon orange\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/> <polyline points=\"14 2 14 8 20 8\"\/> <\/svg> <\/span> <span>Application<\/span> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"6 9 12 15 18 9\"\/> <\/svg> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"app-header-right\"> <\/p>\n<div class=\"header-nav-item\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/> <polyline points=\"14 2 14 8 20 8\"\/> <\/svg> Documentation <\/div>\n<p> <\/p>\n<div class=\"header-nav-item\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"\/> <polyline points=\"8 6 2 12 8 18\"\/> <\/svg> API Reference <\/div>\n<p> <\/p>\n<div class=\"header-nav-item\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/> <\/svg> Changelog <\/div>\n<p> <\/p>\n<div class=\"header-user\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/> <circle cx=\"12\" cy=\"7\" r=\"4\"\/> <\/svg> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"dashboard-content\" id=\"dashboardContent\">  <svg class=\"animated-cursor\" id=\"dashboardAnimatedCursor\" viewBox=\"0 0 24 24\" fill=\"#0f2736\" stroke=\"#ffffff\" stroke-width=\"1\"> <path d=\"M4 4l16 12-7 1-4 7-5-20z\"\/> <\/svg>  <\/p>\n<div class=\"connect-modal-overlay\" id=\"dashboardConnectModal\"> <\/p>\n<div class=\"connect-modal\"> <\/p>\n<div class=\"connect-modal-header\"> <span>Connect a new account<\/span> <button class=\"modal-close-btn\" onclick=\"closeDashboardConnectModal()\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/> <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/> <\/svg> <\/button> <\/div>\n<p> <\/p>\n<div class=\"connect-modal-body\"> <\/p>\n<div class=\"connect-modal-title\">Select the type of account you<!\u2013- [et_pb_br_holder] -\u2013>want to connect<\/div>\n<p> <\/p>\n<div class=\"provider-list\"> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"LinkedIn\"> <\/div>\n<p> <span class=\"provider-name\">LinkedIn<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <span class=\"provider-name\">WhatsApp<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <span class=\"provider-name\">Instagram<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <span class=\"provider-name\">Telegram<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"provider-divider\"><\/div>\n<p> <\/p>\n<div class=\"provider-list\"> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Google\"> <\/div>\n<p> <span class=\"provider-name\">Google<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <span class=\"provider-name\">IMAP<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Microsoft\"> <\/div>\n<p> <span class=\"provider-name\">Microsoft<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"provider-divider\"><\/div>\n<p> <\/p>\n<div class=\"provider-list\"> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <span class=\"provider-name\">Google Calendar<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"provider-name\">Outlook Calendar<\/span> <\/div>\n<p> <\/div>\n<p> <button class=\"cancel-btn\" onclick=\"closeDashboardConnectModal()\">Cancel<\/button> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<aside class=\"dashboard-sidebar\"> <\/p>\n<ul class=\"sidebar-nav\"> <\/p>\n<li class=\"active\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <circle cx=\"12\" cy=\"12\" r=\"3\"\/> <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/> <\/svg> Accounts <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/> <\/svg> Testing <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/> <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/> <\/svg> Webhooks <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"\/> <\/svg> API Keys <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <circle cx=\"12\" cy=\"12\" r=\"3\"\/> <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09\"\/> <\/svg> Settings <\/li>\n<p> <\/ul>\n<p>  <\/p>\n<div class=\"sidebar-org\"> <\/p>\n<div class=\"org-avatar\">MO<\/div>\n<p> <\/p>\n<div class=\"org-info\"> <\/p>\n<div class=\"org-name\">John David<\/div>\n<p> <\/p>\n<div class=\"org-company\">Acme<\/div>\n<p> <\/div>\n<p> <svg class=\"org-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"6 9 12 15 18 9\"\/> <\/svg> <\/div>\n<p> <\/aside>\n<p>  <main class=\"dashboard-main\"> <\/p>\n<div class=\"main-header\"> <\/p>\n<h3 class=\"main-title\">Accounts<\/h3>\n<p> <button class=\"add-btn\" id=\"dashboardAddBtn\" onclick=\"openDashboardConnectModal()\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> Link account <\/button> <\/div>\n<p> <\/p>\n<div class=\"status-row\"> <\/p>\n<div class=\"status-pill green\"> <span class=\"status-dot green\"><\/span> <span class=\"count\">20<\/span> Operational <\/div>\n<p> <\/p>\n<div class=\"status-pill\"> <span class=\"status-dot yellow\"><\/span> <span>0<\/span> Authentication required <\/div>\n<p> <\/p>\n<div class=\"status-pill\"> <span class=\"status-dot orange\"><\/span> <span>0<\/span> Service interruption <\/div>\n<p> <\/p>\n<div class=\"status-pill\"> <span class=\"status-dot purple\"><\/span> <span>0<\/span> Paused <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"filters-row\"> <input type=\"text\" class=\"search-input\" id=\"dashboardSearchInput\" placeholder=\"Search by name or ID...\" oninput=\"filterDashboardAccounts()\"> <select class=\"filter-select\" id=\"dashboardStatusFilter\" onchange=\"filterDashboardAccounts()\"><option value=\"\">All status<\/option><option value=\"operational\">Operational<\/option><option value=\"auth\">Auth required<\/option><option value=\"interrupted\">Interrupted<\/option> <\/select> <select class=\"filter-select\" id=\"dashboardProviderFilter\" onchange=\"filterDashboardAccounts()\"><option value=\"\">All providers<\/option><option value=\"linkedin\">LinkedIn<\/option><option value=\"whatsapp\">WhatsApp<\/option><option value=\"gmail\">Gmail<\/option><option value=\"outlook\">Outlook<\/option><option value=\"instagram\">Instagram<\/option><option value=\"telegram\">Telegram<\/option><option value=\"google-calendar\">Google Calendar<\/option><option value=\"outlook-calendar\">Outlook Calendar<\/option> <\/select> <\/div>\n<p> <\/p>\n<div class=\"accounts-table-wrapper\"> <\/p>\n<div class=\"table-header\"> <span>Name<\/span> <span>ID<\/span> <span><\/span> <span>Status<\/span> <span>Linked<\/span> <span><\/span> <\/div>\n<p> <\/p>\n<div class=\"accounts-scroll\" id=\"dashboardAccountsList\">  <\/p>\n<div class=\"table-row\" data-provider=\"linkedin\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"LinkedIn\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb44tjf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"linkedin\" data-status=\"operational\" data-name=\"Sarah Johnson\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"SMS\"> <\/div>\n<p> <span class=\"account-name\">Sarah Johnson<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb55ujk…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/15\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"linkedin\" data-status=\"operational\" data-name=\"Thomas Martin\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"LinkedIn\"> <\/div>\n<p> <span class=\"account-name\">Thomas Martin<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb66vlm…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/10\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"whatsapp\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb7tfqf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"whatsapp\" data-status=\"operational\" data-name=\"Emma Wilson\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <span class=\"account-name\">Emma Wilson<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb8ugr…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/28\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"whatsapp\" data-status=\"operational\" data-name=\"Lucas Bernard\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"SMS\"> <\/div>\n<p> <span class=\"account-name\">Lucas Bernard<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb9vhs…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/20\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"gmail\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb4ezwf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"gmail\" data-status=\"operational\" data-name=\"Sophie Durand\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <\/div>\n<p> <span class=\"account-name\">Sophie Durand<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb5fax…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/25\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"outlook\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb4vzbf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"outlook\" data-status=\"operational\" data-name=\"Marie Lefebvre\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <span class=\"account-name\">Marie Lefebvre<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb5wac…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/22\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"instagram\" data-status=\"operational\" data-name=\"Alex Turner\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <span class=\"account-name\">Alex Turner<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc1abc…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/14\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"instagram\" data-status=\"operational\" data-name=\"Chloe Davis\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <span class=\"account-name\">Chloe Davis<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc2bcd…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/12\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"telegram\" data-status=\"operational\" data-name=\"David Chen\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <span class=\"account-name\">David Chen<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc3cde…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/08\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"telegram\" data-status=\"operational\" data-name=\"Nina Patel\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <span class=\"account-name\">Nina Patel<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc4def…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/05\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"google-calendar\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc9efg…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"google-calendar\" data-status=\"operational\" data-name=\"Sarah Johnson\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <span class=\"account-name\">Sarah Johnson<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpcafgh…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/15\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"outlook-calendar\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpcbghi…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"outlook-calendar\" data-status=\"operational\" data-name=\"Marie Lefebvre\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"account-name\">Marie Lefebvre<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpcchij…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/22\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/main> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"dashboard-cta\"> <a  href=”https:\/\/dashboard.unipile.com\/signup\/”  class=”cta-primary”> Try for free <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <polyline points=\"12 5 19 12 12 19\"\/> <\/svg><\/a> <button class=\"cta-secondary\" onclick=\"openDashboardVideoModal()\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polygon points=\"5 3 19 12 5 21 5 3\"\/> <\/svg> Watch demo <\/button> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"dashboard-video-modal-overlay\" id=\"dashboardVideoModal\" onclick=\"closeDashboardVideoModal(event)\"> <\/p>\n<div class=\"dashboard-video-modal\" onclick=\"event.stopPropagation()\"> <\/p>\n<div class=\"dashboard-video-modal-header\"> <\/p>\n<div class=\"dashboard-video-modal-title\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polygon points=\"5 3 19 12 5 21 5 3\"\/> <\/svg> Dashboard Demo <\/div>\n<p> <button class=\"dashboard-video-close-btn\" onclick=\"closeDashboardVideoModal(event)\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/> <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/> <\/svg> <\/button> <\/div>\n<p> <\/p>\n<div class=\"dashboard-video-container\"> <iframe id=\"dashboardYoutubeVideo\" src=\"\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <script> \/\/ Video Modal Functions - Dashboard Section function openDashboardVideoModal() { document.getElementById('dashboardVideoModal').classList.add('active'); document.getElementById('dashboardYoutubeVideo').src = 'https:\/\/www.youtube.com\/embed\/9e3LNkOfAyY?autoplay=1&start=2'; document.body.style.overflow = 'hidden'; } function closeDashboardVideoModal(event) { if (event) { event.preventDefault(); } document.getElementById('dashboardVideoModal').classList.remove('active'); document.getElementById('dashboardYoutubeVideo').src = ''; document.body.style.overflow = ''; } \/\/ Connect Modal Functions function openDashboardConnectModal() { document.getElementById('dashboardConnectModal').classList.add('active'); } function closeDashboardConnectModal() { document.getElementById('dashboardConnectModal').classList.remove('active'); } \/\/ Add pulse effect to button function addDashboardPulseEffect() { const addBtn = document.getElementById('dashboardAddBtn'); addBtn.classList.add('pulse-effect'); } \/\/ Close on Escape key document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeDashboardVideoModal(); closeDashboardConnectModal(); } }); \/\/ Filter accounts function function filterDashboardAccounts() { const searchValue = document.getElementById('dashboardSearchInput').value.toLowerCase(); const providerValue = document.getElementById('dashboardProviderFilter').value.toLowerCase(); const statusValue = document.getElementById('dashboardStatusFilter').value.toLowerCase(); const rows = document.querySelectorAll('#dashboardAccountsList .table-row'); rows.forEach(row => { const name = row.getAttribute('data-name').toLowerCase(); const provider = row.getAttribute('data-provider').toLowerCase(); const status = row.getAttribute('data-status').toLowerCase(); const id = row.querySelector('.account-id').textContent.toLowerCase(); const matchesSearch = name.includes(searchValue) || id.includes(searchValue); const matchesProvider = !providerValue || provider === providerValue; const matchesStatus = !statusValue || status === statusValue; if (matchesSearch && matchesProvider && matchesStatus) { row.classList.remove('hidden'); } else { row.classList.add('hidden'); } }); } \/\/ Animated cursor interaction let dashboardAnimationPlayed = false; function startDashboardCursorAnimation() { if (dashboardAnimationPlayed) return; dashboardAnimationPlayed = true; const cursor = document.getElementById('dashboardAnimatedCursor'); const addBtn = document.getElementById('dashboardAddBtn'); const dashboardContent = document.getElementById('dashboardContent'); \/\/ Get button position relative to dashboard content const btnRect = addBtn.getBoundingClientRect(); const contentRect = dashboardContent.getBoundingClientRect(); const startX = contentRect.width \/ 2; const startY = contentRect.height \/ 2; const endX = btnRect.left - contentRect.left + btnRect.width \/ 2; const endY = btnRect.top - contentRect.top + btnRect.height \/ 2; \/\/ Set initial position cursor.style.left = startX + 'px'; cursor.style.top = startY + 'px'; cursor.style.transition = 'none'; \/\/ Show cursor setTimeout(() => { cursor.classList.add('visible'); }, 100); \/\/ Move to button setTimeout(() => { cursor.style.transition = 'left 1.2s ease-out, top 1.2s ease-out'; cursor.style.left = endX + 'px'; cursor.style.top = endY + 'px'; }, 300); \/\/ Highlight button setTimeout(() => { addBtn.classList.add('highlighted'); }, 1200); \/\/ Click effect setTimeout(() => { cursor.classList.add('clicking'); }, 1600); setTimeout(() => { cursor.classList.remove('clicking'); }, 1750); \/\/ Open modal setTimeout(() => { openDashboardConnectModal(); cursor.classList.remove('visible'); addBtn.classList.remove('highlighted'); }, 1800); \/\/ Auto-close modal after 3 seconds and add pulse effect setTimeout(() => { closeDashboardConnectModal(); \/\/ Add pulse effect after modal closes setTimeout(() => { addDashboardPulseEffect(); }, 400); }, 3800); \/\/ 1800ms (modal open) + 3000ms (display time) } \/\/ Start animation after 3 seconds when user hovers on dashboard let dashboardHoverTimeout; const dashboardFrame = document.querySelector('.dashboard-frame'); dashboardFrame.addEventListener('mouseenter', () => { if (!dashboardAnimationPlayed) { dashboardHoverTimeout = setTimeout(startDashboardCursorAnimation, 2000); } }); dashboardFrame.addEventListener('mouseleave', () => { clearTimeout(dashboardHoverTimeout); }); \/\/ Also trigger on scroll into view const dashboardObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting && !dashboardAnimationPlayed) { setTimeout(startDashboardCursorAnimation, 3000); } }); }, { threshold: 0.5 }); dashboardObserver.observe(dashboardFrame); <\/script><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” custom_padding_tablet=”” custom_padding_phone=”|0px||0px|false|true” custom_padding_last_edited=”on|phone” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Discover More API Suite – IMAP Page – Unipile<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 style=\"margin:0;padding:0;background:#0f2736;\"><\/p>\n<style>#upl-api-suite-imap { font-family: 'Inter', sans-serif; background: #0f2736; padding: 80px 20px;}#upl-api-suite-imap *,#upl-api-suite-imap *::before,#upl-api-suite-imap *::after { margin: 0; padding: 0; box-sizing: border-box;}#upl-api-suite-imap .uas-container { max-width: 1100px; margin: 0 auto;}\/* Header *\/#upl-api-suite-imap .uas-header { text-align: center; margin-bottom: 60px;}#upl-api-suite-imap .uas-title { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #ffffff; line-height: 1.2; margin-bottom: 16px;}#upl-api-suite-imap .uas-subtitle { font-size: 17px; color: #ffffff; line-height: 1.6; max-width: 700px; margin: 0 auto;}\/* API Grid *\/#upl-api-suite-imap .uas-api-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding-bottom: 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}#upl-api-suite-imap .uas-api-card { display: flex; flex-direction: column;}\/* Provider Icons *\/#upl-api-suite-imap .uas-providers { display: flex; gap: 10px; margin-bottom: 20px;}#upl-api-suite-imap .uas-provider-icon img { width: 48px; height: 48px; object-fit: contain;}\/* Card Content *\/#upl-api-suite-imap .uas-api-name { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 700; color: #ffffff; margin-bottom: 12px;}#upl-api-suite-imap .uas-api-desc { font-size: 15px; color: #ffffff; line-height: 1.6; margin-bottom: 20px; flex-grow: 1;}\/* Arrow Link *\/#upl-api-suite-imap .uas-api-link { width: 44px; height: 44px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease;}#upl-api-suite-imap .uas-api-link:hover { background: #DDDF4C;}#upl-api-suite-imap .uas-api-link:hover svg { color: #0f2736;}#upl-api-suite-imap .uas-api-link svg { width: 18px; height: 18px; color: #ffffff; transition: color 0.3s ease;}\/* Footer Note *\/#upl-api-suite-imap .uas-footer-note { text-align: center; padding-top: 40px; font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 1.6; max-width: 800px; margin: 0 auto;}\/* Responsive *\/@media (max-width: 900px) { #upl-api-suite-imap .uas-api-grid { grid-template-columns: 1fr; padding: 20px; gap: 40px; } #upl-api-suite-imap .uas-title { font-size: 30px; }}@media (max-width: 500px) { #upl-api-suite-imap { padding: 60px 16px; } #upl-api-suite-imap .uas-title { font-size: 26px; }}<\/style>\n<p><\/p>\n<section id=\"upl-api-suite-imap\"> <\/p>\n<div class=\"uas-container\">  <\/p>\n<div class=\"uas-header\"> <\/p>\n<h2 class=\"uas-title\">Discover More from Our API Suite<\/h2>\n<p> <pee class=\"uas-subtitle\">Beyond IMAP, Unipile connects your product to Outlook, Gmail, WhatsApp, LinkedIn, and calendars. Build a complete communication layer with a single unified API.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"uas-api-grid\">  <\/p>\n<div class=\"uas-api-card\"> <\/p>\n<div class=\"uas-providers\"> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <\/div>\n<p> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"uas-api-name\">Messaging API<\/h3>\n<p> <pee class=\"uas-api-desc\">Connect WhatsApp, LinkedIn, Instagram, and Telegram to send messages, sync conversations, and manage contacts. Build unified inbox, outreach, and social selling features in your app.<\/pee> <a href=\"https:\/\/www.unipile.com\/communication-api\/messaging-api\/\" class=\"uas-api-link\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"uas-api-card\"> <\/p>\n<div class=\"uas-providers\"> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <\/div>\n<p> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"uas-api-name\">Email API<\/h3>\n<p> <pee class=\"uas-api-desc\">Integrate Gmail and Outlook to send, receive, and sync emails in real time. Build powerful email features with open tracking, threading, and full attachment support.<\/pee> <a href=\"https:\/\/www.unipile.com\/communication-api\/email-api\/\" class=\"uas-api-link\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"uas-api-card\"> <\/p>\n<div class=\"uas-providers\"> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <\/p>\n<div class=\"uas-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"uas-api-name\">Calendar API<\/h3>\n<p> <pee class=\"uas-api-desc\">Sync Google Calendar and Outlook events in real time. Create, update, and manage meetings directly from your product. Ideal for scheduling features and CRM integrations.<\/pee> <a href=\"https:\/\/www.unipile.com\/communication-api\/calendar-api\/\" class=\"uas-api-link\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/a> <\/div>\n<p> <\/div>\n<p>  <pee class=\"uas-footer-note\">Our APIs are built for legitimate business use cases. We enforce rate limits and usage policies to ensure a secure, spam-free experience for all users.<\/pee> <\/div>\n<p><\/section>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” admin_label=”Section 4 Tesimonials & Security” module_id=”reviews” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ background_enable_image=”off” custom_padding=”20px|16px|1px|16px|false|false” custom_padding_tablet=”20px|16px|1px|16px|false|false” custom_padding_phone=”20px|16px|1px|16px|false|false” custom_css_free_form=”.custom_row {|| margin: 0 auto; \/* Ensure no extra spacing *\/|| padding: 20px 0; \/* Adjust padding as needed *\/||}||” da_popup_slug=”reviews” da_disable_devices=”off|off|off” global_module=”258961″ saved_tabs=”all” locked=”off” collapsed=”on” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”20px||0px||false|false” custom_margin_tablet=”20px||0px||false|false” custom_margin_phone=”0px||0px||false|false” custom_margin_last_edited=”on|desktop” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”] <\/p>\n<style> * { margin: 0; padding: 0; box-sizing: border-box; } #unipile-companies-section { font-family: 'Inter', sans-serif;  padding: 40px 20px; } #unipile-companies-section .companies-container { max-width: 1100px; margin: 0 auto; } \/* Header avec badge *\/ #unipile-companies-section .section-header { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 50px; flex-wrap: wrap; } #unipile-companies-section .badge-number { display: inline-flex; align-items: center; gap: 10px; background: rgba(59, 185, 139, 0.12); color: #3BB98B; padding: 12px 24px; border-radius: 28px; font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; } #unipile-companies-section .badge-number svg { width: 32px; height: 32px; } #unipile-companies-section .header-text { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #0f2736; } \/* Logos Section *\/ #unipile-companies-section .logos-section { margin-bottom: 50px; } #unipile-companies-section .logos-label { font-size: 11px; font-weight: 600; color: #9ca3af; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; margin-bottom: 24px; } #unipile-companies-section .logos-grid { display: grid; grid-template-columns: repeat(3, auto); gap: 32px 70px; justify-content: center; align-items: center; } #unipile-companies-section .partner-logo { height: 72px; opacity: 1; transition: all 0.3s ease; } \/* Stats Row *\/ #unipile-companies-section .stats-row { display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; } #unipile-companies-section .stat-item { text-align: center; } #unipile-companies-section .stat-value { font-family: 'Poppins', sans-serif; font-size: 36px; font-weight: 700; color: #3BB98B; line-height: 1; margin-bottom: 6px; } #unipile-companies-section .stat-label { font-size: 13px; color: #6b7280; line-height: 1.5; max-width: 180px; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-companies-section .section-header { flex-direction: column; gap: 8px; } #unipile-companies-section .badge-number { font-size: 28px; } #unipile-companies-section .badge-number svg { width: 24px; height: 24px; } #unipile-companies-section .header-text { font-size: 28px; text-align: center; } #unipile-companies-section .stats-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; } #unipile-companies-section .stats-row .stat-item:last-child { grid-column: 1 \/ -1; justify-self: center; } #unipile-companies-section .stat-value { font-size: 30px; } #unipile-companies-section .logos-grid { grid-template-columns: repeat(2, 1fr); gap: 28px 40px; justify-items: center; } #unipile-companies-section .partner-logo { height: 54px; } } @media (max-width: 600px) { #unipile-companies-section { padding: 50px 16px; } #unipile-companies-section .badge-number { font-size: 24px; padding: 10px 18px; } #unipile-companies-section .header-text { font-size: 22px; } #unipile-companies-section .stat-value { font-size: 26px; } #unipile-companies-section .stats-row { gap: 24px; } #unipile-companies-section .logos-grid { gap: 24px 32px; } #unipile-companies-section .partner-logo { height: 44px; } } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1> <\/p>\n<section id=\"unipile-companies-section\"> <\/p>\n<div class=\"companies-container\">   <\/p>\n<div class=\"section-header\"> <span class=\"badge-number\"> <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M3 21h18\"\/> <path d=\"M5 21V7l8-4v18\"\/> <path d=\"M19 21V11l-6-4\"\/> <path d=\"M9 9v.01\"\/> <path d=\"M9 12v.01\"\/> <path d=\"M9 15v.01\"\/> <path d=\"M9 18v.01\"\/> <\/svg> 3000+ <\/span> <span class=\"header-text\">Companies Innovating with Unipile<\/span> <\/div>\n<p>  <\/p>\n<div class=\"logos-section\"> <\/p>\n<div class=\"logos-label\">Trusted by industry leaders<\/div>\n<p> <\/p>\n<div class=\"logos-grid\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/Lemlist_Logo-1.svg\" alt=\"Lemlist\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/01\/logo-reply-io-1.svg\" alt=\"Reply io\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/03\/relevance_logo_unipile_partner_.svg\" alt=\"Relevance AI\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/03\/valley_logo_unipile_partner_.svg\" alt=\"Valley\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/03\/recruitcrm_logo_unipile_partner_.svg\" alt=\"Recruit CRM\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/06\/Salesforge_Logo-1.svg\" alt=\"Artisan\" class=\"partner-logo\"> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"stats-row\"> <\/p>\n<div class=\"stat-item\"> <\/p>\n<div class=\"stat-value\">1 API<\/div>\n<p> <\/p>\n<div class=\"stat-label\">Streamline operations for all major communication channels<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"stat-item\"> <\/p>\n<div class=\"stat-value\">2 Days<\/div>\n<p> <\/p>\n<div class=\"stat-label\">Achieve live integration quickly with minimal setup<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"stat-item\"> <\/p>\n<div class=\"stat-value\">30%<\/div>\n<p> <\/p>\n<div class=\"stat-label\">Reduction in maintenance efforts and resources<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p><\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”80px||40px||false|false” custom_margin_tablet=”” custom_margin_phone=”” custom_margin_last_edited=”on|desktop” global_module=”275886″ saved_tabs=”all” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”] <\/p>\n<style> * { margin: 0; padding: 0; box-sizing: border-box; } #unipile-security-section { font-family: 'Inter', sans-serif;  padding: 40px 20px; } #unipile-security-section .security-container { max-width: 1100px; margin: 0 auto; } \/* Security Header *\/ #unipile-security-section .security-header { text-align: center; margin-bottom: 40px; } #unipile-security-section .security-header h3 { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #0f2736; margin-bottom: 12px; } #unipile-security-section .security-header p { font-size: 15px; color: #6b7280; margin-bottom: 16px; } #unipile-security-section .security-cta { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: #3BB98B; text-decoration: none; transition: all 0.3s ease; } #unipile-security-section .security-cta:hover { gap: 10px; color: #2da077; } #unipile-security-section .security-cta svg { width: 16px; height: 16px; transition: transform 0.3s ease; } #unipile-security-section .security-cta:hover svg { transform: translateX(2px); } \/* Compliance Cards *\/ #unipile-security-section .compliance-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 900px; margin: 0 auto 50px auto; } #unipile-security-section .compliance-card { background: #ffffff; border-radius: 16px; padding: 24px; border: 1px solid #e5e7eb; display: flex; align-items: flex-start; gap: 20px; } #unipile-security-section .compliance-icon { width: 64px; height: 64px; flex-shrink: 0; object-fit: contain; } #unipile-security-section .compliance-content { flex: 1; text-align: left; } #unipile-security-section .compliance-header-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; } #unipile-security-section .compliance-title { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 700; color: #0f2736; line-height: 1.2; } #unipile-security-section .compliance-status { font-size: 10px; font-weight: 600; color: #3BB98B; text-transform: uppercase; letter-spacing: 0.5px; display: flex; align-items: center; gap: 4px; background: rgba(59, 185, 139, 0.1); padding: 4px 10px; border-radius: 10px; } #unipile-security-section .compliance-status::before { content: ''; width: 6px; height: 6px; background: #3BB98B; border-radius: 50%; } #unipile-security-section .compliance-desc { font-size: 13px; color: #6b7280; line-height: 1.5; } \/* Metrics Row *\/ #unipile-security-section .metrics-row { display: flex; justify-content: center; gap: 80px; flex-wrap: wrap; } #unipile-security-section .metric-item { text-align: center; } #unipile-security-section .metric-value { font-family: 'Poppins', sans-serif; font-size: 36px; font-weight: 700; color: #3BB98B; line-height: 1; margin-bottom: 6px; } #unipile-security-section .metric-label { font-size: 13px; color: #6b7280; line-height: 1.5; max-width: 180px; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-security-section .security-header h3 { font-size: 28px; } #unipile-security-section .compliance-grid { grid-template-columns: 1fr; max-width: 500px; } #unipile-security-section .metrics-row { gap: 50px; } #unipile-security-section .metric-value { font-size: 30px; } } @media (max-width: 600px) { #unipile-security-section { padding: 50px 16px; } #unipile-security-section .security-header h3 { font-size: 22px; } #unipile-security-section .metric-value { font-size: 26px; } #unipile-security-section .compliance-card { padding: 20px; gap: 16px; } #unipile-security-section .compliance-icon { width: 52px; height: 52px; } #unipile-security-section .metrics-row { gap: 40px; } } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1> <\/p>\n<section id=\"unipile-security-section\"> <\/p>\n<div class=\"security-container\">  <\/p>\n<div class=\"security-header\"> <\/p>\n<h3>Built-In Security and Compliance<\/h3>\n<p> <pee>Enterprise-grade protection for your data and workflows<\/pee> <a href=\"https:\/\/www.unipile.com\/security-compliance\/\" class=\"security-cta\"> Learn more about our security <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"compliance-grid\"> <\/p>\n<div class=\"compliance-card\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/01\/soc2-logo-1-1.png\" alt=\"SOC 2 Type II\" class=\"compliance-icon\"> <\/p>\n<div class=\"compliance-content\"> <\/p>\n<div class=\"compliance-header-row\"> <\/p>\n<div class=\"compliance-title\">SOC 2 Type II<\/div>\n<p> <\/p>\n<div class=\"compliance-status\">Certified<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"compliance-desc\">Independently audited security controls ensuring data protection and operational integrity.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"compliance-card\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/01\/GDPR-compliance-1.png\" alt=\"GDPR\" class=\"compliance-icon\"> <\/p>\n<div class=\"compliance-content\"> <\/p>\n<div class=\"compliance-header-row\"> <\/p>\n<div class=\"compliance-title\">GDPR<\/div>\n<p> <\/p>\n<div class=\"compliance-status\">Compliant<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"compliance-desc\">Full compliance with European data protection regulations for user privacy.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"metrics-row\"> <\/p>\n<div class=\"metric-item\"> <\/p>\n<div class=\"metric-value\">99.9%<\/div>\n<p> <\/p>\n<div class=\"metric-label\">Platform Uptime over the last 24 months<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"metric-item\"> <\/p>\n<div class=\"metric-value\">24\/7<\/div>\n<p> <\/p>\n<div class=\"metric-label\">Global Support with high-performance API<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p><\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – IMAP API FAQ<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; color: #1e293b; line-height: 1.6; } \/* Section Container *\/ .unipile-faq-section { padding: 80px 20px; max-width: 900px; margin: 0 auto; } \/* Header *\/ .unipile-faq-header { text-align: center; margin-bottom: 60px; } .unipile-faq-title { font-family: 'Poppins', sans-serif; font-size: clamp(32px, 5vw, 35px); font-weight: 700; color: #0f2736; margin-bottom: 16px; line-height: 1.2; } .unipile-faq-subtitle { font-size: 1.1rem; color: #383838; max-width: 800px; margin: 0 auto; } \/* FAQ List *\/ .unipile-faq-list { display: flex; flex-direction: column; gap: 12px; } \/* FAQ Item *\/ .unipile-faq-item { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; overflow: hidden; transition: all 0.3s ease; } .unipile-faq-item:hover { border-color: #3BB98B; box-shadow: 0 4px 20px rgba(59, 185, 139, 0.08); } .unipile-faq-item.active { border-color: #3BB98B; box-shadow: 0 8px 30px rgba(59, 185, 139, 0.12); } \/* Question Button *\/ .unipile-faq-question { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 24px 28px; background: transparent; border: none; cursor: pointer; text-align: left; transition: all 0.2s ease; } .unipile-faq-question-content { display: flex; align-items: flex-start; gap: 16px; flex: 1; } .unipile-faq-number { flex-shrink: 0; padding: 6px 12px; background: rgba(59, 185, 139, 0.12); color: #3BB98B; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; font-weight: 600; transition: all 0.3s ease; } .unipile-faq-item.active .unipile-faq-number { background: rgba(59, 185, 139, 0.2); color: #2a9d6e; } .unipile-faq-question-text { font-family: 'Poppins', sans-serif; font-size: 1.1rem; font-weight: 600; color: #0f2736; line-height: 1.4; padding-top: 4px; } \/* Icon Toggle *\/ .unipile-faq-icon { flex-shrink: 0; width: 36px; height: 36px; background: #f8f9fa; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; margin-top: 2px; } .unipile-faq-icon svg { width: 18px; height: 18px; color: #64748b; transition: all 0.3s ease; } .unipile-faq-item:hover .unipile-faq-icon { background: rgba(59, 185, 139, 0.1); } .unipile-faq-item:hover .unipile-faq-icon svg { color: #3BB98B; } .unipile-faq-item.active .unipile-faq-icon { background: #3BB98B; transform: rotate(45deg); } .unipile-faq-item.active .unipile-faq-icon svg { color: #ffffff; } \/* Answer Panel *\/ .unipile-faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.3s ease; } .unipile-faq-item.active .unipile-faq-answer { max-height: 600px; } .unipile-faq-answer-content { padding: 0 28px 28px 76px; color: #475569; font-size: 1rem; line-height: 1.7; } .unipile-faq-answer-content strong { color: #0f2736; font-weight: 600; } .unipile-faq-answer-content .highlight { color: #3BB98B; font-weight: 600; } .unipile-faq-answer-content a { color: #0f2736; text-decoration: underline; text-underline-offset: 2px; transition: color 0.2s ease; } .unipile-faq-answer-content a:hover { color: #3BB98B; } \/* CTA at bottom *\/ .unipile-faq-cta { margin-top: 50px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 28px; background: #f8f9fa; border: 1px solid #e5e7eb; border-radius: 12px; } .unipile-faq-cta-text { color: #475569; font-size: 1rem; margin: 0; } .unipile-faq-cta-button { display: inline-flex; align-items: center; gap: 10px; background: #DDDF4C; color: #0F2836; padding: 13px 20px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 1rem; border: none; cursor: pointer; transition: all 0.3s ease; white-space: nowrap; } .unipile-faq-cta-button:hover { transform: translateY(-2px); } .unipile-faq-cta-button svg { width: 18px; height: 18px; transition: transform 0.3s ease; } .unipile-faq-cta-button:hover svg { transform: translateX(4px); } \/* Responsive *\/ @media (max-width: 768px) { .unipile-faq-section { padding: 60px 16px; } .unipile-faq-header { margin-bottom: 40px; } .unipile-faq-question { padding: 20px; gap: 16px; } .unipile-faq-question-content { gap: 12px; } .unipile-faq-number { padding: 5px 10px; font-size: 0.75rem; } .unipile-faq-question-text { font-size: 1rem; padding-top: 2px; } .unipile-faq-icon { width: 32px; height: 32px; } .unipile-faq-icon svg { width: 16px; height: 16px; } .unipile-faq-answer-content { padding: 0 20px 20px 60px; font-size: 0.95rem; } .unipile-faq-cta { padding: 30px 20px; margin-top: 40px; flex-direction: column; text-align: center; gap: 16px; } .unipile-faq-cta-text { font-size: 0.95rem; } } @media (max-width: 480px) { .unipile-faq-question-content { flex-direction: column; gap: 8px; } .unipile-faq-number { padding: 4px 8px; font-size: 0.7rem; } .unipile-faq-question-text { padding-top: 0; } .unipile-faq-answer-content { padding: 0 20px 20px 20px; } } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1><\/p>\n<section class=\"unipile-faq-section\">  <\/p>\n<div class=\"unipile-faq-header\"> <\/p>\n<h2 class=\"unipile-faq-title\">IMAP API \u2014 Frequently Asked Questions<\/h2>\n<p> <pee class=\"unipile-faq-subtitle\">Everything you need to know about integrating Unipile’s IMAP API into your product<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-list\">  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">01<\/span> <span class=\"unipile-faq-question-text\">What is the IMAP API, and what can it do for my app?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> Unipile’s IMAP API lets your app <strong>send, receive, sync, and manage emails<\/strong> from any IMAP-compatible provider \u2014 iCloud, Yahoo, ISP servers, and custom email hosts \u2014 through a single REST API. It covers fetching messages, managing folders, sending emails with tracking, and receiving real-time webhook notifications. No raw protocol handling required. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">02<\/span> <span class=\"unipile-faq-question-text\">What is the benefit of Unipile’s IMAP API?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> IMAP is a complex low-level protocol with no native HTTP interface, no webhooks, and no tracking. Unipile <strong>abstracts all of that<\/strong> into clean REST endpoints \u2014 so you get real-time sync, open & click tracking, folder management and authentication across <span class=\"highlight\">50+ IMAP providers<\/span>, without writing a single line of IMAP protocol code. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">03<\/span> <span class=\"unipile-faq-question-text\">What advantages does the IMAP API offer for data integration?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> The API enables <strong>seamless synchronization of email data<\/strong> across all IMAP-compatible providers through identical REST endpoints. You can pull structured JSON responses, filter by folder, search messages, and push data directly into your CRM, ATS or outreach tool \u2014 without managing provider-specific quirks or separate authentication flows for each server. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">04<\/span> <span class=\"unipile-faq-question-text\">How does the IMAP API benefit my CRM system?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> Your CRM users can connect their personal or business IMAP inbox \u2014 iCloud, Yahoo, ISP \u2014 and have <strong>all email conversations automatically synced<\/strong> within your platform. No more copy-pasting emails or switching apps. Webhook events let you trigger CRM updates the moment a reply arrives, keeping contact timelines 100% accurate in real time. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">05<\/span> <span class=\"unipile-faq-question-text\">How can IMAP API integration benefit different industries?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> IMAP API integration delivers value across sectors: <strong>Recruiting platforms<\/strong> can sync candidate email threads directly in their ATS. <strong>Sales tools<\/strong> can automate follow-up sequences from any email provider. <strong>Customer support platforms<\/strong> can unify inboxes from iCloud, Yahoo and ISP accounts into a single queue. <strong>iPaaS and no-code builders<\/strong> can expose email triggers and actions for any IMAP server. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">06<\/span> <span class=\"unipile-faq-question-text\">Can Unipile’s APIs improve customer satisfaction?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> Yes. By giving your users a <strong>360-degree view of all email interactions<\/strong> \u2014 regardless of their provider \u2014 and ensuring no message goes unnoticed via real-time webhooks, Unipile’s APIs can significantly increase Customer Satisfaction (CSAT) scores. Faster response times, complete conversation history, and zero missed emails translate directly into better customer experience. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">07<\/span> <span class=\"unipile-faq-question-text\">How do I get started integrating with the IMAP API?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> Start by <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" target=\"_blank\">creating a free account<\/a> \u2014 no credit card required. You’ll get an API token and access to a hosted auth link so your users can connect their IMAP accounts in one click. From there, follow our <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\">step-by-step documentation<\/a> to send your first email, list folders, and set up webhooks. Most developers are up and running in <strong>a few hours<\/strong>. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">08<\/span> <span class=\"unipile-faq-question-text\">Why should I consider using Unipile’s developer-friendly APIs?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> Unipile’s APIs are built to <strong>accelerate product development<\/strong> and reduce ongoing maintenance. You get a unified interface covering all communication channels \u2014 email, messaging, calendar \u2014 so your team writes less code, ships faster, and doesn’t have to maintain separate integrations per provider. Proactive maintenance on our end means provider changes never break your product. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">09<\/span> <span class=\"unipile-faq-question-text\">What does the free IMAP API offer?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> You can start using Unipile’s IMAP API for free with a <strong>7-day trial \u2014 no credit card required<\/strong>. During this period, you get full access to all features: send & receive emails, folder sync, webhooks, open tracking, and all 50+ IMAP providers. Visit our <a href=\"https:\/\/www.unipile.com\/pricing-api\/\" target=\"_blank\">pricing page<\/a> for full plan details. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-item\"> <button class=\"unipile-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"unipile-faq-question-content\"> <span class=\"unipile-faq-number\">10<\/span> <span class=\"unipile-faq-question-text\">How can I prevent excessive use of the IMAP API to avoid account suspension?<\/span> <\/div>\n<p> <\/p>\n<div class=\"unipile-faq-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> <\/div>\n<p> <\/button> <\/p>\n<div class=\"unipile-faq-answer\"> <\/p>\n<div class=\"unipile-faq-answer-content\"> To stay compliant with IMAP provider terms and avoid account issues, <strong>implement sending limits on your side<\/strong> \u2014 control the volume of emails sent per account per day. Unipile also enforces its own rate limits and usage policies. Avoid bulk unsolicited sending, respect provider-specific quotas (iCloud, Yahoo and ISPs all have daily limits), and use our webhook system instead of aggressive polling to minimize unnecessary server requests. <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"unipile-faq-cta\"> <pee class=\"unipile-faq-cta-text\">Still have questions? Our team is here to help.<\/pee> <button onclick=\"$crisp.push(['do', 'chat:open'])\" class=\"unipile-faq-cta-button\"> Talk to an expert <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <polyline points=\"12 5 19 12 12 19\"\/> <\/svg> <\/button> <\/div>\n<p><\/section>\n<p><script> document.querySelectorAll('.unipile-faq-question').forEach(button => { button.addEventListener('click', () => { const item = button.closest('.unipile-faq-item'); const isActive = item.classList.contains('active'); \/\/ Close all other items document.querySelectorAll('.unipile-faq-item').forEach(otherItem => { otherItem.classList.remove('active'); otherItem.querySelector('.unipile-faq-question').setAttribute('aria-expanded', 'false'); }); \/\/ Toggle current item if (!isActive) { item.classList.add('active'); button.setAttribute('aria-expanded', 'true'); } }); });<\/script><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Build Features into Your Product TodayTry our White-Label solution for free and unlock its full potential for your business. With the 7-Day Free Trial, gain access to the complete suite of features designed to enhance your platform’s capabilities and branding. IMAP API Developer Features – Unipile Built for Developers IMAP API Integration for Modern Apps […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":237715,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"folder":[],"class_list":["post-256683","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>IMAP API Integration for Your App - Unipile<\/title>\n<meta name=\"description\" content=\"Explore the integration of the Unipile IMAP API to streamline user workflows and maximize team productivity with this innovative solution.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.unipile.com\/pl\/api-komunikacji\/email-api\/imap-api\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"IMAP API Integration for Your App - Unipile\" \/>\n<meta property=\"og:description\" content=\"Explore the integration of the Unipile IMAP API to streamline user workflows and maximize team productivity with this innovative solution.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.unipile.com\/pl\/api-komunikacji\/email-api\/imap-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Unipile\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/unipilefr\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-02T09:14:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@UnipileAPI\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/\",\"name\":\"IMAP API Integration for Your App - Unipile\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/imap-1.svg\",\"datePublished\":\"2024-02-15T13:36:19+00:00\",\"dateModified\":\"2026-07-02T09:14:07+00:00\",\"description\":\"Explore the integration of the Unipile IMAP API to streamline user workflows and maximize team productivity with this innovative solution.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/imap-1.svg\",\"contentUrl\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/imap-1.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/imap-api\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.unipile.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unipile API – Messaging, Email, Calendar Integration\",\"item\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Email API to Sync, Send & Receive Emails in Your App\",\"item\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"IMAP API Integration for Your App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#website\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/\",\"name\":\"Unipile\",\"description\":\"Integrate Messaging & Email, Connect with Ease via API\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.unipile.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#organization\",\"name\":\"Unipile\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/logo-unipile.png\",\"contentUrl\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/logo-unipile.png\",\"width\":200,\"height\":49,\"caption\":\"Unipile\"},\"image\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/unipilefr\",\"https:\\\/\\\/x.com\\\/UnipileAPI\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/unipile\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Integracja API IMAP dla aplikacji - Unipile","description":"Poznaj integracj\u0119 interfejsu API Unipile IMAP, aby usprawni\u0107 przep\u0142yw pracy u\u017cytkownik\u00f3w i zmaksymalizowa\u0107 produktywno\u015b\u0107 zespo\u0142u dzi\u0119ki temu innowacyjnemu rozwi\u0105zaniu.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.unipile.com\/pl\/api-komunikacji\/email-api\/imap-api\/","og_locale":"pl_PL","og_type":"article","og_title":"IMAP API Integration for Your App - Unipile","og_description":"Explore the integration of the Unipile IMAP API to streamline user workflows and maximize team productivity with this innovative solution.","og_url":"https:\/\/www.unipile.com\/pl\/api-komunikacji\/email-api\/imap-api\/","og_site_name":"Unipile","article_publisher":"https:\/\/www.facebook.com\/unipilefr","article_modified_time":"2026-07-02T09:14:07+00:00","og_image":[{"url":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@UnipileAPI","twitter_misc":{"Szacowany czas czytania":"19 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/","url":"https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/","name":"Integracja API IMAP dla aplikacji - Unipile","isPartOf":{"@id":"https:\/\/www.unipile.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/#primaryimage"},"image":{"@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg","datePublished":"2024-02-15T13:36:19+00:00","dateModified":"2026-07-02T09:14:07+00:00","description":"Poznaj integracj\u0119 interfejsu API Unipile IMAP, aby usprawni\u0107 przep\u0142yw pracy u\u017cytkownik\u00f3w i zmaksymalizowa\u0107 produktywno\u015b\u0107 zespo\u0142u dzi\u0119ki temu innowacyjnemu rozwi\u0105zaniu.","breadcrumb":{"@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/#primaryimage","url":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg","contentUrl":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/imap-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.unipile.com\/"},{"@type":"ListItem","position":2,"name":"Unipile API – Messaging, Email, Calendar Integration","item":"https:\/\/www.unipile.com\/communication-api\/"},{"@type":"ListItem","position":3,"name":"Email API to Sync, Send & Receive Emails in Your App","item":"https:\/\/www.unipile.com\/communication-api\/email-api\/"},{"@type":"ListItem","position":4,"name":"IMAP API Integration for Your App"}]},{"@type":"WebSite","@id":"https:\/\/www.unipile.com\/#website","url":"https:\/\/www.unipile.com\/","name":"Unipile","description":"Integracja wiadomo\u015bci i poczty e-mail, \u0142atwe \u0142\u0105czenie za pomoc\u0105 interfejsu API","publisher":{"@id":"https:\/\/www.unipile.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.unipile.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.unipile.com\/#organization","name":"Unipile","url":"https:\/\/www.unipile.com\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.unipile.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.unipile.com\/wp-content\/uploads\/2021\/05\/logo-unipile.png","contentUrl":"https:\/\/www.unipile.com\/wp-content\/uploads\/2021\/05\/logo-unipile.png","width":200,"height":49,"caption":"Unipile"},"image":{"@id":"https:\/\/www.unipile.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/unipilefr","https:\/\/x.com\/UnipileAPI","https:\/\/www.linkedin.com\/company\/unipile\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/pages\/256683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/comments?post=256683"}],"version-history":[{"count":36,"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/pages\/256683\/revisions"}],"predecessor-version":[{"id":279356,"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/pages\/256683\/revisions\/279356"}],"up":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/pages\/237715"}],"wp:attachment":[{"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/media?parent=256683"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.unipile.com\/pl\/wp-json\/wp\/v2\/folder?post=256683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}