Outlook 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-outlook-hero { font-family: 'Inter', sans-serif !important; padding: 60px 20px 80px !important; position: relative !important; overflow: hidden !important;}#upl-outlook-hero *,#upl-outlook-hero *::before,#upl-outlook-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 Outlook blue *\/#upl-outlook-hero::before { content: '' !important; position: absolute !important; top: -40% !important; right: -15% !important; width: 65% !important; height: 130% !important; background: radial-gradient(ellipse at center, rgba(0, 114, 198, 0.07) 0%, transparent 60%) !important; pointer-events: none !important;}\/* Container *\/#upl-outlook-hero .oh-container { max-width: 1100px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 60px !important; align-items: center !important; position: relative !important; z-index: 1 !important;}\/* \u2500\u2500 LEFT CONTENT \u2500\u2500 *\/#upl-outlook-hero .oh-content { max-width: 520px !important;}#upl-outlook-hero .oh-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: 20px !important;}#upl-outlook-hero .oh-badge-dot { width: 6px !important; height: 6px !important; background: #DDDF4C !important; border-radius: 50% !important; flex-shrink: 0 !important;}#upl-outlook-hero .oh-title { font-family: 'Poppins', sans-serif !important; font-size: 42px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.15 !important; margin-bottom: 20px !important;}#upl-outlook-hero .oh-subtitle { font-size: 17px !important; color: #ffffff !important; line-height: 1.7 !important; margin-bottom: 32px !important; max-width: 480px !important;}\/* CTAs *\/#upl-outlook-hero .oh-ctas { display: flex !important; align-items: center !important; gap: 16px !important; flex-wrap: wrap !important;}#upl-outlook-hero .oh-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: 14px 28px !important; border-radius: 10px !important; text-decoration: none !important; border: 2px solid #DDDF4C !important; transition: transform 0.3s ease !important; cursor: pointer !important;}#upl-outlook-hero .oh-cta-primary:hover { transform: translateY(-3px) !important;}#upl-outlook-hero .oh-cta-primary svg { width: 18px !important; height: 18px !important;}#upl-outlook-hero .oh-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: 14px 28px !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-outlook-hero .oh-cta-secondary:hover { transform: translateY(-3px) !important; background: rgba(221, 223, 76, 0.1) !important;}#upl-outlook-hero .oh-cta-secondary svg { width: 18px !important; height: 18px !important;}\/* Note *\/#upl-outlook-hero .oh-note { display: flex !important; align-items: center !important; gap: 10px !important; margin-top: 24px !important; font-size: 14px !important; color: rgba(255, 255, 255, 0.5) !important;}#upl-outlook-hero .oh-note-icon { width: 22px !important; height: 22px !important; border: 2px solid #3BB98B !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-outlook-hero .oh-note-icon svg { width: 12px !important; height: 12px !important; color: #3BB98B !important;}\/* \u2500\u2500 RIGHT VISUAL \u2500\u2500 *\/#upl-outlook-hero .oh-visual { position: relative !important;}#upl-outlook-hero .oh-mockup-wrap { position: relative !important; max-width: 480px !important; margin-left: auto !important;}\/* Main Mockup *\/#upl-outlook-hero .oh-mockup { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25) !important;}#upl-outlook-hero .oh-mockup-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-outlook-hero .oh-mockup-logo { display: flex !important; align-items: center !important; gap: 10px !important;}#upl-outlook-hero .oh-mockup-logo-icon { width: 32px !important; height: 32px !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-outlook-hero .oh-mockup-logo-icon svg { width: 16px !important; height: 16px !important; color: #3BB98B !important;}#upl-outlook-hero .oh-mockup-logo-text { font-size: 13px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-outlook-hero .oh-mockup-status { display: flex !important; align-items: center !important; gap: 5px !important; background: rgba(0, 114, 198, 0.1) !important; padding: 5px 10px !important; border-radius: 14px !important; font-size: 11px !important; font-weight: 600 !important; color: #0072C6 !important;}#upl-outlook-hero .oh-status-dot { width: 5px !important; height: 5px !important; background: #0072C6 !important; border-radius: 50% !important; flex-shrink: 0 !important;}\/* Mockup Body *\/#upl-outlook-hero .oh-mockup-body { padding: 16px !important; background: #ffffff !important;}\/* Tabs *\/#upl-outlook-hero .oh-tabs { display: flex !important; align-items: center !important; gap: 0 !important; margin-bottom: 14px !important; border-bottom: 1px solid #e5e7eb !important;}#upl-outlook-hero .oh-tab { padding: 8px 16px !important; font-size: 12px !important; font-weight: 500 !important; color: #94a3b8 !important; border-bottom: 2px solid transparent !important; cursor: default !important; display: flex !important; align-items: center !important; gap: 5px !important;}#upl-outlook-hero .oh-tab-active { color: #0072C6 !important; border-bottom-color: #0072C6 !important; font-weight: 600 !important;}#upl-outlook-hero .oh-tab-icon { width: 14px !important; height: 14px !important; object-fit: contain !important;}\/* Focused \/ Other toggle (Outlook style) *\/#upl-outlook-hero .oh-focus-toggle { display: flex !important; align-items: center !important; gap: 0 !important; margin-bottom: 12px !important; padding: 3px !important; background: #f1f5f9 !important; border-radius: 8px !important; width: fit-content !important;}#upl-outlook-hero .oh-focus-btn { padding: 6px 14px !important; font-size: 11px !important; font-weight: 500 !important; color: #64748b !important; border-radius: 6px !important; cursor: default !important;}#upl-outlook-hero .oh-focus-btn-active { background: #ffffff !important; color: #0072C6 !important; font-weight: 600 !important; box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;}\/* Email list *\/#upl-outlook-hero .oh-emails { display: flex !important; flex-direction: column !important; gap: 6px !important;}#upl-outlook-hero .oh-email-row { display: flex !important; align-items: center !important; padding: 10px 12px !important; background: #f8fafc !important; border-radius: 8px !important; border: 1px solid #e5e7eb !important; gap: 10px !important;}#upl-outlook-hero .oh-email-row-unread { background: rgba(0, 114, 198, 0.04) !important; border-color: rgba(0, 114, 198, 0.18) !important;}#upl-outlook-hero .oh-email-avatar { width: 30px !important; height: 30px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 700 !important; color: #ffffff !important; flex-shrink: 0 !important;}#upl-outlook-hero .oh-email-body { flex: 1 !important; min-width: 0 !important;}#upl-outlook-hero .oh-email-top { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 2px !important;}#upl-outlook-hero .oh-email-sender { font-size: 12px !important; font-weight: 600 !important; color: #0f2736 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;}#upl-outlook-hero .oh-email-time { font-size: 10px !important; color: #94a3b8 !important; flex-shrink: 0 !important; margin-left: 8px !important;}#upl-outlook-hero .oh-email-subject { font-size: 11px !important; color: #64748b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 260px !important;}#upl-outlook-hero .oh-email-tag { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 3px 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-outlook-hero .oh-tag-new { background: rgba(0, 114, 198, 0.1) !important; color: #0072C6 !important;}#upl-outlook-hero .oh-tag-replied { background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important;}#upl-outlook-hero .oh-tag-tracked { background: rgba(251, 188, 4, 0.12) !important; color: #d4a004 !important;}#upl-outlook-hero .oh-tag-synced { background: rgba(104, 33, 122, 0.1) !important; color: #68217A !important;}\/* Compose bar *\/#upl-outlook-hero .oh-compose-bar { display: flex !important; align-items: center !important; gap: 10px !important; margin-top: 12px !important; padding: 10px 14px !important; background: #f8fafc !important; border-radius: 8px !important; border: 1px solid #e5e7eb !important;}#upl-outlook-hero .oh-compose-icon { width: 28px !important; height: 28px !important; background: rgba(0, 114, 198, 0.1) !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-outlook-hero .oh-compose-icon svg { width: 14px !important; height: 14px !important; color: #0072C6 !important;}#upl-outlook-hero .oh-compose-text { flex: 1 !important; font-size: 11px !important; color: #94a3b8 !important;}#upl-outlook-hero .oh-compose-btn { padding: 5px 14px !important; background: #0072C6 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 600 !important; border-radius: 6px !important; flex-shrink: 0 !important;}\/* Summary Bar *\/#upl-outlook-hero .oh-summary { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: 12px !important; padding: 12px 14px !important; background: linear-gradient(135deg, rgba(59, 185, 139, 0.08), rgba(59, 185, 139, 0.03)) !important; border-radius: 8px !important; border: 1px solid rgba(59, 185, 139, 0.15) !important;}#upl-outlook-hero .oh-summary-item { display: flex !important; align-items: center !important; gap: 8px !important;}#upl-outlook-hero .oh-summary-icon { width: 28px !important; height: 28px !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-outlook-hero .oh-summary-icon svg { width: 14px !important; height: 14px !important; color: #3BB98B !important;}#upl-outlook-hero .oh-summary-text { display: flex !important; flex-direction: column !important;}#upl-outlook-hero .oh-summary-label { font-size: 11px !important; font-weight: 600 !important; color: #0f2736 !important; line-height: 1.2 !important;}#upl-outlook-hero .oh-summary-desc { font-size: 9px !important; color: #64748b !important; line-height: 1.2 !important;}#upl-outlook-hero .oh-summary-divider { width: 1px !important; height: 28px !important; background: rgba(59, 185, 139, 0.2) !important;}\/* Floating notification *\/#upl-outlook-hero .oh-float-notif { position: absolute !important; bottom: -16px !important; left: -30px !important; background: #ffffff !important; border-radius: 10px !important; padding: 10px 14px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important; display: flex !important; align-items: center !important; gap: 10px !important; animation: oh-float 3s ease-in-out infinite !important; z-index: 2 !important; border: 1px solid #e5e7eb !important;}#upl-outlook-hero .oh-float-notif-icon { width: 32px !important; height: 32px !important; background: rgba(0, 114, 198, 0.1) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-outlook-hero .oh-float-notif-icon img { width: 18px !important; height: 18px !important; object-fit: contain !important;}#upl-outlook-hero .oh-float-notif-text { display: flex !important; flex-direction: column !important;}#upl-outlook-hero .oh-float-notif-title { font-size: 11px !important; font-weight: 600 !important; color: #0f2736 !important; line-height: 1.3 !important;}#upl-outlook-hero .oh-float-notif-sub { font-size: 9px !important; color: #64748b !important; line-height: 1.3 !important;}\/* Floating webhook badge *\/#upl-outlook-hero .oh-float-webhook { position: absolute !important; top: 30px !important; right: -20px !important; background: #0f2736 !important; border-radius: 8px !important; padding: 8px 12px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important; display: flex !important; align-items: center !important; gap: 8px !important; animation: oh-float-reverse 3.5s ease-in-out infinite !important; z-index: 2 !important;}#upl-outlook-hero .oh-float-webhook-dot { width: 6px !important; height: 6px !important; background: #DDDF4C !important; border-radius: 50% !important; flex-shrink: 0 !important; animation: oh-pulse 2s ease-in-out infinite !important;}#upl-outlook-hero .oh-float-webhook-text { font-size: 10px !important; font-weight: 600 !important; color: #ffffff !important; white-space: nowrap !important;}#upl-outlook-hero .oh-float-webhook-code { font-size: 9px !important; color: #DDDF4C !important; font-family: monospace !important;}\/* Unread dot indicator *\/#upl-outlook-hero .oh-unread-dot { width: 7px !important; height: 7px !important; background: #0072C6 !important; border-radius: 50% !important; flex-shrink: 0 !important; margin-right: -4px !important;}@keyframes oh-float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-6px); }}@keyframes oh-float-reverse { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-4px); }}@keyframes oh-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; }}\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/@media (max-width: 1024px) { #upl-outlook-hero .oh-container { grid-template-columns: 1fr !important; gap: 50px !important; } #upl-outlook-hero .oh-content { max-width: 100% !important; text-align: center !important; } #upl-outlook-hero .oh-subtitle { max-width: 100% !important; } #upl-outlook-hero .oh-ctas { justify-content: center !important; } #upl-outlook-hero .oh-note { justify-content: center !important; } #upl-outlook-hero .oh-mockup-wrap { max-width: 440px !important; margin: 0 auto !important; } #upl-outlook-hero .oh-float-notif { left: 0px !important; bottom: -10px !important; } #upl-outlook-hero .oh-float-webhook { right: -5px !important; }}@media (max-width: 768px) { #upl-outlook-hero { padding: 40px 16px 60px !important; } #upl-outlook-hero .oh-title { font-size: 32px !important; } #upl-outlook-hero .oh-subtitle { font-size: 15px !important; } #upl-outlook-hero .oh-summary { flex-wrap: wrap !important; gap: 12px !important; justify-content: center !important; } #upl-outlook-hero .oh-summary-divider { display: none !important; }}@media (max-width: 500px) { #upl-outlook-hero .oh-title { font-size: 28px !important; } #upl-outlook-hero .oh-ctas { flex-direction: column !important; width: 100% !important; } #upl-outlook-hero .oh-cta-primary, #upl-outlook-hero .oh-cta-secondary { width: 100% !important; justify-content: center !important; } #upl-outlook-hero .oh-float-notif, #upl-outlook-hero .oh-float-webhook { display: none !important; } #upl-outlook-hero .oh-email-subject { max-width: 160px !important; }}<\/style>\n<p><\/p>\n<section id=\"upl-outlook-hero\"> <\/p>\n<div class=\"oh-container\">  <\/p>\n<div class=\"oh-content\"> <\/p>\n<h1 class=\"oh-title\">Outlook Email API to Send, Sync & Manage Emails in Your App<\/h1>\n<p> <pee class=\"oh-subtitle\">Connect Outlook and Microsoft 365 to your software through Unipile’s unified Email API. Send, receive, track and sync emails with real-time webhooks, without months of direct Microsoft API complexity.<\/pee> <\/p>\n<div class=\"oh-ctas\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"oh-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=\"oh-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> <pee class=\"oh-note\"> <span class=\"oh-note-icon\"> <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 <\/pee> <\/div>\n<p>  <\/p>\n<div class=\"oh-visual\"> <\/p>\n<div class=\"oh-mockup-wrap\"> <\/p>\n<div class=\"oh-mockup\">  <\/p>\n<div class=\"oh-mockup-header\"> <\/p>\n<div class=\"oh-mockup-logo\"> <\/p>\n<div class=\"oh-mockup-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=\"oh-mockup-logo-text\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"oh-mockup-status\"> <span class=\"oh-status-dot\"><\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\" style=\"width:12px!important;height:12px!important;object-fit:contain!important;\"> Outlook Connected <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-mockup-body\">  <\/p>\n<div class=\"oh-tabs\"> <\/p>\n<div class=\"oh-tab oh-tab-active\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\" class=\"oh-tab-icon\"> Focused <\/div>\n<p> <\/p>\n<div class=\"oh-tab\">Other<\/div>\n<p> <\/p>\n<div class=\"oh-tab\">Sent<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-emails\">  <\/p>\n<div class=\"oh-email-row oh-email-row-unread\"> <span class=\"oh-unread-dot\"><\/span> <\/p>\n<div class=\"oh-email-avatar\" style=\"background: #0072C6 !important;\">SL<\/div>\n<p> <\/p>\n<div class=\"oh-email-body\"> <\/p>\n<div class=\"oh-email-top\"> <span class=\"oh-email-sender\">Sophie Laurent<\/span> <span class=\"oh-email-time\">11:05 AM<\/span> <\/div>\n<p> <\/p>\n<div class=\"oh-email-subject\">Contract renewal \u2014 final version attached<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oh-email-tag oh-tag-new\">New<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-email-row\"> <\/p>\n<div class=\"oh-email-avatar\" style=\"background: #3BB98B !important;\">MP<\/div>\n<p> <\/p>\n<div class=\"oh-email-body\"> <\/p>\n<div class=\"oh-email-top\"> <span class=\"oh-email-sender\">Marc Peters<\/span> <span class=\"oh-email-time\">9:30 AM<\/span> <\/div>\n<p> <\/p>\n<div class=\"oh-email-subject\">Q4 pipeline review \u2014 summary & next steps<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oh-email-tag oh-tag-replied\">Replied<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-email-row\"> <\/p>\n<div class=\"oh-email-avatar\" style=\"background: #68217A !important;\">AK<\/div>\n<p> <\/p>\n<div class=\"oh-email-body\"> <\/p>\n<div class=\"oh-email-top\"> <span class=\"oh-email-sender\">Anna Kim<\/span> <span class=\"oh-email-time\">Yesterday<\/span> <\/div>\n<p> <\/p>\n<div class=\"oh-email-subject\">Onboarding sequence \u2014 3 emails scheduled<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oh-email-tag oh-tag-tracked\">Tracked<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-email-row\"> <\/p>\n<div class=\"oh-email-avatar\" style=\"background: #FBBC04 !important;\">DW<\/div>\n<p> <\/p>\n<div class=\"oh-email-body\"> <\/p>\n<div class=\"oh-email-top\"> <span class=\"oh-email-sender\">David Wong<\/span> <span class=\"oh-email-time\">Yesterday<\/span> <\/div>\n<p> <\/p>\n<div class=\"oh-email-subject\">Meeting recap \u2014 action items for dev team<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oh-email-tag oh-tag-synced\">Synced<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-compose-bar\"> <\/p>\n<div class=\"oh-compose-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg> <\/div>\n<p> <span class=\"oh-compose-text\">New message via Outlook API…<\/span> <span class=\"oh-compose-btn\">Send<\/span> <\/div>\n<p>  <\/p>\n<div class=\"oh-summary\"> <\/p>\n<div class=\"oh-summary-item\"> <\/p>\n<div class=\"oh-summary-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\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div class=\"oh-summary-text\"> <span class=\"oh-summary-label\">3,210 Emails<\/span> <span class=\"oh-summary-desc\">Synced via API<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oh-summary-divider\"><\/div>\n<p> <\/p>\n<div class=\"oh-summary-item\"> <\/p>\n<div class=\"oh-summary-icon\"> <svg 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> <\/div>\n<p> <\/p>\n<div class=\"oh-summary-text\"> <span class=\"oh-summary-label\">Real-time<\/span> <span class=\"oh-summary-desc\">Webhooks active<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oh-summary-divider\"><\/div>\n<p> <\/p>\n<div class=\"oh-summary-item\"> <\/p>\n<div class=\"oh-summary-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=\"oh-summary-text\"> <span class=\"oh-summary-label\">99.5%<\/span> <span class=\"oh-summary-desc\">Delivery rate<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-float-notif\"> <\/p>\n<div class=\"oh-float-notif-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <\/p>\n<div class=\"oh-float-notif-text\"> <span class=\"oh-float-notif-title\">Email sent via API<\/span> <span class=\"oh-float-notif-sub\">Delivered to s.laurent@company.com<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-float-webhook\"> <span class=\"oh-float-webhook-dot\"><\/span> <\/p>\n<div class=\"oh-float-webhook-text\"> Webhook<!\u2013- [et_pb_br_holder] -\u2013> <span class=\"oh-float-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” global_colors_info=”{}” locked=”off” 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-outlook-features { font-family: 'Inter', sans-serif !important; padding: 80px 20px !important; position: relative !important; overflow: hidden !important;}#upl-outlook-features *,#upl-outlook-features *::before,#upl-outlook-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-outlook-features .of-header { text-align: center !important; margin-bottom: 50px !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important;}#upl-outlook-features .of-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-outlook-features .of-subtitle { font-size: 16px !important; color: #383838 !important; line-height: 1.6 !important;}\/* \u2500\u2500 GRID \u2500\u2500 *\/#upl-outlook-features .of-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-outlook-features .of-mockup { background: #ffffff !important; border-radius: 16px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important;}#upl-outlook-features .of-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-outlook-features .of-mock-logo { display: flex !important; align-items: center !important; gap: 10px !important;}#upl-outlook-features .of-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-outlook-features .of-mock-logo-icon svg { width: 14px !important; height: 14px !important; color: #3BB98B !important;}#upl-outlook-features .of-mock-logo-text { font-size: 13px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-outlook-features .of-mock-status { display: flex !important; align-items: center !important; gap: 5px !important; background: rgba(0, 114, 198, 0.1) !important; padding: 5px 10px !important; border-radius: 14px !important; font-size: 11px !important; font-weight: 600 !important; color: #0072C6 !important;}#upl-outlook-features .of-mock-status-dot { width: 5px !important; height: 5px !important; background: #0072C6 !important; border-radius: 50% !important; flex-shrink: 0 !important;}\/* Body *\/#upl-outlook-features .of-mock-body { padding: 18px !important; background: #ffffff !important;}\/* Contact Profile *\/#upl-outlook-features .of-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-outlook-features .of-profile-avatar { width: 44px !important; height: 44px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important;}#upl-outlook-features .of-profile-avatar img { width: 44px !important; height: 44px !important; object-fit: cover !important; border-radius: 50% !important;}#upl-outlook-features .of-profile-info { flex: 1 !important;}#upl-outlook-features .of-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-outlook-features .of-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-outlook-features .of-verified svg { width: 9px !important; height: 9px !important; color: #ffffff !important;}#upl-outlook-features .of-profile-providers { display: flex !important; gap: 8px !important;}#upl-outlook-features .of-profile-providers img { width: 26px !important; height: 26px !important; border-radius: 6px !important; object-fit: contain !important;}\/* Channel Tabs *\/#upl-outlook-features .of-tabs { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 14px !important;}#upl-outlook-features .of-tab { display: flex !important; align-items: center !important; gap: 8px !important; padding: 10px 16px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 500 !important; color: #64748b !important; background: #f1f5f9 !important;}#upl-outlook-features .of-tab-active { background: #0072C6 !important; color: #ffffff !important;}#upl-outlook-features .of-tab img { width: 20px !important; height: 20px !important; object-fit: contain !important;}#upl-outlook-features .of-tab svg { width: 14px !important; height: 14px !important;}\/* Messages *\/#upl-outlook-features .of-messages { display: flex !important; flex-direction: column !important; gap: 10px !important;}#upl-outlook-features .of-msg { display: flex !important; gap: 8px !important;}#upl-outlook-features .of-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-outlook-features .of-msg-content { flex: 1 !important;}#upl-outlook-features .of-msg-header { display: flex !important; align-items: center !important; gap: 6px !important; margin-bottom: 3px !important;}#upl-outlook-features .of-msg-name { font-size: 11px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-outlook-features .of-msg-time { font-size: 9px !important; color: #94a3b8 !important;}#upl-outlook-features .of-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-outlook-features .of-msg-sent .of-msg-bubble { background: rgba(0, 114, 198, 0.08) !important; border-top-left-radius: 10px !important; border-top-right-radius: 4px !important;}\/* Reply bar *\/#upl-outlook-features .of-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-outlook-features .of-reply svg.of-reply-clip { width: 14px !important; height: 14px !important; color: #94a3b8 !important; flex-shrink: 0 !important;}#upl-outlook-features .of-reply-text { flex: 1 !important; font-size: 11px !important; color: #64748b !important;}#upl-outlook-features .of-reply-send { width: 28px !important; height: 28px !important; background: #0072C6 !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-outlook-features .of-reply-send svg { width: 14px !important; height: 14px !important; color: #ffffff !important;}\/* Tracking bar *\/#upl-outlook-features .of-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-outlook-features .of-tracking-item { display: flex !important; align-items: center !important; gap: 8px !important;}#upl-outlook-features .of-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-outlook-features .of-tracking-icon svg { width: 13px !important; height: 13px !important;}#upl-outlook-features .of-ti-blue { background: rgba(0, 114, 198, 0.25) !important;}#upl-outlook-features .of-ti-blue svg { color: #5ba8e0 !important;}#upl-outlook-features .of-ti-yellow { background: rgba(221, 223, 76, 0.2) !important;}#upl-outlook-features .of-ti-yellow svg { color: #DDDF4C !important;}#upl-outlook-features .of-ti-green { background: rgba(59, 185, 139, 0.2) !important;}#upl-outlook-features .of-ti-green svg { color: #3BB98B !important;}#upl-outlook-features .of-tracking-text { display: flex !important; flex-direction: column !important;}#upl-outlook-features .of-tracking-label { font-size: 11px !important; font-weight: 600 !important; color: #ffffff !important; line-height: 1.2 !important;}#upl-outlook-features .of-tracking-desc { font-size: 9px !important; color: rgba(255, 255, 255, 0.5) !important; line-height: 1.2 !important;}#upl-outlook-features .of-tracking-divider { width: 1px !important; height: 24px !important; background: rgba(255, 255, 255, 0.1) !important;}\/* \u2500\u2500 RIGHT: FEATURE CARDS \u2500\u2500 *\/#upl-outlook-features .of-cards { display: flex !important; flex-direction: column !important; gap: 22px !important;}#upl-outlook-features .of-card { display: flex !important; gap: 16px !important;}#upl-outlook-features .of-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-outlook-features .of-card-icon svg { width: 24px !important; height: 24px !important; color: #b5b72f !important;}#upl-outlook-features .of-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-outlook-features .of-card-desc { font-size: 13px !important; color: #64748b !important; line-height: 1.6 !important;}\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/@media (max-width: 1024px) { #upl-outlook-features .of-grid { grid-template-columns: 1fr !important; gap: 40px !important; }}@media (max-width: 900px) { #upl-outlook-features .of-title { font-size: 28px !important; }}@media (max-width: 600px) { #upl-outlook-features { padding: 50px 16px !important; } #upl-outlook-features .of-title { font-size: 26px !important; } #upl-outlook-features .of-tabs { flex-wrap: wrap !important; } #upl-outlook-features .of-card { flex-direction: column !important; text-align: center !important; } #upl-outlook-features .of-card-icon { margin: 0 auto !important; } #upl-outlook-features .of-tracking { flex-wrap: wrap !important; gap: 10px !important; justify-content: center !important; } #upl-outlook-features .of-tracking-divider { display: none !important; }}@media (max-width: 400px) { #upl-outlook-features .of-title { font-size: 26px !important; }}<\/style>\n<p><\/p>\n<section id=\"upl-outlook-features\"> <\/p>\n<div class=\"of-header\"> <\/p>\n<h2 class=\"of-title\">Streamline Workflows with Advanced Outlook API Features<\/h2>\n<p> <pee class=\"of-subtitle\">Our Outlook API enriches your platform with powerful email capabilities, enabling seamless sync, automated sending, and engagement tracking directly from Microsoft 365, without switching apps.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"of-grid\">  <\/p>\n<div> <\/p>\n<div class=\"of-mockup\"> <\/p>\n<div class=\"of-mock-header\"> <\/p>\n<div class=\"of-mock-logo\"> <\/p>\n<div class=\"of-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=\"of-mock-logo-text\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"of-mock-status\"> <span class=\"of-mock-status-dot\"><\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\" style=\"width:12px!important;height:12px!important;object-fit:contain!important;margin-right:2px!important;\"> Connected <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"of-mock-body\">  <\/p>\n<div class=\"of-profile\"> <\/p>\n<div class=\"of-profile-avatar\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/06\/unipile-profile-avatar-12.jpg\" alt=\"James Carter\"> <\/div>\n<p> <\/p>\n<div class=\"of-profile-info\"> <\/p>\n<div class=\"of-profile-name\"> James Carter <span class=\"of-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=\"of-profile-providers\"> <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\/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> <\/div>\n<p>  <\/p>\n<div class=\"of-tabs\"> <\/p>\n<div class=\"of-tab of-tab-active\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> Outlook <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div class=\"of-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> LinkedIn <\/div>\n<p> <\/p>\n<div class=\"of-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> WhatsApp <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"of-messages\"> <\/p>\n<div class=\"of-msg of-msg-sent\"> <\/p>\n<div class=\"of-msg-avatar\" style=\"background: #e2e8f0 !important;\">Me<\/div>\n<p> <\/p>\n<div class=\"of-msg-content\"> <\/p>\n<div class=\"of-msg-header\"> <span class=\"of-msg-name\">Me<\/span> <span class=\"of-msg-time\">Tuesday, 10:14 AM<\/span> <\/div>\n<p> <\/p>\n<div class=\"of-msg-bubble\">Hi James, following up on the proposal. Any feedback from your team on the pricing structure?<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"of-msg\"> <\/p>\n<div class=\"of-msg-avatar\" style=\"background: #e2e8f0 !important;\">JC<\/div>\n<p> <\/p>\n<div class=\"of-msg-content\"> <\/p>\n<div class=\"of-msg-header\"> <span class=\"of-msg-name\">James Carter<\/span> <span class=\"of-msg-time\">Tuesday, 02:38 PM<\/span> <\/div>\n<p> <\/p>\n<div class=\"of-msg-bubble\">Thanks for the follow-up. The team reviewed it, we’re aligned on Tier 2. Can we schedule a call this week to finalize?<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"of-reply\"> <svg class=\"of-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=\"of-reply-text\">Reply to James via Outlook…<\/span> <\/p>\n<div class=\"of-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=\"of-tracking\"> <\/p>\n<div class=\"of-tracking-item\"> <\/p>\n<div class=\"of-tracking-icon of-ti-blue\"> <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=\"of-tracking-text\"> <span class=\"of-tracking-label\">Delivered<\/span> <span class=\"of-tracking-desc\">99.5% rate<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"of-tracking-divider\"><\/div>\n<p> <\/p>\n<div class=\"of-tracking-item\"> <\/p>\n<div class=\"of-tracking-icon of-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=\"of-tracking-text\"> <span class=\"of-tracking-label\">Opened<\/span> <span class=\"of-tracking-desc\">2 times<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"of-tracking-divider\"><\/div>\n<p> <\/p>\n<div class=\"of-tracking-item\"> <\/p>\n<div class=\"of-tracking-icon of-ti-green\"> <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=\"of-tracking-text\"> <span class=\"of-tracking-label\">Replied<\/span> <span class=\"of-tracking-desc\">4h 24m avg<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"of-cards\"> <\/p>\n<div class=\"of-card\"> <\/p>\n<div class=\"of-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=\"of-card-title\">Sync Outlook Mailboxes<\/h3>\n<p> <pee class=\"of-card-desc\">Pull emails from any Microsoft 365 or Outlook inbox in real time, folders, threads, attachments, while keeping users’ personal data secure and scoped.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"of-card\"> <\/p>\n<div class=\"of-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=\"of-card-title\">Receive Email<\/h3>\n<p> <pee class=\"of-card-desc\">Capture incoming Outlook messages 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=\"of-card\"> <\/p>\n<div class=\"of-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=\"of-card-title\">Send from Microsoft 365<\/h3>\n<p> <pee class=\"of-card-desc\">Trigger outbound emails directly through your users’ Outlook accounts, replies, follow-ups, automated sequences, all sent from their verified professional address.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"of-card\"> <\/p>\n<div class=\"of-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=\"of-card-title\">Track Engagement<\/h3>\n<p> <pee class=\"of-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=”#0F2736″ da_disable_devices=”off|off|off” global_colors_info=”{}” locked=”off” 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″]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Outlook 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 style=\"margin:0;padding:0;background:#0f2736;\"><\/p>\n<style>#upl-outlook-advanced { font-family: 'Inter', sans-serif !important; padding: 80px 20px !important; position: relative !important; overflow: hidden !important;}#upl-outlook-advanced *,#upl-outlook-advanced *::before,#upl-outlook-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-outlook-advanced .oa-header { text-align: center !important; margin-bottom: 70px !important; max-width: 700px !important; margin-left: auto !important; margin-right: auto !important;}#upl-outlook-advanced .oa-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-outlook-advanced .oa-subtitle { font-size: 16px !important; color: #ffffff !important; line-height: 1.7 !important;}#upl-outlook-advanced .oa-ms-logo { margin-top: 24px !important; display: flex !important; justify-content: center !important;}#upl-outlook-advanced .oa-ms-logo img { height: 48px !important; width: auto !important; object-fit: contain !important;}#upl-outlook-advanced .oa-ms-note { font-size: 16px !important; color: #ffffff !important; margin-top: 12px !important; text-align: center !important;}\/* \u2500\u2500 USE CASES GRID \u2500\u2500 *\/#upl-outlook-advanced .oa-usecases { max-width: 1100px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 80px !important;}\/* Row layout *\/#upl-outlook-advanced .oa-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-outlook-advanced .oa-row-reverse { direction: rtl !important;}#upl-outlook-advanced .oa-row-reverse > * { direction: ltr !important;}\/* \u2500\u2500 CONTENT SIDE \u2500\u2500 *\/#upl-outlook-advanced .oa-content { padding-left: 20px !important;}#upl-outlook-advanced .oa-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-outlook-advanced .oa-content-desc { font-size: 15px !important; color: #ffffff !important; line-height: 1.7 !important; margin-bottom: 24px !important;}\/* Feature checks *\/#upl-outlook-advanced .oa-checks { display: flex !important; flex-direction: column !important; gap: 14px !important; margin-bottom: 28px !important;}#upl-outlook-advanced .oa-check { display: flex !important; align-items: flex-start !important; gap: 12px !important;}#upl-outlook-advanced .oa-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-outlook-advanced .oa-check-icon svg { width: 11px !important; height: 11px !important; color: #3BB98B !important;}#upl-outlook-advanced .oa-check-text { font-size: 14px !important; color: #ffffff !important; line-height: 1.5 !important;}\/* CTA *\/#upl-outlook-advanced .oa-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-outlook-advanced .oa-cta:hover { transform: translateY(-5px) !important;}#upl-outlook-advanced .oa-cta svg { width: 18px !important; height: 18px !important;}\/* \u2500\u2500 MOCKUP SIDE \u2500\u2500 *\/#upl-outlook-advanced .oa-mockup { background: #ffffff !important; border-radius: 16px !important; overflow: hidden !important;}#upl-outlook-advanced .oa-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-outlook-advanced .oa-mock-logo { display: flex !important; align-items: center !important; gap: 10px !important;}#upl-outlook-advanced .oa-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-outlook-advanced .oa-mock-logo-icon svg { width: 18px !important; height: 18px !important; color: #3BB98B !important;}#upl-outlook-advanced .oa-mock-logo-text { font-size: 14px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-outlook-advanced .oa-mock-body { padding: 14px !important; background: #ffffff !important;}\/* \u2500\u2500 MOCKUP 1: FOLDERS \u2500\u2500 *\/#upl-outlook-advanced .oa-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;}#upl-outlook-advanced .oa-folders-grid { display: flex !important; flex-direction: column !important; gap: 6px !important; margin-bottom: 14px !important;}#upl-outlook-advanced .oa-folder-row { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 12px !important; background: #f8fafc !important; border-radius: 8px !important;}#upl-outlook-advanced .oa-folder-row-active { background: rgba(0, 114, 198, 0.06) !important; border: 1px solid rgba(0, 114, 198, 0.18) !important;}#upl-outlook-advanced .oa-folder-color { width: 10px !important; height: 10px !important; border-radius: 3px !important; flex-shrink: 0 !important;}#upl-outlook-advanced .oa-folder-name { font-size: 13px !important; font-weight: 500 !important; color: #0f2736 !important; flex: 1 !important;}#upl-outlook-advanced .oa-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-outlook-advanced .oa-folder-synced { display: flex !important; align-items: center !important; gap: 4px !important; font-size: 10px !important; font-weight: 600 !important; color: #3BB98B !important;}#upl-outlook-advanced .oa-folder-synced svg { width: 10px !important; height: 10px !important; color: #3BB98B !important;}\/* Sync bar *\/#upl-outlook-advanced .oa-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-outlook-advanced .oa-sync-icon { width: 24px !important; height: 24px !important; color: #3BB98B !important; animation: oa-spin 2s linear infinite !important; flex-shrink: 0 !important;}#upl-outlook-advanced .oa-sync-text { font-size: 11px !important; font-weight: 500 !important; color: #3BB98B !important;}@keyframes oa-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}\/* \u2500\u2500 MOCKUP 2: WEBHOOKS \u2500\u2500 *\/#upl-outlook-advanced .oa-webhook-flow { display: flex !important; flex-direction: column !important; gap: 6px !important;}#upl-outlook-advanced .oa-webhook-event { display: flex !important; align-items: center !important; gap: 10px !important; padding: 9px 12px !important; background: #f8fafc !important; border-radius: 8px !important;}#upl-outlook-advanced .oa-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(0, 114, 198, 0.1) !important;}#upl-outlook-advanced .oa-webhook-event-icon img { width: 16px !important; height: 16px !important; object-fit: contain !important;}#upl-outlook-advanced .oa-webhook-event-body { flex: 1 !important;}#upl-outlook-advanced .oa-webhook-event-title { font-size: 12px !important; font-weight: 600 !important; color: #0f2736 !important; margin-bottom: 1px !important;}#upl-outlook-advanced .oa-webhook-event-desc { font-size: 10px !important; color: #64748b !important;}#upl-outlook-advanced .oa-webhook-event-badge { padding: 3px 8px !important; border-radius: 5px !important; font-size: 9px !important; font-weight: 600 !important; flex-shrink: 0 !important;}#upl-outlook-advanced .oa-badge-new { background: rgba(0, 114, 198, 0.1) !important; color: #0072C6 !important;}#upl-outlook-advanced .oa-badge-sent { background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important;}#upl-outlook-advanced .oa-badge-opened { background: rgba(251, 188, 4, 0.12) !important; color: #d4a004 !important;}#upl-outlook-advanced .oa-badge-replied { background: rgba(104, 33, 122, 0.1) !important; color: #68217A !important;}\/* Arrow connector *\/#upl-outlook-advanced .oa-arrow-down { display: flex !important; align-items: center !important; justify-content: center !important; padding: 2px 0 !important;}#upl-outlook-advanced .oa-arrow-down svg { width: 14px !important; height: 14px !important; color: #3BB98B !important;}\/* Code block *\/#upl-outlook-advanced .oa-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; overflow-x: auto !important;}#upl-outlook-advanced .oa-code-green { color: #3BB98B !important;}#upl-outlook-advanced .oa-code-yellow { color: #DDDF4C !important;}\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/@media (max-width: 900px) { #upl-outlook-advanced .oa-row, #upl-outlook-advanced .oa-row-reverse { grid-template-columns: 1fr !important; gap: 40px !important; direction: ltr !important; } #upl-outlook-advanced .oa-title { font-size: 28px !important; } #upl-outlook-advanced .oa-content-title { font-size: 24px !important; } #upl-outlook-advanced .oa-content { padding-left: 0 !important; } #upl-outlook-advanced .oa-cta { margin-left: 0 !important; }}@media (max-width: 600px) { #upl-outlook-advanced { padding: 50px 16px !important; } #upl-outlook-advanced .oa-title { font-size: 26px !important; } #upl-outlook-advanced .oa-content-title { font-size: 22px !important; }}@media (max-width: 400px) { #upl-outlook-advanced .oa-title { font-size: 26px !important; }}<\/style>\n<p><\/p>\n<section id=\"upl-outlook-advanced\">  <\/p>\n<div class=\"oa-header\"> <\/p>\n<h2 class=\"oa-title\">Unlock Advanced Outlook API Features<\/h2>\n<p> <pee class=\"oa-subtitle\">Go beyond basic email. Access Outlook folders, real-time webhook notifications and Microsoft 365 integration through Unipile’s unified API.<\/pee> <\/p>\n<div class=\"oa-ms-logo\"> <img decoding=\"async\" src=\"https:\/\/cache.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-exchange-365.svg\" alt=\"Outlook, Exchange and Microsoft 365\"> <\/div>\n<p> <pee class=\"oa-ms-note\">Access Outlook, Exchange and Microsoft 365 with Unipile’s API<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"oa-usecases\">  <\/p>\n<div class=\"oa-row\">  <\/p>\n<div> <\/p>\n<div class=\"oa-mockup\"> <\/p>\n<div class=\"oa-mock-header\"> <\/p>\n<div class=\"oa-mock-logo\"> <\/p>\n<div class=\"oa-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=\"oa-mock-logo-text\">Your App<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-mock-body\"> <\/p>\n<div class=\"oa-section-title\">Outlook Folders<\/div>\n<p> <\/p>\n<div class=\"oa-folders-grid\"> <\/p>\n<div class=\"oa-folder-row oa-folder-row-active\"> <\/p>\n<div class=\"oa-folder-color\" style=\"background: #0072C6 !important;\"><\/div>\n<p> <span class=\"oa-folder-name\">Inbox<\/span> <span class=\"oa-folder-count\">214<\/span> <span class=\"oa-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=\"oa-folder-row\"> <\/p>\n<div class=\"oa-folder-color\" style=\"background: #FBBC04 !important;\"><\/div>\n<p> <span class=\"oa-folder-name\">Focused<\/span> <span class=\"oa-folder-count\">67<\/span> <span class=\"oa-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=\"oa-folder-row\"> <\/p>\n<div class=\"oa-folder-color\" style=\"background: #34A853 !important;\"><\/div>\n<p> <span class=\"oa-folder-name\">Clients<\/span> <span class=\"oa-folder-count\">93<\/span> <span class=\"oa-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=\"oa-folder-row\"> <\/p>\n<div class=\"oa-folder-color\" style=\"background: #68217A !important;\"><\/div>\n<p> <span class=\"oa-folder-name\">Prospects<\/span> <span class=\"oa-folder-count\">41<\/span> <span class=\"oa-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=\"oa-folder-row\"> <\/p>\n<div class=\"oa-folder-color\" style=\"background: #EA4335 !important;\"><\/div>\n<p> <span class=\"oa-folder-name\">Follow-up<\/span> <span class=\"oa-folder-count\">18<\/span> <span class=\"oa-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=\"oa-sync-bar\"> <svg class=\"oa-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=\"oa-sync-text\">All 5 folders synchronized via API<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oa-content\"> <\/p>\n<h3 class=\"oa-content-title\">List and Sync Outlook Folders<\/h3>\n<p> <pee class=\"oa-content-desc\">Efficiently manage and navigate through Outlook folders with the API’s List and Get endpoints, streamlining inbox organization for all your Microsoft 365 users.<\/pee> <\/p>\n<div class=\"oa-checks\"> <\/p>\n<div class=\"oa-check\"> <\/p>\n<div class=\"oa-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=\"oa-check-text\">Retrieve all Outlook folders and subfolders with a single API call<\/span> <\/div>\n<p> <\/p>\n<div class=\"oa-check\"> <\/p>\n<div class=\"oa-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=\"oa-check-text\">Filter emails by folder for targeted inbox management<\/span> <\/div>\n<p> <\/p>\n<div class=\"oa-check\"> <\/p>\n<div class=\"oa-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=\"oa-check-text\">Mirror custom folder structures into your CRM or ATS<\/span> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"oa-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=\"oa-row oa-row-reverse\">  <\/p>\n<div> <\/p>\n<div class=\"oa-mockup\"> <\/p>\n<div class=\"oa-mock-header\"> <\/p>\n<div class=\"oa-mock-logo\"> <\/p>\n<div class=\"oa-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=\"oa-mock-logo-text\">Your App<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-mock-body\"> <\/p>\n<div class=\"oa-section-title\">Webhook Events<\/div>\n<p> <\/p>\n<div class=\"oa-webhook-flow\"> <\/p>\n<div class=\"oa-webhook-event\"> <\/p>\n<div class=\"oa-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-body\"> <\/p>\n<div class=\"oa-webhook-event-title\">New Email Received<\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-desc\">From: james.carter@enterprise.com<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-badge oa-badge-new\">NEW<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-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=\"oa-webhook-event\"> <\/p>\n<div class=\"oa-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-body\"> <\/p>\n<div class=\"oa-webhook-event-title\">Email Sent<\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-desc\">To: sophie.laurent@company.io<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-badge oa-badge-sent\">SENT<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-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=\"oa-webhook-event\"> <\/p>\n<div class=\"oa-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-body\"> <\/p>\n<div class=\"oa-webhook-event-title\">Email Opened<\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-desc\">sophie.laurent@company.io \u2014 2 opens<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-badge oa-badge-opened\">OPENED<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-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=\"oa-webhook-event\"> <\/p>\n<div class=\"oa-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-body\"> <\/p>\n<div class=\"oa-webhook-event-title\">Reply Received<\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-desc\">From: sophie.laurent@company.io<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-badge oa-badge-replied\">REPLIED<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oa-code-block\"> <span class=\"oa-code-green\">POST<\/span> \/webhook<!\u2013- [et_pb_br_holder] -\u2013> {<!\u2013- [et_pb_br_holder] -\u2013> \u00a0“event”: <span class=\"oa-code-yellow\">“email.received”<\/span>,<!\u2013- [et_pb_br_holder] -\u2013> \u00a0“provider”: <span class=\"oa-code-yellow\">“OUTLOOK”<\/span>,<!\u2013- [et_pb_br_holder] -\u2013> \u00a0“account_id”: <span class=\"oa-code-yellow\">“acc_4m2p9”<\/span><!\u2013- [et_pb_br_holder] -\u2013> } <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oa-content\"> <\/p>\n<h3 class=\"oa-content-title\">Real-Time Webhook Notifications<\/h3>\n<p> <pee class=\"oa-content-desc\">Webhooks let your application react instantly to Outlook events without polling. Straightforward to implement and built to scale as your user base grows across Microsoft 365 accounts.<\/pee> <\/p>\n<div class=\"oa-checks\"> <\/p>\n<div class=\"oa-check\"> <\/p>\n<div class=\"oa-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=\"oa-check-text\">Instant alerts on new emails, opens, clicks and replies<\/span> <\/div>\n<p> <\/p>\n<div class=\"oa-check\"> <\/p>\n<div class=\"oa-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=\"oa-check-text\">No polling needed \u2014 reduce API calls and latency<\/span> <\/div>\n<p> <\/p>\n<div class=\"oa-check\"> <\/p>\n<div class=\"oa-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=\"oa-check-text\">Trigger CRM updates and automations on every email event<\/span> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"oa-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” global_colors_info=”{}” locked=”off” 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″]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Outlook 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 style=\"margin:0;padding:0;background:#0f2736;\"><\/p>\n<div id=\"unipile-ol-seqlive\"> <\/p>\n<style> #unipile-ol-seqlive, #unipile-ol-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-ol-seqlive { padding: 70px 20px !important; background: #0f2736 !important; } #unipile-ol-seqlive .os-container { max-width: 1050px !important; margin: 0 auto !important; } \/* Grid *\/ #unipile-ol-seqlive .os-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-ol-seqlive .os-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-ol-seqlive .os-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-ol-seqlive .os-mock-left { display: flex !important; align-items: center !important; gap: 10px !important; } #unipile-ol-seqlive .os-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-ol-seqlive .os-mock-icon svg { width: 16px !important; height: 16px !important; color: #3BB98B !important; } #unipile-ol-seqlive .os-mock-appname { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; } #unipile-ol-seqlive .os-mock-providers { display: flex !important; gap: 5px !important; } #unipile-ol-seqlive .os-mock-providers img { width: 20px !important; height: 20px !important; object-fit: contain !important; } \/* Sequence bar *\/ #unipile-ol-seqlive .os-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-ol-seqlive .os-seq-info { display: flex !important; align-items: center !important; gap: 8px !important; } #unipile-ol-seqlive .os-seq-name { font-size: 12px !important; font-weight: 600 !important; color: #1e293b !important; } #unipile-ol-seqlive .os-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-ol-seqlive .os-seq-active::before { content: '' !important; width: 5px !important; height: 5px !important; background: #3BB98B !important; border-radius: 50% !important; } #unipile-ol-seqlive .os-seq-count { font-size: 10px !important; color: #94a3b8 !important; font-weight: 500 !important; } \/* Timeline *\/ #unipile-ol-seqlive .os-timeline { padding: 14px 16px !important; background: #ffffff !important; height: 380px !important; max-height: 380px !important; overflow: hidden !important; } #unipile-ol-seqlive .os-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-ol-seqlive .os-step.active { opacity: 1 !important; transform: translateX(0) !important; } #unipile-ol-seqlive .os-step.done { opacity: 0.55 !important; transform: translateX(0) !important; } \/* Timeline column *\/ #unipile-ol-seqlive .os-tl-col { display: flex !important; flex-direction: column !important; align-items: center !important; width: 34px !important; flex-shrink: 0 !important; } #unipile-ol-seqlive .os-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-ol-seqlive .os-tl-dot img { width: 18px !important; height: 18px !important; object-fit: contain !important; } #unipile-ol-seqlive .os-tl-dot.ol { background: rgba(0,114,198,0.12) !important; } #unipile-ol-seqlive .os-tl-dot.li { background: rgba(10,102,194,0.12) !important; } #unipile-ol-seqlive .os-tl-dot.wa { background: rgba(37,211,102,0.12) !important; } #unipile-ol-seqlive .os-tl-line { width: 2px !important; flex: 1 !important; min-height: 10px !important; background: #e5e7eb !important; } #unipile-ol-seqlive .os-step.active .os-tl-line { background: #3BB98B !important; } #unipile-ol-seqlive .os-step:last-child .os-tl-line { display: none !important; } \/* Step body *\/ #unipile-ol-seqlive .os-step-body { flex: 1 !important; padding-bottom: 12px !important; min-width: 0 !important; } #unipile-ol-seqlive .os-step:last-child .os-step-body { padding-bottom: 0 !important; } #unipile-ol-seqlive .os-step-top { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 2px !important; } #unipile-ol-seqlive .os-step-day { font-size: 10px !important; font-weight: 700 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; } #unipile-ol-seqlive .os-step.active .os-step-day { color: #3BB98B !important; } #unipile-ol-seqlive .os-step-status { font-size: 9px !important; font-weight: 600 !important; padding: 2px 7px !important; border-radius: 4px !important; } #unipile-ol-seqlive .os-step-status.sent { background: rgba(59,185,139,0.1) !important; color: #3BB98B !important; } #unipile-ol-seqlive .os-step-status.pending { background: #f1f5f9 !important; color: #94a3b8 !important; } #unipile-ol-seqlive .os-step-status.running { background: rgba(0,114,198,0.1) !important; color: #0072C6 !important; } #unipile-ol-seqlive .os-step-action { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; margin-bottom: 2px !important; } #unipile-ol-seqlive .os-step-detail { font-size: 11.5px !important; color: #64748b !important; line-height: 1.35 !important; } \/* Preview bubble *\/ #unipile-ol-seqlive .os-preview { margin-top: 6px !important; padding: 8px 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; padding: 0 10px !important; margin-top: 0 !important; } #unipile-ol-seqlive .os-step.active .os-preview { max-height: 80px !important; opacity: 1 !important; padding: 8px 10px !important; margin-top: 6px !important; } #unipile-ol-seqlive .os-preview.ol-bg { background: #eff6ff !important; } #unipile-ol-seqlive .os-preview.li-bg { background: #f0f7ff !important; } #unipile-ol-seqlive .os-preview.wa-bg { background: #dcf8c6 !important; } \/* Bottom stats *\/ #unipile-ol-seqlive .os-mock-stats { display: flex !important; border-top: 1px solid #e5e7eb !important; background: #f8f9fa !important; } #unipile-ol-seqlive .os-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-ol-seqlive .os-mstat:last-child { border-right: none !important; } #unipile-ol-seqlive .os-mstat-val { font-size: 18px !important; font-weight: 700 !important; color: #1e293b !important; display: block !important; } #unipile-ol-seqlive .os-mstat-val.green { color: #3BB98B !important; } #unipile-ol-seqlive .os-mstat-val.blue { color: #0072C6 !important; } #unipile-ol-seqlive .os-mstat-lbl { font-size: 10px !important; color: #94a3b8 !important; font-weight: 500 !important; display: block !important; margin-top: 2px !important; } \/* ===== RIGHT: Content ===== *\/ #unipile-ol-seqlive .os-content { display: flex !important; flex-direction: column !important; gap: 18px !important; } #unipile-ol-seqlive .os-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-ol-seqlive .os-badge svg { width: 11px !important; height: 11px !important; } #unipile-ol-seqlive .os-title { font-family: 'Poppins', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; } #unipile-ol-seqlive .os-title span { color: #3BB98B !important; } #unipile-ol-seqlive .os-desc { font-size: 15px !important; color: #ffffff !important; line-height: 1.65 !important; } \/* Channel row *\/ #unipile-ol-seqlive .os-channels { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; } #unipile-ol-seqlive .os-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-ol-seqlive .os-ch img { width: 16px !important; height: 16px !important; object-fit: contain !important; } \/* Stats *\/ #unipile-ol-seqlive .os-stats { display: flex !important; gap: 20px !important; margin-top: 4px !important; } #unipile-ol-seqlive .os-stat { display: flex !important; flex-direction: column !important; gap: 2px !important; } #unipile-ol-seqlive .os-stat-val { font-size: 22px !important; font-weight: 700 !important; color: #ffffff !important; } #unipile-ol-seqlive .os-stat-val.green { color: #3BB98B !important; } #unipile-ol-seqlive .os-stat-lbl { font-size: 11px !important; color: rgba(255,255,255,0.45) !important; font-weight: 500 !important; } \/* CTA *\/ #unipile-ol-seqlive .os-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-ol-seqlive .os-cta:hover { transform: translateY(-5px) !important; } #unipile-ol-seqlive .os-cta svg { width: 16px !important; height: 16px !important; } \/* ===== RESPONSIVE ===== *\/ @media (max-width: 900px) { #unipile-ol-seqlive .os-grid { grid-template-columns: 1fr !important; gap: 30px !important; } #unipile-ol-seqlive .os-mockup { width: 100% !important; min-width: 0 !important; max-width: 480px !important; margin: 0 auto !important; order: 1 !important; } #unipile-ol-seqlive .os-content { order: 2 !important; max-width: 480px !important; margin: 0 auto !important; padding: 0 8px !important; } #unipile-ol-seqlive .os-title { font-size: 28px !important; } #unipile-ol-seqlive .os-cta { align-self: center !important; } #unipile-ol-seqlive .os-stats { justify-content: center !important; } #unipile-ol-seqlive .os-channels { justify-content: center !important; } #unipile-ol-seqlive .os-content { text-align: center !important; align-items: center !important; } } @media (max-width: 500px) { #unipile-ol-seqlive { padding: 50px 16px !important; } #unipile-ol-seqlive .os-title { font-size: 24px !important; } #unipile-ol-seqlive .os-mockup { max-width: 340px !important; min-width: 0 !important; } #unipile-ol-seqlive .os-stats { gap: 14px !important; } #unipile-ol-seqlive .os-stat-val { font-size: 18px !important; } } <\/style>\n<p> <\/p>\n<div class=\"os-container\"> <\/p>\n<div class=\"os-grid\">  <\/p>\n<div class=\"os-mockup\"> <\/p>\n<div class=\"os-mock-head\"> <\/p>\n<div class=\"os-mock-left\"> <\/p>\n<div class=\"os-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=\"os-mock-appname\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-mock-providers\"> <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\/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=\"os-seq-bar\"> <\/p>\n<div class=\"os-seq-info\"> <span class=\"os-seq-name\">Outlook Outreach \u2014 Enterprise Campaign<\/span> <span class=\"os-seq-active\">Running<\/span> <\/div>\n<p> <span class=\"os-seq-count\">Step <span id=\"os-step-counter\">1<\/span>\/5<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-timeline\">  <\/p>\n<div class=\"os-step active\" data-osstep=\"0\"> <\/p>\n<div class=\"os-tl-col\"> <\/p>\n<div class=\"os-tl-dot ol\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <\/p>\n<div class=\"os-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"os-step-body\"> <\/p>\n<div class=\"os-step-top\"> <span class=\"os-step-day\">Day 1<\/span> <span class=\"os-step-status running\">Sending\u2026<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-step-action\">Outlook Cold Outreach<\/div>\n<p> <\/p>\n<div class=\"os-step-detail\">Personalized email with value proposition<\/div>\n<p> <\/p>\n<div class=\"os-preview ol-bg\">Subject: Streamline your team’s inbox in 2 weeks \u2014 Hi Thomas, noticed your team manages multiple Microsoft 365 inboxes. We help automate\u2026<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"os-step\" data-osstep=\"1\"> <\/p>\n<div class=\"os-tl-col\"> <\/p>\n<div class=\"os-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=\"os-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"os-step-body\"> <\/p>\n<div class=\"os-step-top\"> <span class=\"os-step-day\">Day 3<\/span> <span class=\"os-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-step-action\">LinkedIn Connection<\/div>\n<p> <\/p>\n<div class=\"os-step-detail\">Invite + reference to email sent<\/div>\n<p> <\/p>\n<div class=\"os-preview li-bg\">Hey Thomas \u2014 reached out via Outlook about inbox automation. Would love to connect here and share how we help M365 teams save hours each week.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"os-step\" data-osstep=\"2\"> <\/p>\n<div class=\"os-tl-col\"> <\/p>\n<div class=\"os-tl-dot ol\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <\/p>\n<div class=\"os-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"os-step-body\"> <\/p>\n<div class=\"os-step-top\"> <span class=\"os-step-day\">Day 5<\/span> <span class=\"os-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-step-action\">Outlook Follow-up<\/div>\n<p> <\/p>\n<div class=\"os-step-detail\">Case study + social proof<\/div>\n<p> <\/p>\n<div class=\"os-preview ol-bg\">Subject: Re: Streamline your team’s inbox \u2014 Here’s how Meridian Corp cut email handling time by 60% using our Outlook API integration\u2026<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"os-step\" data-osstep=\"3\"> <\/p>\n<div class=\"os-tl-col\"> <\/p>\n<div class=\"os-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=\"os-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"os-step-body\"> <\/p>\n<div class=\"os-step-top\"> <span class=\"os-step-day\">Day 8<\/span> <span class=\"os-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-step-action\">WhatsApp Check-in<\/div>\n<p> <\/p>\n<div class=\"os-step-detail\">Quick personal touch if no reply<\/div>\n<p> <\/p>\n<div class=\"os-preview wa-bg\">Hey Thomas! Sent you a couple of emails about Outlook automation \u2014 thought a quick message here might be easier. Free for a 10-min call?<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"os-step\" data-osstep=\"4\"> <\/p>\n<div class=\"os-tl-col\"> <\/p>\n<div class=\"os-tl-dot ol\"><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<div class=\"os-step-body\"> <\/p>\n<div class=\"os-step-top\"> <span class=\"os-step-day\">Day 12<\/span> <span class=\"os-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-step-action\">Outlook Closing Email<\/div>\n<p> <\/p>\n<div class=\"os-step-detail\">Final offer + booking link<\/div>\n<p> <\/p>\n<div class=\"os-preview ol-bg\">Subject: Last chance \u2014 pilot access 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=\"os-mock-stats\"> <\/p>\n<div class=\"os-mstat\"><span class=\"os-mstat-val\" id=\"os-stat-sent\">1<\/span><span class=\"os-mstat-lbl\">Sent<\/span><\/div>\n<p> <\/p>\n<div class=\"os-mstat\"><span class=\"os-mstat-val blue\" id=\"os-stat-open\">1<\/span><span class=\"os-mstat-lbl\">Opened<\/span><\/div>\n<p> <\/p>\n<div class=\"os-mstat\"><span class=\"os-mstat-val green\" id=\"os-stat-reply\">0<\/span><span class=\"os-mstat-lbl\">Replied<\/span><\/div>\n<p> <\/p>\n<div class=\"os-mstat\"><span class=\"os-mstat-val\" id=\"os-stat-pend\">4<\/span><span class=\"os-mstat-lbl\">Pending<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"os-content\"> <\/p>\n<div class=\"os-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=\"os-title\">Orchestrate <span>Outlook, LinkedIn & WhatsApp<\/span> in One Sequence<\/h2>\n<p> <pee class=\"os-desc\">Let your users build automated outreach workflows that start with Outlook and combine LinkedIn and WhatsApp touchpoints, all powered by a single API. Each step fires at the right time, on the right channel.<\/pee> <\/p>\n<div class=\"os-channels\"> <span class=\"os-ch\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\">Outlook<\/span> <span class=\"os-ch\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\">LinkedIn<\/span> <span class=\"os-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=\"os-stats\"> <\/p>\n<div class=\"os-stat\"> <span class=\"os-stat-val green\">99.5%<\/span> <span class=\"os-stat-lbl\">Outlook delivery rate<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-stat\"> <span class=\"os-stat-val green\">3x<\/span> <span class=\"os-stat-lbl\">More replies<\/span> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"os-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-ol-seqlive'); if(!root) return; var steps = root.querySelectorAll('.os-step'); var counter = root.querySelector('#os-step-counter'); var statSent = root.querySelector('#os-stat-sent'); var statOpen = root.querySelector('#os-stat-open'); var statReply = root.querySelector('#os-stat-reply'); var statPend = root.querySelector('#os-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('.os-step-status'); if (i < idx) { s.classList.add('done'); st.className = 'os-step-status sent'; st.textContent = 'Sent \\u2713'; } else if (i === idx) { s.classList.add('active'); st.className = 'os-step-status running'; st.textContent = 'Sending\\u2026'; } else { st.className = 'os-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; } function next() { activate((ci + 1) % total); } activate(0); setInterval(next, 3000);})();<\/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” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/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=”{}”]<\/p>\n<div id=\"unipile-ol-use-cases-section\"> <\/p>\n<style> #unipile-ol-use-cases-section, #unipile-ol-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-ol-use-cases-section { padding: 60px 20px !important; background: #f4f5f7 !important; } #unipile-ol-use-cases-section .ouc-container { max-width: 1100px !important; margin: 0 auto !important; } \/* Header *\/ #unipile-ol-use-cases-section .ouc-header { text-align: center !important; margin-bottom: 50px !important; } #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-badge svg { stroke: #b8ba2e !important; } #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-subtitle { font-size: 16px !important; color: #0f2736 !important; line-height: 1.6 !important; max-width: 620px !important; margin: 0 auto !important; } \/* Grid *\/ #unipile-ol-use-cases-section .ouc-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } \/* Card *\/ #unipile-ol-use-cases-section .ouc-card { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } \/* Mockup *\/ #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-mockup-logo.ats { background: rgba(134, 92, 214, 0.12) !important; } #unipile-ol-use-cases-section .ouc-mockup-logo.crm { background: rgba(59, 185, 139, 0.12) !important; } #unipile-ol-use-cases-section .ouc-mockup-logo.outreach { background: rgba(0, 114, 198, 0.12) !important; } #unipile-ol-use-cases-section .ouc-mockup-logo svg { width: 14px !important; height: 14px !important; } #unipile-ol-use-cases-section .ouc-mockup-logo.ats svg { color: #865CD6 !important; stroke: #865CD6 !important; } #unipile-ol-use-cases-section .ouc-mockup-logo.crm svg { color: #3BB98B !important; stroke: #3BB98B !important; } #unipile-ol-use-cases-section .ouc-mockup-logo.outreach svg { color: #0072C6 !important; stroke: #0072C6 !important; } #unipile-ol-use-cases-section .ouc-mockup-name { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; } \/* Tabs *\/ #unipile-ol-use-cases-section .ouc-tabs { display: flex !important; background: #ffffff !important; border-bottom: 1px solid #e5e7eb !important; padding: 0 12px !important; } #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-tab.active { color: #ffffff !important; } #unipile-ol-use-cases-section .ouc-tab.active.purple { background: #865CD6 !important; } #unipile-ol-use-cases-section .ouc-tab.active.green { background: #3BB98B !important; } #unipile-ol-use-cases-section .ouc-tab.active.blue { background: #0072C6 !important; } #unipile-ol-use-cases-section .ouc-tab.inactive { color: #64748b !important; background: transparent !important; } \/* Table Header *\/ #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-table-header.ats, #unipile-ol-use-cases-section .ouc-row.ats { grid-template-columns: minmax(100px, 1fr) 70px 40px 55px !important; } #unipile-ol-use-cases-section .ouc-table-header.crm, #unipile-ol-use-cases-section .ouc-row.crm { grid-template-columns: minmax(90px, 1fr) 60px 35px 72px !important; } #unipile-ol-use-cases-section .ouc-table-header.outreach, #unipile-ol-use-cases-section .ouc-row.outreach { grid-template-columns: minmax(140px, 1.5fr) 100px 80px !important; } #unipile-ol-use-cases-section .ouc-table-header span { display: flex !important; align-items: center !important; } #unipile-ol-use-cases-section .ouc-table-header span:nth-child(3) { justify-content: center !important; } #unipile-ol-use-cases-section .ouc-table-header span:last-child { justify-content: flex-end !important; } \/* Table Rows *\/ #unipile-ol-use-cases-section .ouc-table-body { background: #ffffff !important; } #unipile-ol-use-cases-section .ouc-row { display: grid !important; padding: 10px 12px !important; align-items: center !important; border-bottom: 1px solid #f1f5f9 !important; gap: 8px !important; } #unipile-ol-use-cases-section .ouc-row:last-child { border-bottom: none !important; } \/* User Cell *\/ #unipile-ol-use-cases-section .ouc-user { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; min-width: 0 !important; } #unipile-ol-use-cases-section .ouc-avatar { width: 28px !important; height: 28px !important; min-width: 28px !important; border-radius: 50% !important; object-fit: cover !important; background: #e5e7eb !important; } #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-user-msg { font-size: 9px !important; color: #64748b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } \/* Job \/ Company \/ Time \/ Platform *\/ #unipile-ol-use-cases-section .ouc-job { display: flex !important; align-items: center !important; gap: 5px !important; min-width: 0 !important; } #unipile-ol-use-cases-section .ouc-job-dot { width: 6px !important; height: 6px !important; min-width: 6px !important; border-radius: 50% !important; } #unipile-ol-use-cases-section .ouc-job-dot.green { background: #3BB98B !important; } #unipile-ol-use-cases-section .ouc-job-dot.blue { background: #0072C6 !important; } #unipile-ol-use-cases-section .ouc-job-dot.purple { background: #865CD6 !important; } #unipile-ol-use-cases-section .ouc-job-dot.orange { background: #f59e0b !important; } #unipile-ol-use-cases-section .ouc-job-text { font-size: 10px !important; color: #1e293b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #unipile-ol-use-cases-section .ouc-platform { display: flex !important; justify-content: center !important; align-items: center !important; } #unipile-ol-use-cases-section .ouc-platform img { width: 18px !important; height: 18px !important; object-fit: contain !important; } #unipile-ol-use-cases-section .ouc-platform-group { display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; } #unipile-ol-use-cases-section .ouc-platform-group img { width: 18px !important; height: 18px !important; object-fit: contain !important; } #unipile-ol-use-cases-section .ouc-time { font-size: 9px !important; color: #64748b !important; text-align: right !important; white-space: nowrap !important; } #unipile-ol-use-cases-section .ouc-company { font-size: 10px !important; color: #1e293b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } \/* Event \/ Sequence *\/ #unipile-ol-use-cases-section .ouc-event { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; min-width: 0 !important; } #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-event-icon.outreach { background: #a8d5ba !important; color: #3BB98B !important; } #unipile-ol-use-cases-section .ouc-event-icon.meeting { background: #c5d9f1 !important; color: #0072C6 !important; } #unipile-ol-use-cases-section .ouc-event-icon.demo { background: #f5e0d0 !important; color: #d97706 !important; } #unipile-ol-use-cases-section .ouc-event-icon.followup { background: #e8daf5 !important; color: #865CD6 !important; } #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-event-time { font-size: 9px !important; color: #64748b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } \/* Status *\/ #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-status.responsive { background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important; } #unipile-ol-use-cases-section .ouc-status.interested { background: rgba(0, 114, 198, 0.1) !important; color: #0072C6 !important; } #unipile-ol-use-cases-section .ouc-status.proposal { background: rgba(245, 158, 11, 0.1) !important; color: #d97706 !important; } #unipile-ol-use-cases-section .ouc-status.won { background: rgba(134, 92, 214, 0.1) !important; color: #865CD6 !important; } #unipile-ol-use-cases-section .ouc-status-dot { width: 4px !important; height: 4px !important; min-width: 4px !important; border-radius: 50% !important; background: currentColor !important; } \/* Card Content *\/ #unipile-ol-use-cases-section .ouc-card-title { font-family: 'Poppins', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: #0f2736 !important; margin-bottom: 10px !important; } #unipile-ol-use-cases-section .ouc-card-desc { font-size: 14px !important; color: #64748b !important; line-height: 1.6 !important; margin-bottom: 20px !important; min-height: 66px !important; } \/* CTA *\/ #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-cta:hover { transform: translateY(-5px) !important; } #unipile-ol-use-cases-section .ouc-cta svg { width: 14px !important; height: 14px !important; stroke: #0f2736 !important; } \/* Responsive *\/ @media (max-width: 1024px) { #unipile-ol-use-cases-section .ouc-grid { grid-template-columns: repeat(2, 1fr) !important; } #unipile-ol-use-cases-section .ouc-card:last-child { grid-column: span 2 !important; max-width: 380px !important; justify-self: center !important; } } @media (max-width: 900px) { #unipile-ol-use-cases-section .ouc-title { font-size: 28px !important; } } @media (max-width: 700px) { #unipile-ol-use-cases-section .ouc-grid { grid-template-columns: 1fr !important; } #unipile-ol-use-cases-section .ouc-card:last-child { grid-column: span 1 !important; max-width: none !important; } } @media (max-width: 500px) { #unipile-ol-use-cases-section { padding: 40px 16px !important; } #unipile-ol-use-cases-section .ouc-title { font-size: 24px !important; } } <\/style>\n<p> <\/p>\n<div class=\"ouc-container\">  <\/p>\n<div class=\"ouc-header\"> <\/p>\n<div class=\"ouc-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=\"ouc-title\">Outlook API Use Cases<\/h2>\n<p> <pee class=\"ouc-subtitle\">Integrate Outlook and Microsoft 365 into your platform. From recruiting to sales to outreach, give your users professional email communication at scale.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"ouc-grid\">  <\/p>\n<div class=\"ouc-card\"> <\/p>\n<div class=\"ouc-mockup\"> <\/p>\n<div class=\"ouc-mockup-header\"> <\/p>\n<div class=\"ouc-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=\"ouc-mockup-name\">Your ATS<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-tabs\"> <span class=\"ouc-tab active purple\">Candidates<\/span> <span class=\"ouc-tab inactive\">Jobs<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-table-header ats\"> <span>Candidate<\/span> <span>Job<\/span> <span>Via<\/span> <span>Created<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-table-body\"> <\/p>\n<div class=\"ouc-row ats\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/06\/unipile-profile-avatar-32.jpg\" class=\"ouc-avatar\" alt=\"Thomas Weller\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">Thomas Weller<\/span><span class=\"ouc-user-msg\">Thanks for the update!<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-job\"><span class=\"ouc-job-dot green\"><\/span><span class=\"ouc-job-text\">Senior Dev<\/span><\/div>\n<p> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-time\">2 hours ago<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row ats\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-25.jpg\" class=\"ouc-avatar\" alt=\"Clara Fontaine\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">Clara Fontaine<\/span><span class=\"ouc-user-msg\">CV attached as requested<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-job\"><span class=\"ouc-job-dot blue\"><\/span><span class=\"ouc-job-text\">UX Lead<\/span><\/div>\n<p> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-time\">5 hours ago<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row ats\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-15.jpg\" class=\"ouc-avatar\" alt=\"James Carter\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">James Carter<\/span><span class=\"ouc-user-msg\">Available next Tuesday<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-job\"><span class=\"ouc-job-dot purple\"><\/span><span class=\"ouc-job-text\">Marketer<\/span><\/div>\n<p> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-time\">1 day ago<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row ats\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-20.jpg\" class=\"ouc-avatar\" alt=\"Anna Kim\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">Anna Kim<\/span><span class=\"ouc-user-msg\">Can we reschedule?<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-job\"><span class=\"ouc-job-dot orange\"><\/span><span class=\"ouc-job-text\">Designer<\/span><\/div>\n<p> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-time\">2 days ago<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"ouc-card-title\">ATS Publisher<\/h3>\n<p> <pee class=\"ouc-card-desc\">Let recruiters sync Outlook conversations with candidates directly in your ATS. Faster scheduling, fewer missed replies, more placements.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-ats-publisher\/\" class=\"ouc-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=\"ouc-card\"> <\/p>\n<div class=\"ouc-mockup\"> <\/p>\n<div class=\"ouc-mockup-header\"> <\/p>\n<div class=\"ouc-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=\"ouc-mockup-name\">Your CRM<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-tabs\"> <span class=\"ouc-tab active green\">Contacts<\/span> <span class=\"ouc-tab inactive\">Deals<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-table-header crm\"> <span>Contacts<\/span> <span>Company<\/span> <span>Via<\/span> <span>Status<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-table-body\"> <\/p>\n<div class=\"ouc-row crm\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-33.jpg\" class=\"ouc-avatar\" alt=\"David Wong\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">David Wong<\/span><span class=\"ouc-user-msg\">Sounds great! Let’s go<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"ouc-company\">NexaTech<\/span> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-status responsive\"><span class=\"ouc-status-dot\"><\/span>Responsive<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row crm\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/06\/unipile-profile-avatar-47.jpg\" class=\"ouc-avatar\" alt=\"Sophie Laurent\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">Sophie Laurent<\/span><span class=\"ouc-user-msg\">Can you send pricing?<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"ouc-company\">Synthex<\/span> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-status interested\"><span class=\"ouc-status-dot\"><\/span>Interested<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row crm\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-18.jpg\" class=\"ouc-avatar\" alt=\"Marc Peters\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">Marc Peters<\/span><span class=\"ouc-user-msg\">Got the proposal \u2705<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"ouc-company\">Orbix<\/span> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-status proposal\"><span class=\"ouc-status-dot\"><\/span>Proposal<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row crm\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-44.jpg\" class=\"ouc-avatar\" alt=\"Julia Chen\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">Julia Chen<\/span><span class=\"ouc-user-msg\">Contract signed!<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"ouc-company\">Quark<\/span> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-status won\"><span class=\"ouc-status-dot\"><\/span>Won<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"ouc-card-title\">CRM Publisher<\/h3>\n<p> <pee class=\"ouc-card-desc\">Sync Outlook conversations into your CRM. Your users manage deals and follow-ups with full email context, no app switching.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-crm-publisher\/\" class=\"ouc-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=\"ouc-card\"> <\/p>\n<div class=\"ouc-mockup\"> <\/p>\n<div class=\"ouc-mockup-header\"> <\/p>\n<div class=\"ouc-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=\"ouc-mockup-name\">Your Outreach Tool<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-tabs\"> <span class=\"ouc-tab active blue\">Sequences<\/span> <span class=\"ouc-tab inactive\">Contacts<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-table-header outreach\"> <span>Sequence Step<\/span> <span>Channels<\/span> <span>Status<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-table-body\"> <\/p>\n<div class=\"ouc-row outreach\"> <\/p>\n<div class=\"ouc-event\"> <\/p>\n<div class=\"ouc-event-icon outreach\">1<\/div>\n<p> <\/p>\n<div class=\"ouc-event-info\"> <span class=\"ouc-event-title\">Thomas – Intro<\/span> <span class=\"ouc-event-time\">Email + Calendar<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-platform-group\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Email\" title=\"Outlook Email\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Calendar\" title=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"ouc-status responsive\"><span class=\"ouc-status-dot\"><\/span>Live<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row outreach\"> <\/p>\n<div class=\"ouc-event\"> <\/p>\n<div class=\"ouc-event-icon meeting\">2<\/div>\n<p> <\/p>\n<div class=\"ouc-event-info\"> <span class=\"ouc-event-title\">Clara – Multi-channel<\/span> <span class=\"ouc-event-time\">LinkedIn + WhatsApp<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-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\/outlook-2.svg\" alt=\"Email\" title=\"Outlook Email\"> <\/div>\n<p> <span class=\"ouc-status interested\"><span class=\"ouc-status-dot\"><\/span>Live<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row outreach\"> <\/p>\n<div class=\"ouc-event\"> <\/p>\n<div class=\"ouc-event-icon demo\">3<\/div>\n<p> <\/p>\n<div class=\"ouc-event-info\"> <span class=\"ouc-event-title\">Marc – Schedule<\/span> <span class=\"ouc-event-time\">Email + Calendar<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-platform-group\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Email\" title=\"Outlook Email\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Calendar\" title=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"ouc-status proposal\"><span class=\"ouc-status-dot\"><\/span>Paused<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row outreach\"> <\/p>\n<div class=\"ouc-event\"> <\/p>\n<div class=\"ouc-event-icon followup\">4<\/div>\n<p> <\/p>\n<div class=\"ouc-event-info\"> <span class=\"ouc-event-title\">Anna – Demo<\/span> <span class=\"ouc-event-time\">Calendar + Email<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-platform-group\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Calendar\" title=\"Outlook Calendar\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Email\" title=\"Outlook Email\"> <\/div>\n<p> <span class=\"ouc-status won\"><span class=\"ouc-status-dot\"><\/span>Draft<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"ouc-card-title\">Outreach<\/h3>\n<p> <pee class=\"ouc-card-desc\">Add Outlook email steps to multi-channel sequences. Professional outreach from Microsoft 365 addresses with 99.5% delivery rate and open tracking.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-outreach\/\" class=\"ouc-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>[\/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>Outlook 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 style=\"margin:0;padding:0;background:#f4f5f7;\"><\/p>\n<style>#upl-outlook-dev-features { font-family: 'Inter', sans-serif; background: #f4f5f7; padding: 80px 20px; position: relative;}#upl-outlook-dev-features *,#upl-outlook-dev-features *::before,#upl-outlook-dev-features *::after { margin: 0; padding: 0; box-sizing: border-box;}#upl-outlook-dev-features .odf-container { max-width: 1200px; margin: 0 auto;}\/* Section Header *\/#upl-outlook-dev-features .odf-header { text-align: center; margin-bottom: 50px;}#upl-outlook-dev-features .odf-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-outlook-dev-features .odf-badge svg { width: 14px; height: 14px;}#upl-outlook-dev-features .odf-title { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #0f2736; line-height: 1.2; margin-bottom: 16px;}#upl-outlook-dev-features .odf-subtitle { font-size: 17px; color: #0f2736; line-height: 1.6; max-width: 680px; margin: 0 auto;}\/* Main Grid *\/#upl-outlook-dev-features .odf-main-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 30px; margin-bottom: 40px;}\/* CODE CARD *\/#upl-outlook-dev-features .odf-code-card { background: #ffffff; border-radius: 16px; padding: 24px;}#upl-outlook-dev-features .odf-card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px;}#upl-outlook-dev-features .odf-card-icon { width: 40px; height: 40px; background: rgba(0, 114, 198, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center;}#upl-outlook-dev-features .odf-card-icon svg { width: 20px; height: 20px; color: #0072C6;}#upl-outlook-dev-features .odf-card-title { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #0f2736;}#upl-outlook-dev-features .odf-card-desc { font-size: 14px; color: #64748b; line-height: 1.5; margin-bottom: 16px;}#upl-outlook-dev-features .odf-code-block { background: #0f2736; border-radius: 12px; overflow: hidden;}#upl-outlook-dev-features .odf-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-outlook-dev-features .odf-dot { width: 10px; height: 10px; border-radius: 50%;}#upl-outlook-dev-features .odf-dot.r { background: #ff5f57; }#upl-outlook-dev-features .odf-dot.y { background: #febc2e; }#upl-outlook-dev-features .odf-dot.g { background: #28c840; }#upl-outlook-dev-features .odf-filename { margin-left: auto; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: rgba(255, 255, 255, 0.4);}#upl-outlook-dev-features .odf-code-body { padding: 18px; overflow-x: auto;}#upl-outlook-dev-features .odf-code-body pre { font-family: 'JetBrains Mono', monospace; font-size: 12px; line-height: 1.7; color: #e2e8f0; white-space: pre; margin: 0;}#upl-outlook-dev-features .odf-code-body .kw { color: #c084fc; }#upl-outlook-dev-features .odf-code-body .fn { color: #60a5fa; }#upl-outlook-dev-features .odf-code-body .str { color: #4ade80; }#upl-outlook-dev-features .odf-code-body .cm { color: #64748b; }#upl-outlook-dev-features .odf-code-body .var { color: #f472b6; }#upl-outlook-dev-features .odf-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-outlook-dev-features .odf-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-outlook-dev-features .odf-code-link:hover { gap: 10px; }#upl-outlook-dev-features .odf-code-link svg { width: 14px; height: 14px; }#upl-outlook-dev-features .odf-code-tag { display: flex; align-items: center; gap: 5px; font-size: 11px; color: rgba(255, 255, 255, 0.5);}#upl-outlook-dev-features .odf-code-tag svg { width: 12px; height: 12px; }\/* RIGHT SIDE - DEV FEATURES *\/#upl-outlook-dev-features .odf-dev-features { display: flex; flex-direction: column; gap: 16px;}#upl-outlook-dev-features .odf-dev-card { background: #ffffff; border-radius: 14px; padding: 20px; display: flex; gap: 16px;}#upl-outlook-dev-features .odf-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-outlook-dev-features .odf-dev-icon svg { width: 22px; height: 22px; color: #3BB98B;}#upl-outlook-dev-features .odf-dev-content h4 { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; color: #0f2736; margin-bottom: 4px;}#upl-outlook-dev-features .odf-dev-content p { font-size: 13px; color: #64748b; line-height: 1.5;}\/* PROVIDERS VISUAL *\/#upl-outlook-dev-features .odf-providers-card { background: #ffffff; border-radius: 14px; padding: 20px;}#upl-outlook-dev-features .odf-providers-visual { display: flex; align-items: center; justify-content: center; gap: 12px;}#upl-outlook-dev-features .odf-prov-icons { display: flex; gap: 8px;}#upl-outlook-dev-features .odf-prov-icon { width: 44px; height: 44px; background: #f8fafc; border-radius: 10px; display: flex; align-items: center; justify-content: center; border: 1px solid #e5e7eb;}#upl-outlook-dev-features .odf-prov-icon img { width: 24px; height: 24px; }#upl-outlook-dev-features .odf-prov-label { font-size: 9px; color: #94a3b8; font-weight: 500; text-align: center; margin-top: 4px;}#upl-outlook-dev-features .odf-prov-col { display: flex; flex-direction: column; align-items: center;}#upl-outlook-dev-features .odf-prov-arrow { color: #3BB98B; display: flex; align-items: center;}#upl-outlook-dev-features .odf-prov-arrow svg { width: 20px; height: 20px; }#upl-outlook-dev-features .odf-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-outlook-dev-features .odf-unified-box svg { width: 20px; height: 20px; }#upl-outlook-dev-features .odf-unified-box span { font-size: 12px; font-weight: 600; white-space: nowrap;}\/* HIGHLIGHT CARD *\/#upl-outlook-dev-features .odf-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-outlook-dev-features .odf-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-outlook-dev-features .odf-highlight-card .odf-dev-icon { background: rgba(59, 185, 139, 0.2);}\/* CTA *\/#upl-outlook-dev-features .odf-cta-wrap { text-align: center;}#upl-outlook-dev-features .odf-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-outlook-dev-features .odf-cta-btn:hover { transform: translateY(-3px); }#upl-outlook-dev-features .odf-cta-btn svg { width: 18px; height: 18px; }\/* Responsive *\/@media (max-width: 1024px) { #upl-outlook-dev-features .odf-main-grid { grid-template-columns: 1fr; } #upl-outlook-dev-features .odf-title { font-size: 30px; }}@media (max-width: 768px) { #upl-outlook-dev-features { padding: 60px 16px; } #upl-outlook-dev-features .odf-title { font-size: 28px; } #upl-outlook-dev-features .odf-subtitle { font-size: 15px; } #upl-outlook-dev-features .odf-code-card { padding: 18px; } #upl-outlook-dev-features .odf-code-body { padding: 14px; } #upl-outlook-dev-features .odf-code-body pre { font-size: 10px; line-height: 1.6; } #upl-outlook-dev-features .odf-code-footer { flex-direction: column; gap: 12px; align-items: flex-start; } #upl-outlook-dev-features .odf-dev-card { padding: 16px; } #upl-outlook-dev-features .odf-dev-icon { width: 38px; height: 38px; } #upl-outlook-dev-features .odf-dev-icon svg { width: 18px; height: 18px; } #upl-outlook-dev-features .odf-dev-content h4 { font-size: 14px; } #upl-outlook-dev-features .odf-dev-content p { font-size: 12px; } #upl-outlook-dev-features .odf-providers-visual { flex-wrap: wrap; gap: 10px; } #upl-outlook-dev-features .odf-prov-icon { width: 40px; height: 40px; } #upl-outlook-dev-features .odf-prov-icon img { width: 20px; height: 20px; }}@media (max-width: 600px) { #upl-outlook-dev-features { padding: 50px 14px; } #upl-outlook-dev-features .odf-header { margin-bottom: 35px; } #upl-outlook-dev-features .odf-title { font-size: 24px; } #upl-outlook-dev-features .odf-subtitle { font-size: 14px; } #upl-outlook-dev-features .odf-badge { font-size: 10px; padding: 6px 12px; } #upl-outlook-dev-features .odf-badge svg { width: 12px; height: 12px; } #upl-outlook-dev-features .odf-main-grid { gap: 20px; margin-bottom: 30px; } #upl-outlook-dev-features .odf-dev-features { gap: 12px; } #upl-outlook-dev-features .odf-code-body pre { font-size: 9px; line-height: 1.5; } #upl-outlook-dev-features .odf-cta-btn { padding: 12px 24px; font-size: 14px; } #upl-outlook-dev-features .odf-highlight-badge { font-size: 9px; padding: 3px 8px; top: -8px; right: 12px; }}@media (max-width: 400px) { #upl-outlook-dev-features .odf-title { font-size: 22px; } #upl-outlook-dev-features .odf-providers-visual { justify-content: flex-start; } #upl-outlook-dev-features .odf-prov-icons { flex-wrap: wrap; }}<\/style>\n<p><\/p>\n<section id=\"upl-outlook-dev-features\"> <\/p>\n<div class=\"odf-container\">  <\/p>\n<div class=\"odf-header\"> <\/p>\n<div class=\"odf-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=\"odf-title\">Outlook API Integration for Modern Apps<\/h2>\n<p> <pee class=\"odf-subtitle\">Connect Microsoft 365 and Outlook accounts in minutes. Simplified OAuth, no complex Azure app registration. Send, receive, and track emails from your codebase with a unified API.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"odf-main-grid\">  <\/p>\n<div class=\"odf-code-card\"> <\/p>\n<div class=\"odf-card-head\"> <\/p>\n<div class=\"odf-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=\"odf-card-title\">Simple Integration<\/h3>\n<p> <\/div>\n<p> <pee class=\"odf-card-desc\">Send emails, sync inboxes, and manage folders with a few lines of code. Our SDK handles OAuth, token refresh, and Microsoft session management automatically.<\/pee> <\/p>\n<div class=\"odf-code-block notranslate\" translate=\"no\"> <\/p>\n<div class=\"odf-code-header\"> <span class=\"odf-dot r\"><\/span> <span class=\"odf-dot y\"><\/span> <span class=\"odf-dot g\"><\/span> <span class=\"odf-filename\">outlook-integration.js<\/span> <\/div>\n<p> <\/p>\n<div class=\"odf-code-body\"> <\/p>\n<pre class=\"notranslate\" translate=\"no\"><span class=\"cm\">\/\/ Connect to Outlook 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 Outlook<\/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\">'thomas@enterprise.com'<\/span> }], subject: <span class=\"str\">'Quick follow-up on our call'<\/span>, body: <span class=\"str\">'Hi Thomas, here is the proposal...'<\/span>, tracking: { opens: <span class=\"var\">true<\/span>, clicks: <span class=\"var\">true<\/span> }});<span class=\"cm\">\/\/ List emails from Focused 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=\"odf-code-footer\"> <a href=\"https:\/\/developer.unipile.com\/reference\/accountscontroller_listaccounts\" class=\"odf-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=\"odf-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=\"odf-dev-features\">  <\/p>\n<div class=\"odf-providers-card\"> <\/p>\n<div class=\"odf-providers-visual\"> <\/p>\n<div class=\"odf-prov-icons\"> <\/p>\n<div class=\"odf-prov-col\"> <\/p>\n<div class=\"odf-prov-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <span class=\"odf-prov-label\">Outlook<\/span> <\/div>\n<p> <\/p>\n<div class=\"odf-prov-col\"> <\/p>\n<div class=\"odf-prov-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <\/div>\n<p> <span class=\"odf-prov-label\">Gmail<\/span> <\/div>\n<p> <\/p>\n<div class=\"odf-prov-col\"> <\/p>\n<div class=\"odf-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=\"odf-prov-label\">IMAP<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"odf-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=\"odf-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=\"odf-dev-card\"> <\/p>\n<div class=\"odf-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=\"odf-dev-content\"> <\/p>\n<h4>RESTful API<\/h4>\n<p> <pee>Clean, standardized endpoints with JSON responses. Send emails, list folders, and manage Outlook categories through predictable REST calls.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"odf-dev-card\"> <\/p>\n<div class=\"odf-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=\"odf-dev-content\"> <\/p>\n<h4>Real-time Webhooks<\/h4>\n<p> <pee>Get instant notifications for new emails, opens, clicks, and replies. No polling required, zero latency on Microsoft 365 events.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"odf-dev-card odf-highlight-card\"> <span class=\"odf-highlight-badge\">Key Advantage<\/span> <\/p>\n<div class=\"odf-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=\"odf-dev-content\"> <\/p>\n<h4>Simplified Microsoft OAuth<\/h4>\n<p> <pee>Skip Azure app registration, Microsoft admin consent flows, and complex permission scopes. Unipile handles the entire authentication flow so your users connect Outlook in one click.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"odf-dev-card\"> <\/p>\n<div class=\"odf-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=\"odf-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 M365 accounts.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"odf-dev-card\"> <\/p>\n<div class=\"odf-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=\"odf-dev-content\"> <\/p>\n<h4>Folders & Categories Sync<\/h4>\n<p> <pee>Full access to Outlook folder structures and Focused Inbox. List, get, and filter emails by folder to organize inbox data directly in your app.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"odf-dev-card\"> <\/p>\n<div class=\"odf-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=\"odf-dev-content\"> <\/p>\n<h4>Attachments Support<\/h4>\n<p> <pee>Send and receive emails with attachments \u2014 PDFs, images, Office documents. Full file support through a single unified endpoint.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"odf-cta-wrap\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"odf-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>Microsoft OAuth 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 style=\"margin:0;padding:0;background:#f4f5f7;\"><\/p>\n<div id=\"unipile-ms-oauth-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-ms-oauth-section, #unipile-ms-oauth-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-ms-oauth-section { padding: 80px 20px !important; background: #f4f5f7 !important; } #unipile-ms-oauth-section .moa-container { max-width: 1100px !important; margin: 0 auto !important; } \/* Header *\/ #unipile-ms-oauth-section .moa-header { text-align: center !important; margin-bottom: 50px !important; } #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-badge svg { width: 14px !important; height: 14px !important; stroke: #3BB98B !important; } #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-subtitle { font-size: 17px !important; color: #383838 !important; line-height: 1.6 !important; max-width: 720px !important; margin: 0 auto !important; } \/* Two columns *\/ #unipile-ms-oauth-section .moa-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 28px !important; margin-bottom: 40px !important; } \/* Column card *\/ #unipile-ms-oauth-section .moa-col { border-radius: 16px !important; overflow: hidden !important; } \/* DIY Column *\/ #unipile-ms-oauth-section .moa-col-diy { background: #ffffff !important; border: 1px solid #e5e7eb !important; } #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-col-header-left { display: flex !important; align-items: center !important; gap: 12px !important; } #unipile-ms-oauth-section .moa-col-icon { width: 36px !important; height: 36px !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #unipile-ms-oauth-section .moa-col-icon svg { width: 18px !important; height: 18px !important; } #unipile-ms-oauth-section .moa-col-icon.diy { background: rgba(0, 114, 198, 0.1) !important; } #unipile-ms-oauth-section .moa-col-icon.diy svg { stroke: #0072C6 !important; } #unipile-ms-oauth-section .moa-col-icon.uni { background: rgba(59, 185, 139, 0.1) !important; } #unipile-ms-oauth-section .moa-col-icon.uni svg { stroke: #3BB98B !important; } #unipile-ms-oauth-section .moa-col-label { font-family: 'Poppins', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; color: #0f2736 !important; } #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-col-tag.hard { background: rgba(0, 114, 198, 0.1) !important; color: #0072C6 !important; } #unipile-ms-oauth-section .moa-col-tag.easy { background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important; } \/* Steps list *\/ #unipile-ms-oauth-section .moa-steps { padding: 20px 24px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } #unipile-ms-oauth-section .moa-step { display: flex !important; gap: 14px !important; position: relative !important; padding-bottom: 16px !important; } #unipile-ms-oauth-section .moa-step:last-child { padding-bottom: 0 !important; } \/* Step line + dot *\/ #unipile-ms-oauth-section .moa-step-line { display: flex !important; flex-direction: column !important; align-items: center !important; width: 20px !important; flex-shrink: 0 !important; } #unipile-ms-oauth-section .moa-step-dot { width: 10px !important; height: 10px !important; border-radius: 50% !important; flex-shrink: 0 !important; margin-top: 5px !important; } #unipile-ms-oauth-section .moa-step-dot.blue { background: rgba(0, 114, 198, 0.3) !important; border: 2px solid #0072C6 !important; } #unipile-ms-oauth-section .moa-step-dot.green { background: rgba(59, 185, 139, 0.3) !important; border: 2px solid #3BB98B !important; } #unipile-ms-oauth-section .moa-step-connector { width: 1px !important; flex: 1 !important; min-height: 8px !important; margin-top: 6px !important; } #unipile-ms-oauth-section .moa-step-connector.blue { background: rgba(0, 114, 198, 0.15) !important; } #unipile-ms-oauth-section .moa-step-connector.green { background: rgba(59, 185, 139, 0.15) !important; } \/* Step content *\/ #unipile-ms-oauth-section .moa-step-content { flex: 1 !important; } #unipile-ms-oauth-section .moa-step-title { font-size: 13px !important; font-weight: 600 !important; color: #0f2736 !important; margin-bottom: 3px !important; line-height: 1.3 !important; } #unipile-ms-oauth-section .moa-step-desc { font-size: 11px !important; color: #6b7280 !important; line-height: 1.4 !important; } #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-step-time.blue { background: rgba(0, 114, 198, 0.08) !important; color: #0072C6 !important; } #unipile-ms-oauth-section .moa-step-time.green { background: rgba(59, 185, 139, 0.08) !important; color: #3BB98B !important; } \/* Unipile Column *\/ #unipile-ms-oauth-section .moa-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; } \/* Verified Publisher Block *\/ #unipile-ms-oauth-section .moa-vpblock { margin: 0 20px 20px !important; padding: 18px !important; background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; } #unipile-ms-oauth-section .moa-vpblock-top { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 12px !important; } #unipile-ms-oauth-section .moa-vpblock-shield { 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-ms-oauth-section .moa-vpblock-shield svg { width: 22px !important; height: 22px !important; stroke: #3BB98B !important; } #unipile-ms-oauth-section .moa-vpblock-title-block { flex: 1 !important; } #unipile-ms-oauth-section .moa-vpblock-label { font-size: 14px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.2 !important; margin-bottom: 2px !important; } #unipile-ms-oauth-section .moa-vpblock-sublabel { font-size: 10px !important; font-weight: 500 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } #unipile-ms-oauth-section .moa-vpblock-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-ms-oauth-section .moa-vpblock-desc { font-size: 12px !important; color: #6b7280 !important; line-height: 1.6 !important; margin-bottom: 14px !important; } #unipile-ms-oauth-section .moa-vpblock-desc strong { color: #0f2736 !important; font-weight: 600 !important; } #unipile-ms-oauth-section .moa-vpblock-benefits { display: flex !important; flex-direction: column !important; gap: 8px !important; } #unipile-ms-oauth-section .moa-vpblock-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-ms-oauth-section .moa-vpblock-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-ms-oauth-section .moa-vpblock-check svg { width: 10px !important; height: 10px !important; stroke: #3BB98B !important; } \/* Summary bar *\/ #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-summary-uni { border-top: 1px solid rgba(59, 185, 139, 0.15) !important; } #unipile-ms-oauth-section .moa-summary-label { font-size: 11px !important; color: #9ca3af !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; font-weight: 600 !important; } #unipile-ms-oauth-section .moa-summary-value { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; } #unipile-ms-oauth-section .moa-summary-value.blue { color: #0072C6 !important; } #unipile-ms-oauth-section .moa-summary-value.green { color: #3BB98B !important; } \/* Bottom info + CTA *\/ #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-bottom-text { flex: 1 !important; } #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-bottom-desc { font-size: 14px !important; color: #6b7280 !important; line-height: 1.6 !important; } #unipile-ms-oauth-section .moa-bottom-desc a { color: #3BB98B !important; text-decoration: underline !important; text-underline-offset: 2px !important; font-weight: 500 !important; } #unipile-ms-oauth-section .moa-bottom-desc a:hover { color: #0f2736 !important; } #unipile-ms-oauth-section .moa-bottom-cta { flex-shrink: 0 !important; } #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-cta-btn:hover { transform: translateX(4px) !important; } #unipile-ms-oauth-section .moa-cta-btn svg { width: 16px !important; height: 16px !important; stroke: #0f2736 !important; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-ms-oauth-section .moa-grid { grid-template-columns: 1fr !important; } #unipile-ms-oauth-section .moa-title { font-size: 30px !important; } #unipile-ms-oauth-section .moa-bottom { flex-direction: column !important; text-align: center !important; } } @media (max-width: 600px) { #unipile-ms-oauth-section { padding: 60px 16px !important; } #unipile-ms-oauth-section .moa-title { font-size: 26px !important; } #unipile-ms-oauth-section .moa-subtitle { font-size: 15px !important; } } @media (max-width: 400px) { #unipile-ms-oauth-section .moa-title { font-size: 24px !important; } #unipile-ms-oauth-section .moa-vpblock { margin: 0 16px 16px !important; padding: 14px !important; } } <\/style>\n<p> <\/p>\n<div class=\"moa-container\">  <\/p>\n<div class=\"moa-header\"> <\/p>\n<div class=\"moa-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> Microsoft OAuth <\/div>\n<p> <\/p>\n<h2 class=\"moa-title\">Microsoft OAuth, Simplified<\/h2>\n<p> <pee class=\"moa-subtitle\">Setting up Microsoft OAuth requires Azure AD app registration, multi-tenant configuration, Microsoft Graph permission scopes, and Publisher Verification. Unipile handles all of it so you can focus on building.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"moa-grid\">  <\/p>\n<div class=\"moa-col moa-col-diy\"> <\/p>\n<div class=\"moa-col-header\"> <\/p>\n<div class=\"moa-col-header-left\"> <\/p>\n<div class=\"moa-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=\"moa-col-label\">DIY Microsoft OAuth<\/span> <\/div>\n<p> <span class=\"moa-col-tag hard\">Complex<\/span> <\/div>\n<p> <\/p>\n<div class=\"moa-steps\"> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot blue\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector blue\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Create Azure Account & Register Your App<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Create a Microsoft Azure account, register an app in Entra ID, configure multi-tenant audience and redirect URIs<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot blue\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector blue\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Configure Graph Permissions & Client Secret<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Add delegated permissions (Mail.ReadWrite, Mail.Send, Mail.Read), generate a client secret \u2014 never retrievable again<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot blue\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector blue\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Handle Admin Consent for Corporate M365 Accounts<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Enterprise users behind IT policies require tenant-level admin consent \u2014 blocks self-service onboarding<\/div>\n<p> <span class=\"moa-step-time blue\">Blocks enterprise users<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot blue\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector blue\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Build Token Refresh & Session Logic<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Handle access token expiration, refresh cycles, revocation and reconnection flows in your own codebase<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot blue\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector blue\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Join Microsoft Partner Network & Verify Domain<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Enroll in MPN\/MCAP, host the microsoft-identity-association.json file, add your PGA ID to Azure<\/div>\n<p> <span class=\"moa-step-time blue\">Several days<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot blue\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Await Microsoft Publisher Verification Badge<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Blue checkmark appears only once all steps are validated \u2014 without it, enterprise users see an unverified warning<\/div>\n<p> <span class=\"moa-step-time blue\">1\u20134 weeks<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-summary\"> <span class=\"moa-summary-label\">Total time to production<\/span> <span class=\"moa-summary-value blue\">4\u201310 weeks<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"moa-col moa-col-uni\"> <\/p>\n<div class=\"moa-col-header\" style=\"border-bottom: 1px solid rgba(59, 185, 139, 0.15) !important;\"> <\/p>\n<div class=\"moa-col-header-left\"> <\/p>\n<div class=\"moa-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=\"moa-col-label\">With Unipile<\/span> <\/div>\n<p> <span class=\"moa-col-tag easy\">Simple<\/span> <\/div>\n<p> <\/p>\n<div class=\"moa-steps\"> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot green\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Sign Up & Get API Token<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Create your Unipile account and generate credentials from the dashboard<\/div>\n<p> <span class=\"moa-step-time green\">5 minutes<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot green\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Register Your Azure AD App<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Follow our step-by-step guide: name the app, set multi-tenant audience, add redirect URIs and Graph permissions (Mail.ReadWrite, Mail.Send, Mail.Read)<\/div>\n<p> <span class=\"moa-step-time green\">~1\u20132 hours<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot green\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Paste Client ID & Secret into Unipile Dashboard<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Go to Settings \u2192 Microsoft OAuth, copy-paste your App ID and client secret \u2014 Unipile takes over from there<\/div>\n<p> <span class=\"moa-step-time green\">2 minutes<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Use the Hosted Auth Link & Start Building<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Your users connect Outlook in one click. Token refresh, sessions, Exchange + Outlook.com support \u2014 all managed by Unipile automatically<\/div>\n<p> <span class=\"moa-step-time green\">1\u20132 days total<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-summary moa-summary-uni\"> <span class=\"moa-summary-label\">Total time to production<\/span> <span class=\"moa-summary-value green\">1\u20132 days<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"moa-bottom\"> <\/p>\n<div class=\"moa-bottom-text\"> <\/p>\n<div class=\"moa-bottom-title\">Want a full white-label experience?<\/div>\n<p> <\/p>\n<div class=\"moa-bottom-desc\">You can optionally register your own Azure AD app for complete branding control. Unipile guides you through the entire setup \u2014 app registration, redirect URIs, API permissions, and Publisher Verification. <a href=\"https:\/\/developer.unipile.com\/docs\/microsoft-oauth\" target=\"_blank\">Read the full Microsoft OAuth guide \u2192<\/a><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-bottom-cta\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"moa-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> <\/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 – Outlook 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 style=\"margin:0;padding:0;background:#0f2736;\"><\/p>\n<style>#upl-api-suite-outlook { font-family: 'Inter', sans-serif; background: #0f2736; padding: 80px 20px;}#upl-api-suite-outlook *,#upl-api-suite-outlook *::before,#upl-api-suite-outlook *::after { margin: 0; padding: 0; box-sizing: border-box;}#upl-api-suite-outlook .uas-container { max-width: 1100px; margin: 0 auto;}\/* Header *\/#upl-api-suite-outlook .uas-header { text-align: center; margin-bottom: 60px;}#upl-api-suite-outlook .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-outlook .uas-subtitle { font-size: 17px; color: #ffffff; line-height: 1.6; max-width: 700px; margin: 0 auto;}\/* API Grid *\/#upl-api-suite-outlook .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-outlook .uas-api-card { display: flex; flex-direction: column;}\/* Provider Icons *\/#upl-api-suite-outlook .uas-providers { display: flex; gap: 10px; margin-bottom: 20px;}#upl-api-suite-outlook .uas-provider-icon img { width: 48px; height: 48px; object-fit: contain;}\/* Card Content *\/#upl-api-suite-outlook .uas-api-name { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 700; color: #ffffff; margin-bottom: 12px;}#upl-api-suite-outlook .uas-api-desc { font-size: 15px; color: #ffffff; line-height: 1.6; margin-bottom: 20px; flex-grow: 1;}\/* Arrow Link *\/#upl-api-suite-outlook .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-outlook .uas-api-link:hover { background: #DDDF4C;}#upl-api-suite-outlook .uas-api-link:hover svg { color: #0f2736;}#upl-api-suite-outlook .uas-api-link svg { width: 18px; height: 18px; color: #ffffff; transition: color 0.3s ease;}\/* Footer Note *\/#upl-api-suite-outlook .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-outlook .uas-api-grid { grid-template-columns: 1fr; padding: 20px; gap: 40px; } #upl-api-suite-outlook .uas-title { font-size: 30px; }}@media (max-width: 500px) { #upl-api-suite-outlook { padding: 60px 16px; } #upl-api-suite-outlook .uas-title { font-size: 26px; }}<\/style>\n<p><\/p>\n<section id=\"upl-api-suite-outlook\"> <\/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 Outlook, Unipile connects your product to Gmail, WhatsApp, LinkedIn, and calendars. Build a complete communication layer with a unified API approach.<\/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\/imap-1.svg\" alt=\"IMAP\"> <\/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 IMAP providers to send, receive, and sync emails in real time. Build powerful email features with tracking, threading, and 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” global_colors_info=”{}” locked=”off” 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 – Outlook 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; } .unipile-faq-section { padding: 80px 20px; max-width: 900px; margin: 0 auto; } .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; } .unipile-faq-list { display: flex; flex-direction: column; gap: 12px; } .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); } .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; } .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; } .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: 500px; } .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 a { color: #0f2736; text-decoration: underline; text-underline-offset: 2px; transition: color 0.2s ease; } .unipile-faq-answer-content a:hover { color: #3BB98B; } .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); } @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; } } @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\">Outlook API \u2014 FAQ<\/h2>\n<p> <pee class=\"unipile-faq-subtitle\">Everything you need to know about integrating Outlook with Unipile<\/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 Microsoft Outlook 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\"> The Microsoft Outlook API lets your app read and send emails, sync folders, manage calendar events, and access contacts \u2014 all through Microsoft Graph. With Unipile, you get a <strong>unified REST API<\/strong> that abstracts the complexity of Graph permissions, token management, and multi-tenant OAuth, so you can focus on building features rather than infrastructure. <\/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\">Does Unipile support Exchange, Outlook.com and Microsoft 365?<\/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 \u2014 Unipile supports <strong>Exchange<\/strong>, <strong>Outlook.com<\/strong> (personal accounts), and <strong>Microsoft 365<\/strong> (business and enterprise accounts) out of the box. The same API endpoint works across all three, with Unipile handling provider-specific edge cases transparently. <\/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\">How do I get started integrating with the Outlook API via Unipile?<\/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\"> Sign up for a Unipile account, register an Azure AD app in the Microsoft Entra portal, add the required Graph permissions (<strong>Mail.ReadWrite, Mail.Send, Mail.Read<\/strong>), then paste your Client ID and Secret into the Unipile dashboard. From there, use our hosted auth link to connect your users’ Outlook accounts in one click. The full step-by-step guide is available in our <a href=\"https:\/\/developer.unipile.com\/docs\/microsoft-oauth\" target=\"_blank\">Microsoft OAuth documentation<\/a>. <\/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 Unipile handle token refresh and session management for Outlook?<\/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 manages <strong>access token refresh automatically<\/strong> \u2014 you never have to implement refresh cycles, handle token expiration, or manage reconnection logic in your codebase. When a session expires or is revoked, Unipile triggers a webhook notification so you can prompt your user to reconnect without any downtime on your side. <\/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\">Can I send emails from a Microsoft 365 address with open and click tracking?<\/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. Unipile supports <strong>sending emails<\/strong> from connected Outlook and M365 addresses, including <strong>open tracking and click tracking<\/strong> via webhook events. You can also send with custom reply-to, attachments, and HTML body \u2014 all through a single API call. <\/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\">What Outlook folders and permissions does Unipile support?<\/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 syncs standard Outlook folders: <strong>Inbox, Sent, Drafts, Archive<\/strong> \u2014 including the <strong>Focused Inbox<\/strong> for M365 accounts. Required Graph permissions are <strong>Mail.ReadWrite<\/strong> and <strong>Mail.Send<\/strong>. For Calendar access, additional scopes (<strong>Calendars.ReadWrite<\/strong>, <strong>Calendars.Read.Shared<\/strong>) can be configured directly in your Unipile dashboard. <\/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\">What does the free trial 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 with a <strong>7-day free trial<\/strong> \u2014 no credit card required. During this period you have full access to all API features, including Outlook email, calendar, and webhook events. Visit our <a href=\"https:\/\/www.unipile.com\/pricing-api\/\" target=\"_blank\">pricing page<\/a> for details on plans and limits. <\/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\">How can I prevent excessive use and stay within Microsoft’s sending limits?<\/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\"> Microsoft enforces sending quotas per account (typically <strong>300 emails\/day for M365<\/strong>, lower for Outlook.com). We recommend implementing rate limiting on your side to stay within these thresholds. Unipile returns clear error responses when a provider limit is hit, so you can queue or throttle sends accordingly. See our <a href=\"https:\/\/developer.unipile.com\/docs\/provider-limits-and-restrictions\" target=\"_blank\">Provider Limits documentation<\/a> for the full breakdown. <\/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\">Can I talk to your team during the 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\"> Yes. You can book a <strong>1:1 onboarding call<\/strong> with our CTO, get live chat support, and join our <a href=\"https:\/\/join.slack.com\/t\/unipilecommunity\/shared_invite\/zt-vivqg9c5-vB9RBdTvlPcIseTPYebWtA\" target=\"_blank\">Slack community<\/a> (1000+ devs & founders) for async help, questions, and technical feedback. <\/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\">Are you GDPR compliant?<\/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. Unipile is fully <strong>GDPR compliant<\/strong> and DPA agreements are available upon request. All data is stored in Europe by default. SOC 2 certification is currently in progress \u2014 <a href=\"https:\/\/www.unipile.com\/contact-us\/\" target=\"_blank\">contact us<\/a> if you need additional security documentation for enterprise deployments. <\/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'); document.querySelectorAll('.unipile-faq-item').forEach(other => { other.classList.remove('active'); other.querySelector('.unipile-faq-question').setAttribute('aria-expanded', 'false'); }); 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. Outlook API Developer Features – Unipile Built for Developers Outlook 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-256608","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Outlook Email API Integration: A Gateway to Productivity - Unipile<\/title>\n<meta name=\"description\" content=\"Discover how Unipile Outlook Email API Integration can transform email management with advanced features and boost client engagement.\" \/>\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\/fr\/api-de-communication\/api-email\/outlook-api\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Outlook Email API Integration: A Gateway to Productivity - Unipile\" \/>\n<meta property=\"og:description\" content=\"Discover how Unipile Outlook Email API Integration can transform email management with advanced features and boost client engagement.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.unipile.com\/fr\/api-de-communication\/api-email\/outlook-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:08:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@UnipileAPI\" \/>\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\\\/outlook-api\\\/\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/outlook-api\\\/\",\"name\":\"Outlook Email API Integration: A Gateway to Productivity - Unipile\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/outlook-api\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/outlook-api\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/outlook-2.svg\",\"datePublished\":\"2024-02-14T10:03:23+00:00\",\"dateModified\":\"2026-07-02T09:08:12+00:00\",\"description\":\"Discover how Unipile Outlook Email API Integration can transform email management with advanced features and boost client engagement.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/outlook-api\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/outlook-api\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/outlook-api\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/outlook-2.svg\",\"contentUrl\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/outlook-2.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/outlook-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\":\"Outlook Email API Integration: A Gateway to Productivity\"}]},{\"@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\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#organization\",\"name\":\"Unipile\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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":"Int\u00e9gration de l'API de messagerie Outlook : Une passerelle vers la productivit\u00e9 - Unipile","description":"D\u00e9couvrez comment l'int\u00e9gration de l'API d'Email Outlook peut stimuler l'engagement des clients avec ses fonctionnalit\u00e9s avanc\u00e9es.","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\/fr\/api-de-communication\/api-email\/outlook-api\/","og_locale":"fr_FR","og_type":"article","og_title":"Outlook Email API Integration: A Gateway to Productivity - Unipile","og_description":"Discover how Unipile Outlook Email API Integration can transform email management with advanced features and boost client engagement.","og_url":"https:\/\/www.unipile.com\/fr\/api-de-communication\/api-email\/outlook-api\/","og_site_name":"Unipile","article_publisher":"https:\/\/www.facebook.com\/unipilefr","article_modified_time":"2026-07-02T09:08:12+00:00","og_image":[{"url":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@UnipileAPI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-api\/","url":"https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-api\/","name":"Int\u00e9gration de l'API de messagerie Outlook : Une passerelle vers la productivit\u00e9 - Unipile","isPartOf":{"@id":"https:\/\/www.unipile.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-api\/#primaryimage"},"image":{"@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-api\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg","datePublished":"2024-02-14T10:03:23+00:00","dateModified":"2026-07-02T09:08:12+00:00","description":"D\u00e9couvrez comment l'int\u00e9gration de l'API d'Email Outlook peut stimuler l'engagement des clients avec ses fonctionnalit\u00e9s avanc\u00e9es.","breadcrumb":{"@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-api\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-api\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-api\/#primaryimage","url":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg","contentUrl":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-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":"Outlook Email API Integration: A Gateway to Productivity"}]},{"@type":"WebSite","@id":"https:\/\/www.unipile.com\/#website","url":"https:\/\/www.unipile.com\/","name":"Unipile","description":"Int\u00e9grer la messagerie et l'e-mail, se connecter facilement via l'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":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.unipile.com\/#organization","name":"Unipile","url":"https:\/\/www.unipile.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@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\/fr\/wp-json\/wp\/v2\/pages\/256608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/comments?post=256608"}],"version-history":[{"count":39,"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/pages\/256608\/revisions"}],"predecessor-version":[{"id":279355,"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/pages\/256608\/revisions\/279355"}],"up":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/pages\/237715"}],"wp:attachment":[{"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/media?parent=256608"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/folder?post=256608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":256608,"date":"2024-02-14T11:03:23","date_gmt":"2024-02-14T10:03:23","guid":{"rendered":"https:\/\/www.unipile.com\/?page_id=256608"},"modified":"2026-07-02T11:08:12","modified_gmt":"2026-07-02T09:08:12","slug":"outlook-api","status":"publish","type":"page","link":"https:\/\/www.unipile.com\/fr\/communication-api\/email-api\/outlook-api\/","title":{"rendered":"Int\u00e9gration de l'API de messagerie Outlook : Une passerelle vers la productivit\u00e9"},"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=”{}”] Outlook 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-outlook-hero { font-family: 'Inter', sans-serif !important; padding: 60px 20px 80px !important; position: relative !important; overflow: hidden !important;}#upl-outlook-hero *,#upl-outlook-hero *::before,#upl-outlook-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 Outlook blue *\/#upl-outlook-hero::before { content: '' !important; position: absolute !important; top: -40% !important; right: -15% !important; width: 65% !important; height: 130% !important; background: radial-gradient(ellipse at center, rgba(0, 114, 198, 0.07) 0%, transparent 60%) !important; pointer-events: none !important;}\/* Container *\/#upl-outlook-hero .oh-container { max-width: 1100px !important; margin: 0 auto !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 60px !important; align-items: center !important; position: relative !important; z-index: 1 !important;}\/* \u2500\u2500 LEFT CONTENT \u2500\u2500 *\/#upl-outlook-hero .oh-content { max-width: 520px !important;}#upl-outlook-hero .oh-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: 20px !important;}#upl-outlook-hero .oh-badge-dot { width: 6px !important; height: 6px !important; background: #DDDF4C !important; border-radius: 50% !important; flex-shrink: 0 !important;}#upl-outlook-hero .oh-title { font-family: 'Poppins', sans-serif !important; font-size: 42px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.15 !important; margin-bottom: 20px !important;}#upl-outlook-hero .oh-subtitle { font-size: 17px !important; color: #ffffff !important; line-height: 1.7 !important; margin-bottom: 32px !important; max-width: 480px !important;}\/* CTAs *\/#upl-outlook-hero .oh-ctas { display: flex !important; align-items: center !important; gap: 16px !important; flex-wrap: wrap !important;}#upl-outlook-hero .oh-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: 14px 28px !important; border-radius: 10px !important; text-decoration: none !important; border: 2px solid #DDDF4C !important; transition: transform 0.3s ease !important; cursor: pointer !important;}#upl-outlook-hero .oh-cta-primary:hover { transform: translateY(-3px) !important;}#upl-outlook-hero .oh-cta-primary svg { width: 18px !important; height: 18px !important;}#upl-outlook-hero .oh-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: 14px 28px !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-outlook-hero .oh-cta-secondary:hover { transform: translateY(-3px) !important; background: rgba(221, 223, 76, 0.1) !important;}#upl-outlook-hero .oh-cta-secondary svg { width: 18px !important; height: 18px !important;}\/* Note *\/#upl-outlook-hero .oh-note { display: flex !important; align-items: center !important; gap: 10px !important; margin-top: 24px !important; font-size: 14px !important; color: rgba(255, 255, 255, 0.5) !important;}#upl-outlook-hero .oh-note-icon { width: 22px !important; height: 22px !important; border: 2px solid #3BB98B !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-outlook-hero .oh-note-icon svg { width: 12px !important; height: 12px !important; color: #3BB98B !important;}\/* \u2500\u2500 RIGHT VISUAL \u2500\u2500 *\/#upl-outlook-hero .oh-visual { position: relative !important;}#upl-outlook-hero .oh-mockup-wrap { position: relative !important; max-width: 480px !important; margin-left: auto !important;}\/* Main Mockup *\/#upl-outlook-hero .oh-mockup { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25) !important;}#upl-outlook-hero .oh-mockup-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-outlook-hero .oh-mockup-logo { display: flex !important; align-items: center !important; gap: 10px !important;}#upl-outlook-hero .oh-mockup-logo-icon { width: 32px !important; height: 32px !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-outlook-hero .oh-mockup-logo-icon svg { width: 16px !important; height: 16px !important; color: #3BB98B !important;}#upl-outlook-hero .oh-mockup-logo-text { font-size: 13px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-outlook-hero .oh-mockup-status { display: flex !important; align-items: center !important; gap: 5px !important; background: rgba(0, 114, 198, 0.1) !important; padding: 5px 10px !important; border-radius: 14px !important; font-size: 11px !important; font-weight: 600 !important; color: #0072C6 !important;}#upl-outlook-hero .oh-status-dot { width: 5px !important; height: 5px !important; background: #0072C6 !important; border-radius: 50% !important; flex-shrink: 0 !important;}\/* Mockup Body *\/#upl-outlook-hero .oh-mockup-body { padding: 16px !important; background: #ffffff !important;}\/* Tabs *\/#upl-outlook-hero .oh-tabs { display: flex !important; align-items: center !important; gap: 0 !important; margin-bottom: 14px !important; border-bottom: 1px solid #e5e7eb !important;}#upl-outlook-hero .oh-tab { padding: 8px 16px !important; font-size: 12px !important; font-weight: 500 !important; color: #94a3b8 !important; border-bottom: 2px solid transparent !important; cursor: default !important; display: flex !important; align-items: center !important; gap: 5px !important;}#upl-outlook-hero .oh-tab-active { color: #0072C6 !important; border-bottom-color: #0072C6 !important; font-weight: 600 !important;}#upl-outlook-hero .oh-tab-icon { width: 14px !important; height: 14px !important; object-fit: contain !important;}\/* Focused \/ Other toggle (Outlook style) *\/#upl-outlook-hero .oh-focus-toggle { display: flex !important; align-items: center !important; gap: 0 !important; margin-bottom: 12px !important; padding: 3px !important; background: #f1f5f9 !important; border-radius: 8px !important; width: fit-content !important;}#upl-outlook-hero .oh-focus-btn { padding: 6px 14px !important; font-size: 11px !important; font-weight: 500 !important; color: #64748b !important; border-radius: 6px !important; cursor: default !important;}#upl-outlook-hero .oh-focus-btn-active { background: #ffffff !important; color: #0072C6 !important; font-weight: 600 !important; box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;}\/* Email list *\/#upl-outlook-hero .oh-emails { display: flex !important; flex-direction: column !important; gap: 6px !important;}#upl-outlook-hero .oh-email-row { display: flex !important; align-items: center !important; padding: 10px 12px !important; background: #f8fafc !important; border-radius: 8px !important; border: 1px solid #e5e7eb !important; gap: 10px !important;}#upl-outlook-hero .oh-email-row-unread { background: rgba(0, 114, 198, 0.04) !important; border-color: rgba(0, 114, 198, 0.18) !important;}#upl-outlook-hero .oh-email-avatar { width: 30px !important; height: 30px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; font-weight: 700 !important; color: #ffffff !important; flex-shrink: 0 !important;}#upl-outlook-hero .oh-email-body { flex: 1 !important; min-width: 0 !important;}#upl-outlook-hero .oh-email-top { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 2px !important;}#upl-outlook-hero .oh-email-sender { font-size: 12px !important; font-weight: 600 !important; color: #0f2736 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;}#upl-outlook-hero .oh-email-time { font-size: 10px !important; color: #94a3b8 !important; flex-shrink: 0 !important; margin-left: 8px !important;}#upl-outlook-hero .oh-email-subject { font-size: 11px !important; color: #64748b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 260px !important;}#upl-outlook-hero .oh-email-tag { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 3px 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-outlook-hero .oh-tag-new { background: rgba(0, 114, 198, 0.1) !important; color: #0072C6 !important;}#upl-outlook-hero .oh-tag-replied { background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important;}#upl-outlook-hero .oh-tag-tracked { background: rgba(251, 188, 4, 0.12) !important; color: #d4a004 !important;}#upl-outlook-hero .oh-tag-synced { background: rgba(104, 33, 122, 0.1) !important; color: #68217A !important;}\/* Compose bar *\/#upl-outlook-hero .oh-compose-bar { display: flex !important; align-items: center !important; gap: 10px !important; margin-top: 12px !important; padding: 10px 14px !important; background: #f8fafc !important; border-radius: 8px !important; border: 1px solid #e5e7eb !important;}#upl-outlook-hero .oh-compose-icon { width: 28px !important; height: 28px !important; background: rgba(0, 114, 198, 0.1) !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-outlook-hero .oh-compose-icon svg { width: 14px !important; height: 14px !important; color: #0072C6 !important;}#upl-outlook-hero .oh-compose-text { flex: 1 !important; font-size: 11px !important; color: #94a3b8 !important;}#upl-outlook-hero .oh-compose-btn { padding: 5px 14px !important; background: #0072C6 !important; color: #ffffff !important; font-size: 11px !important; font-weight: 600 !important; border-radius: 6px !important; flex-shrink: 0 !important;}\/* Summary Bar *\/#upl-outlook-hero .oh-summary { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: 12px !important; padding: 12px 14px !important; background: linear-gradient(135deg, rgba(59, 185, 139, 0.08), rgba(59, 185, 139, 0.03)) !important; border-radius: 8px !important; border: 1px solid rgba(59, 185, 139, 0.15) !important;}#upl-outlook-hero .oh-summary-item { display: flex !important; align-items: center !important; gap: 8px !important;}#upl-outlook-hero .oh-summary-icon { width: 28px !important; height: 28px !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-outlook-hero .oh-summary-icon svg { width: 14px !important; height: 14px !important; color: #3BB98B !important;}#upl-outlook-hero .oh-summary-text { display: flex !important; flex-direction: column !important;}#upl-outlook-hero .oh-summary-label { font-size: 11px !important; font-weight: 600 !important; color: #0f2736 !important; line-height: 1.2 !important;}#upl-outlook-hero .oh-summary-desc { font-size: 9px !important; color: #64748b !important; line-height: 1.2 !important;}#upl-outlook-hero .oh-summary-divider { width: 1px !important; height: 28px !important; background: rgba(59, 185, 139, 0.2) !important;}\/* Floating notification *\/#upl-outlook-hero .oh-float-notif { position: absolute !important; bottom: -16px !important; left: -30px !important; background: #ffffff !important; border-radius: 10px !important; padding: 10px 14px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important; display: flex !important; align-items: center !important; gap: 10px !important; animation: oh-float 3s ease-in-out infinite !important; z-index: 2 !important; border: 1px solid #e5e7eb !important;}#upl-outlook-hero .oh-float-notif-icon { width: 32px !important; height: 32px !important; background: rgba(0, 114, 198, 0.1) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-outlook-hero .oh-float-notif-icon img { width: 18px !important; height: 18px !important; object-fit: contain !important;}#upl-outlook-hero .oh-float-notif-text { display: flex !important; flex-direction: column !important;}#upl-outlook-hero .oh-float-notif-title { font-size: 11px !important; font-weight: 600 !important; color: #0f2736 !important; line-height: 1.3 !important;}#upl-outlook-hero .oh-float-notif-sub { font-size: 9px !important; color: #64748b !important; line-height: 1.3 !important;}\/* Floating webhook badge *\/#upl-outlook-hero .oh-float-webhook { position: absolute !important; top: 30px !important; right: -20px !important; background: #0f2736 !important; border-radius: 8px !important; padding: 8px 12px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important; display: flex !important; align-items: center !important; gap: 8px !important; animation: oh-float-reverse 3.5s ease-in-out infinite !important; z-index: 2 !important;}#upl-outlook-hero .oh-float-webhook-dot { width: 6px !important; height: 6px !important; background: #DDDF4C !important; border-radius: 50% !important; flex-shrink: 0 !important; animation: oh-pulse 2s ease-in-out infinite !important;}#upl-outlook-hero .oh-float-webhook-text { font-size: 10px !important; font-weight: 600 !important; color: #ffffff !important; white-space: nowrap !important;}#upl-outlook-hero .oh-float-webhook-code { font-size: 9px !important; color: #DDDF4C !important; font-family: monospace !important;}\/* Unread dot indicator *\/#upl-outlook-hero .oh-unread-dot { width: 7px !important; height: 7px !important; background: #0072C6 !important; border-radius: 50% !important; flex-shrink: 0 !important; margin-right: -4px !important;}@keyframes oh-float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-6px); }}@keyframes oh-float-reverse { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-4px); }}@keyframes oh-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; }}\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/@media (max-width: 1024px) { #upl-outlook-hero .oh-container { grid-template-columns: 1fr !important; gap: 50px !important; } #upl-outlook-hero .oh-content { max-width: 100% !important; text-align: center !important; } #upl-outlook-hero .oh-subtitle { max-width: 100% !important; } #upl-outlook-hero .oh-ctas { justify-content: center !important; } #upl-outlook-hero .oh-note { justify-content: center !important; } #upl-outlook-hero .oh-mockup-wrap { max-width: 440px !important; margin: 0 auto !important; } #upl-outlook-hero .oh-float-notif { left: 0px !important; bottom: -10px !important; } #upl-outlook-hero .oh-float-webhook { right: -5px !important; }}@media (max-width: 768px) { #upl-outlook-hero { padding: 40px 16px 60px !important; } #upl-outlook-hero .oh-title { font-size: 32px !important; } #upl-outlook-hero .oh-subtitle { font-size: 15px !important; } #upl-outlook-hero .oh-summary { flex-wrap: wrap !important; gap: 12px !important; justify-content: center !important; } #upl-outlook-hero .oh-summary-divider { display: none !important; }}@media (max-width: 500px) { #upl-outlook-hero .oh-title { font-size: 28px !important; } #upl-outlook-hero .oh-ctas { flex-direction: column !important; width: 100% !important; } #upl-outlook-hero .oh-cta-primary, #upl-outlook-hero .oh-cta-secondary { width: 100% !important; justify-content: center !important; } #upl-outlook-hero .oh-float-notif, #upl-outlook-hero .oh-float-webhook { display: none !important; } #upl-outlook-hero .oh-email-subject { max-width: 160px !important; }}<\/style>\n<p><\/p>\n<section id=\"upl-outlook-hero\"> <\/p>\n<div class=\"oh-container\">  <\/p>\n<div class=\"oh-content\"> <\/p>\n<h1 class=\"oh-title\">Outlook Email API to Send, Sync & Manage Emails in Your App<\/h1>\n<p> <pee class=\"oh-subtitle\">Connect Outlook and Microsoft 365 to your software through Unipile’s unified Email API. Send, receive, track and sync emails with real-time webhooks, without months of direct Microsoft API complexity.<\/pee> <\/p>\n<div class=\"oh-ctas\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"oh-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=\"oh-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> <pee class=\"oh-note\"> <span class=\"oh-note-icon\"> <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 <\/pee> <\/div>\n<p>  <\/p>\n<div class=\"oh-visual\"> <\/p>\n<div class=\"oh-mockup-wrap\"> <\/p>\n<div class=\"oh-mockup\">  <\/p>\n<div class=\"oh-mockup-header\"> <\/p>\n<div class=\"oh-mockup-logo\"> <\/p>\n<div class=\"oh-mockup-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=\"oh-mockup-logo-text\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"oh-mockup-status\"> <span class=\"oh-status-dot\"><\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\" style=\"width:12px!important;height:12px!important;object-fit:contain!important;\"> Outlook Connected <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-mockup-body\">  <\/p>\n<div class=\"oh-tabs\"> <\/p>\n<div class=\"oh-tab oh-tab-active\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\" class=\"oh-tab-icon\"> Focused <\/div>\n<p> <\/p>\n<div class=\"oh-tab\">Other<\/div>\n<p> <\/p>\n<div class=\"oh-tab\">Sent<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-emails\">  <\/p>\n<div class=\"oh-email-row oh-email-row-unread\"> <span class=\"oh-unread-dot\"><\/span> <\/p>\n<div class=\"oh-email-avatar\" style=\"background: #0072C6 !important;\">SL<\/div>\n<p> <\/p>\n<div class=\"oh-email-body\"> <\/p>\n<div class=\"oh-email-top\"> <span class=\"oh-email-sender\">Sophie Laurent<\/span> <span class=\"oh-email-time\">11:05 AM<\/span> <\/div>\n<p> <\/p>\n<div class=\"oh-email-subject\">Contract renewal \u2014 final version attached<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oh-email-tag oh-tag-new\">New<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-email-row\"> <\/p>\n<div class=\"oh-email-avatar\" style=\"background: #3BB98B !important;\">MP<\/div>\n<p> <\/p>\n<div class=\"oh-email-body\"> <\/p>\n<div class=\"oh-email-top\"> <span class=\"oh-email-sender\">Marc Peters<\/span> <span class=\"oh-email-time\">9:30 AM<\/span> <\/div>\n<p> <\/p>\n<div class=\"oh-email-subject\">Q4 pipeline review \u2014 summary & next steps<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oh-email-tag oh-tag-replied\">Replied<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-email-row\"> <\/p>\n<div class=\"oh-email-avatar\" style=\"background: #68217A !important;\">AK<\/div>\n<p> <\/p>\n<div class=\"oh-email-body\"> <\/p>\n<div class=\"oh-email-top\"> <span class=\"oh-email-sender\">Anna Kim<\/span> <span class=\"oh-email-time\">Yesterday<\/span> <\/div>\n<p> <\/p>\n<div class=\"oh-email-subject\">Onboarding sequence \u2014 3 emails scheduled<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oh-email-tag oh-tag-tracked\">Tracked<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-email-row\"> <\/p>\n<div class=\"oh-email-avatar\" style=\"background: #FBBC04 !important;\">DW<\/div>\n<p> <\/p>\n<div class=\"oh-email-body\"> <\/p>\n<div class=\"oh-email-top\"> <span class=\"oh-email-sender\">David Wong<\/span> <span class=\"oh-email-time\">Yesterday<\/span> <\/div>\n<p> <\/p>\n<div class=\"oh-email-subject\">Meeting recap \u2014 action items for dev team<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oh-email-tag oh-tag-synced\">Synced<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-compose-bar\"> <\/p>\n<div class=\"oh-compose-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg> <\/div>\n<p> <span class=\"oh-compose-text\">New message via Outlook API…<\/span> <span class=\"oh-compose-btn\">Send<\/span> <\/div>\n<p>  <\/p>\n<div class=\"oh-summary\"> <\/p>\n<div class=\"oh-summary-item\"> <\/p>\n<div class=\"oh-summary-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\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div class=\"oh-summary-text\"> <span class=\"oh-summary-label\">3,210 Emails<\/span> <span class=\"oh-summary-desc\">Synced via API<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oh-summary-divider\"><\/div>\n<p> <\/p>\n<div class=\"oh-summary-item\"> <\/p>\n<div class=\"oh-summary-icon\"> <svg 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> <\/div>\n<p> <\/p>\n<div class=\"oh-summary-text\"> <span class=\"oh-summary-label\">Real-time<\/span> <span class=\"oh-summary-desc\">Webhooks active<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oh-summary-divider\"><\/div>\n<p> <\/p>\n<div class=\"oh-summary-item\"> <\/p>\n<div class=\"oh-summary-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=\"oh-summary-text\"> <span class=\"oh-summary-label\">99.5%<\/span> <span class=\"oh-summary-desc\">Delivery rate<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-float-notif\"> <\/p>\n<div class=\"oh-float-notif-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <\/p>\n<div class=\"oh-float-notif-text\"> <span class=\"oh-float-notif-title\">Email sent via API<\/span> <span class=\"oh-float-notif-sub\">Delivered to s.laurent@company.com<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oh-float-webhook\"> <span class=\"oh-float-webhook-dot\"><\/span> <\/p>\n<div class=\"oh-float-webhook-text\"> Webhook<!\u2013- [et_pb_br_holder] -\u2013> <span class=\"oh-float-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” global_colors_info=”{}” locked=”off” 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-outlook-features { font-family: 'Inter', sans-serif !important; padding: 80px 20px !important; position: relative !important; overflow: hidden !important;}#upl-outlook-features *,#upl-outlook-features *::before,#upl-outlook-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-outlook-features .of-header { text-align: center !important; margin-bottom: 50px !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important;}#upl-outlook-features .of-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-outlook-features .of-subtitle { font-size: 16px !important; color: #383838 !important; line-height: 1.6 !important;}\/* \u2500\u2500 GRID \u2500\u2500 *\/#upl-outlook-features .of-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-outlook-features .of-mockup { background: #ffffff !important; border-radius: 16px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important;}#upl-outlook-features .of-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-outlook-features .of-mock-logo { display: flex !important; align-items: center !important; gap: 10px !important;}#upl-outlook-features .of-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-outlook-features .of-mock-logo-icon svg { width: 14px !important; height: 14px !important; color: #3BB98B !important;}#upl-outlook-features .of-mock-logo-text { font-size: 13px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-outlook-features .of-mock-status { display: flex !important; align-items: center !important; gap: 5px !important; background: rgba(0, 114, 198, 0.1) !important; padding: 5px 10px !important; border-radius: 14px !important; font-size: 11px !important; font-weight: 600 !important; color: #0072C6 !important;}#upl-outlook-features .of-mock-status-dot { width: 5px !important; height: 5px !important; background: #0072C6 !important; border-radius: 50% !important; flex-shrink: 0 !important;}\/* Body *\/#upl-outlook-features .of-mock-body { padding: 18px !important; background: #ffffff !important;}\/* Contact Profile *\/#upl-outlook-features .of-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-outlook-features .of-profile-avatar { width: 44px !important; height: 44px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important;}#upl-outlook-features .of-profile-avatar img { width: 44px !important; height: 44px !important; object-fit: cover !important; border-radius: 50% !important;}#upl-outlook-features .of-profile-info { flex: 1 !important;}#upl-outlook-features .of-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-outlook-features .of-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-outlook-features .of-verified svg { width: 9px !important; height: 9px !important; color: #ffffff !important;}#upl-outlook-features .of-profile-providers { display: flex !important; gap: 8px !important;}#upl-outlook-features .of-profile-providers img { width: 26px !important; height: 26px !important; border-radius: 6px !important; object-fit: contain !important;}\/* Channel Tabs *\/#upl-outlook-features .of-tabs { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 14px !important;}#upl-outlook-features .of-tab { display: flex !important; align-items: center !important; gap: 8px !important; padding: 10px 16px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 500 !important; color: #64748b !important; background: #f1f5f9 !important;}#upl-outlook-features .of-tab-active { background: #0072C6 !important; color: #ffffff !important;}#upl-outlook-features .of-tab img { width: 20px !important; height: 20px !important; object-fit: contain !important;}#upl-outlook-features .of-tab svg { width: 14px !important; height: 14px !important;}\/* Messages *\/#upl-outlook-features .of-messages { display: flex !important; flex-direction: column !important; gap: 10px !important;}#upl-outlook-features .of-msg { display: flex !important; gap: 8px !important;}#upl-outlook-features .of-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-outlook-features .of-msg-content { flex: 1 !important;}#upl-outlook-features .of-msg-header { display: flex !important; align-items: center !important; gap: 6px !important; margin-bottom: 3px !important;}#upl-outlook-features .of-msg-name { font-size: 11px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-outlook-features .of-msg-time { font-size: 9px !important; color: #94a3b8 !important;}#upl-outlook-features .of-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-outlook-features .of-msg-sent .of-msg-bubble { background: rgba(0, 114, 198, 0.08) !important; border-top-left-radius: 10px !important; border-top-right-radius: 4px !important;}\/* Reply bar *\/#upl-outlook-features .of-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-outlook-features .of-reply svg.of-reply-clip { width: 14px !important; height: 14px !important; color: #94a3b8 !important; flex-shrink: 0 !important;}#upl-outlook-features .of-reply-text { flex: 1 !important; font-size: 11px !important; color: #64748b !important;}#upl-outlook-features .of-reply-send { width: 28px !important; height: 28px !important; background: #0072C6 !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;}#upl-outlook-features .of-reply-send svg { width: 14px !important; height: 14px !important; color: #ffffff !important;}\/* Tracking bar *\/#upl-outlook-features .of-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-outlook-features .of-tracking-item { display: flex !important; align-items: center !important; gap: 8px !important;}#upl-outlook-features .of-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-outlook-features .of-tracking-icon svg { width: 13px !important; height: 13px !important;}#upl-outlook-features .of-ti-blue { background: rgba(0, 114, 198, 0.25) !important;}#upl-outlook-features .of-ti-blue svg { color: #5ba8e0 !important;}#upl-outlook-features .of-ti-yellow { background: rgba(221, 223, 76, 0.2) !important;}#upl-outlook-features .of-ti-yellow svg { color: #DDDF4C !important;}#upl-outlook-features .of-ti-green { background: rgba(59, 185, 139, 0.2) !important;}#upl-outlook-features .of-ti-green svg { color: #3BB98B !important;}#upl-outlook-features .of-tracking-text { display: flex !important; flex-direction: column !important;}#upl-outlook-features .of-tracking-label { font-size: 11px !important; font-weight: 600 !important; color: #ffffff !important; line-height: 1.2 !important;}#upl-outlook-features .of-tracking-desc { font-size: 9px !important; color: rgba(255, 255, 255, 0.5) !important; line-height: 1.2 !important;}#upl-outlook-features .of-tracking-divider { width: 1px !important; height: 24px !important; background: rgba(255, 255, 255, 0.1) !important;}\/* \u2500\u2500 RIGHT: FEATURE CARDS \u2500\u2500 *\/#upl-outlook-features .of-cards { display: flex !important; flex-direction: column !important; gap: 22px !important;}#upl-outlook-features .of-card { display: flex !important; gap: 16px !important;}#upl-outlook-features .of-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-outlook-features .of-card-icon svg { width: 24px !important; height: 24px !important; color: #b5b72f !important;}#upl-outlook-features .of-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-outlook-features .of-card-desc { font-size: 13px !important; color: #64748b !important; line-height: 1.6 !important;}\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/@media (max-width: 1024px) { #upl-outlook-features .of-grid { grid-template-columns: 1fr !important; gap: 40px !important; }}@media (max-width: 900px) { #upl-outlook-features .of-title { font-size: 28px !important; }}@media (max-width: 600px) { #upl-outlook-features { padding: 50px 16px !important; } #upl-outlook-features .of-title { font-size: 26px !important; } #upl-outlook-features .of-tabs { flex-wrap: wrap !important; } #upl-outlook-features .of-card { flex-direction: column !important; text-align: center !important; } #upl-outlook-features .of-card-icon { margin: 0 auto !important; } #upl-outlook-features .of-tracking { flex-wrap: wrap !important; gap: 10px !important; justify-content: center !important; } #upl-outlook-features .of-tracking-divider { display: none !important; }}@media (max-width: 400px) { #upl-outlook-features .of-title { font-size: 26px !important; }}<\/style>\n<p><\/p>\n<section id=\"upl-outlook-features\"> <\/p>\n<div class=\"of-header\"> <\/p>\n<h2 class=\"of-title\">Streamline Workflows with Advanced Outlook API Features<\/h2>\n<p> <pee class=\"of-subtitle\">Our Outlook API enriches your platform with powerful email capabilities, enabling seamless sync, automated sending, and engagement tracking directly from Microsoft 365, without switching apps.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"of-grid\">  <\/p>\n<div> <\/p>\n<div class=\"of-mockup\"> <\/p>\n<div class=\"of-mock-header\"> <\/p>\n<div class=\"of-mock-logo\"> <\/p>\n<div class=\"of-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=\"of-mock-logo-text\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"of-mock-status\"> <span class=\"of-mock-status-dot\"><\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\" style=\"width:12px!important;height:12px!important;object-fit:contain!important;margin-right:2px!important;\"> Connected <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"of-mock-body\">  <\/p>\n<div class=\"of-profile\"> <\/p>\n<div class=\"of-profile-avatar\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/06\/unipile-profile-avatar-12.jpg\" alt=\"James Carter\"> <\/div>\n<p> <\/p>\n<div class=\"of-profile-info\"> <\/p>\n<div class=\"of-profile-name\"> James Carter <span class=\"of-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=\"of-profile-providers\"> <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\/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> <\/div>\n<p>  <\/p>\n<div class=\"of-tabs\"> <\/p>\n<div class=\"of-tab of-tab-active\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> Outlook <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg> <\/div>\n<p> <\/p>\n<div class=\"of-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> LinkedIn <\/div>\n<p> <\/p>\n<div class=\"of-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> WhatsApp <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"of-messages\"> <\/p>\n<div class=\"of-msg of-msg-sent\"> <\/p>\n<div class=\"of-msg-avatar\" style=\"background: #e2e8f0 !important;\">Me<\/div>\n<p> <\/p>\n<div class=\"of-msg-content\"> <\/p>\n<div class=\"of-msg-header\"> <span class=\"of-msg-name\">Me<\/span> <span class=\"of-msg-time\">Tuesday, 10:14 AM<\/span> <\/div>\n<p> <\/p>\n<div class=\"of-msg-bubble\">Hi James, following up on the proposal. Any feedback from your team on the pricing structure?<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"of-msg\"> <\/p>\n<div class=\"of-msg-avatar\" style=\"background: #e2e8f0 !important;\">JC<\/div>\n<p> <\/p>\n<div class=\"of-msg-content\"> <\/p>\n<div class=\"of-msg-header\"> <span class=\"of-msg-name\">James Carter<\/span> <span class=\"of-msg-time\">Tuesday, 02:38 PM<\/span> <\/div>\n<p> <\/p>\n<div class=\"of-msg-bubble\">Thanks for the follow-up. The team reviewed it, we’re aligned on Tier 2. Can we schedule a call this week to finalize?<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"of-reply\"> <svg class=\"of-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=\"of-reply-text\">Reply to James via Outlook…<\/span> <\/p>\n<div class=\"of-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=\"of-tracking\"> <\/p>\n<div class=\"of-tracking-item\"> <\/p>\n<div class=\"of-tracking-icon of-ti-blue\"> <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=\"of-tracking-text\"> <span class=\"of-tracking-label\">Delivered<\/span> <span class=\"of-tracking-desc\">99.5% rate<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"of-tracking-divider\"><\/div>\n<p> <\/p>\n<div class=\"of-tracking-item\"> <\/p>\n<div class=\"of-tracking-icon of-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=\"of-tracking-text\"> <span class=\"of-tracking-label\">Opened<\/span> <span class=\"of-tracking-desc\">2 times<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"of-tracking-divider\"><\/div>\n<p> <\/p>\n<div class=\"of-tracking-item\"> <\/p>\n<div class=\"of-tracking-icon of-ti-green\"> <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=\"of-tracking-text\"> <span class=\"of-tracking-label\">Replied<\/span> <span class=\"of-tracking-desc\">4h 24m avg<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"of-cards\"> <\/p>\n<div class=\"of-card\"> <\/p>\n<div class=\"of-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=\"of-card-title\">Sync Outlook Mailboxes<\/h3>\n<p> <pee class=\"of-card-desc\">Pull emails from any Microsoft 365 or Outlook inbox in real time, folders, threads, attachments, while keeping users’ personal data secure and scoped.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"of-card\"> <\/p>\n<div class=\"of-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=\"of-card-title\">Receive Email<\/h3>\n<p> <pee class=\"of-card-desc\">Capture incoming Outlook messages 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=\"of-card\"> <\/p>\n<div class=\"of-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=\"of-card-title\">Send from Microsoft 365<\/h3>\n<p> <pee class=\"of-card-desc\">Trigger outbound emails directly through your users’ Outlook accounts, replies, follow-ups, automated sequences, all sent from their verified professional address.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"of-card\"> <\/p>\n<div class=\"of-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=\"of-card-title\">Track Engagement<\/h3>\n<p> <pee class=\"of-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=”#0F2736″ da_disable_devices=”off|off|off” global_colors_info=”{}” locked=”off” 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″]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Outlook 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 style=\"margin:0;padding:0;background:#0f2736;\"><\/p>\n<style>#upl-outlook-advanced { font-family: 'Inter', sans-serif !important; padding: 80px 20px !important; position: relative !important; overflow: hidden !important;}#upl-outlook-advanced *,#upl-outlook-advanced *::before,#upl-outlook-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-outlook-advanced .oa-header { text-align: center !important; margin-bottom: 70px !important; max-width: 700px !important; margin-left: auto !important; margin-right: auto !important;}#upl-outlook-advanced .oa-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-outlook-advanced .oa-subtitle { font-size: 16px !important; color: #ffffff !important; line-height: 1.7 !important;}#upl-outlook-advanced .oa-ms-logo { margin-top: 24px !important; display: flex !important; justify-content: center !important;}#upl-outlook-advanced .oa-ms-logo img { height: 48px !important; width: auto !important; object-fit: contain !important;}#upl-outlook-advanced .oa-ms-note { font-size: 16px !important; color: #ffffff !important; margin-top: 12px !important; text-align: center !important;}\/* \u2500\u2500 USE CASES GRID \u2500\u2500 *\/#upl-outlook-advanced .oa-usecases { max-width: 1100px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 80px !important;}\/* Row layout *\/#upl-outlook-advanced .oa-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-outlook-advanced .oa-row-reverse { direction: rtl !important;}#upl-outlook-advanced .oa-row-reverse > * { direction: ltr !important;}\/* \u2500\u2500 CONTENT SIDE \u2500\u2500 *\/#upl-outlook-advanced .oa-content { padding-left: 20px !important;}#upl-outlook-advanced .oa-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-outlook-advanced .oa-content-desc { font-size: 15px !important; color: #ffffff !important; line-height: 1.7 !important; margin-bottom: 24px !important;}\/* Feature checks *\/#upl-outlook-advanced .oa-checks { display: flex !important; flex-direction: column !important; gap: 14px !important; margin-bottom: 28px !important;}#upl-outlook-advanced .oa-check { display: flex !important; align-items: flex-start !important; gap: 12px !important;}#upl-outlook-advanced .oa-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-outlook-advanced .oa-check-icon svg { width: 11px !important; height: 11px !important; color: #3BB98B !important;}#upl-outlook-advanced .oa-check-text { font-size: 14px !important; color: #ffffff !important; line-height: 1.5 !important;}\/* CTA *\/#upl-outlook-advanced .oa-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-outlook-advanced .oa-cta:hover { transform: translateY(-5px) !important;}#upl-outlook-advanced .oa-cta svg { width: 18px !important; height: 18px !important;}\/* \u2500\u2500 MOCKUP SIDE \u2500\u2500 *\/#upl-outlook-advanced .oa-mockup { background: #ffffff !important; border-radius: 16px !important; overflow: hidden !important;}#upl-outlook-advanced .oa-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-outlook-advanced .oa-mock-logo { display: flex !important; align-items: center !important; gap: 10px !important;}#upl-outlook-advanced .oa-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-outlook-advanced .oa-mock-logo-icon svg { width: 18px !important; height: 18px !important; color: #3BB98B !important;}#upl-outlook-advanced .oa-mock-logo-text { font-size: 14px !important; font-weight: 600 !important; color: #0f2736 !important;}#upl-outlook-advanced .oa-mock-body { padding: 14px !important; background: #ffffff !important;}\/* \u2500\u2500 MOCKUP 1: FOLDERS \u2500\u2500 *\/#upl-outlook-advanced .oa-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;}#upl-outlook-advanced .oa-folders-grid { display: flex !important; flex-direction: column !important; gap: 6px !important; margin-bottom: 14px !important;}#upl-outlook-advanced .oa-folder-row { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 12px !important; background: #f8fafc !important; border-radius: 8px !important;}#upl-outlook-advanced .oa-folder-row-active { background: rgba(0, 114, 198, 0.06) !important; border: 1px solid rgba(0, 114, 198, 0.18) !important;}#upl-outlook-advanced .oa-folder-color { width: 10px !important; height: 10px !important; border-radius: 3px !important; flex-shrink: 0 !important;}#upl-outlook-advanced .oa-folder-name { font-size: 13px !important; font-weight: 500 !important; color: #0f2736 !important; flex: 1 !important;}#upl-outlook-advanced .oa-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-outlook-advanced .oa-folder-synced { display: flex !important; align-items: center !important; gap: 4px !important; font-size: 10px !important; font-weight: 600 !important; color: #3BB98B !important;}#upl-outlook-advanced .oa-folder-synced svg { width: 10px !important; height: 10px !important; color: #3BB98B !important;}\/* Sync bar *\/#upl-outlook-advanced .oa-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-outlook-advanced .oa-sync-icon { width: 24px !important; height: 24px !important; color: #3BB98B !important; animation: oa-spin 2s linear infinite !important; flex-shrink: 0 !important;}#upl-outlook-advanced .oa-sync-text { font-size: 11px !important; font-weight: 500 !important; color: #3BB98B !important;}@keyframes oa-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}\/* \u2500\u2500 MOCKUP 2: WEBHOOKS \u2500\u2500 *\/#upl-outlook-advanced .oa-webhook-flow { display: flex !important; flex-direction: column !important; gap: 6px !important;}#upl-outlook-advanced .oa-webhook-event { display: flex !important; align-items: center !important; gap: 10px !important; padding: 9px 12px !important; background: #f8fafc !important; border-radius: 8px !important;}#upl-outlook-advanced .oa-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(0, 114, 198, 0.1) !important;}#upl-outlook-advanced .oa-webhook-event-icon img { width: 16px !important; height: 16px !important; object-fit: contain !important;}#upl-outlook-advanced .oa-webhook-event-body { flex: 1 !important;}#upl-outlook-advanced .oa-webhook-event-title { font-size: 12px !important; font-weight: 600 !important; color: #0f2736 !important; margin-bottom: 1px !important;}#upl-outlook-advanced .oa-webhook-event-desc { font-size: 10px !important; color: #64748b !important;}#upl-outlook-advanced .oa-webhook-event-badge { padding: 3px 8px !important; border-radius: 5px !important; font-size: 9px !important; font-weight: 600 !important; flex-shrink: 0 !important;}#upl-outlook-advanced .oa-badge-new { background: rgba(0, 114, 198, 0.1) !important; color: #0072C6 !important;}#upl-outlook-advanced .oa-badge-sent { background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important;}#upl-outlook-advanced .oa-badge-opened { background: rgba(251, 188, 4, 0.12) !important; color: #d4a004 !important;}#upl-outlook-advanced .oa-badge-replied { background: rgba(104, 33, 122, 0.1) !important; color: #68217A !important;}\/* Arrow connector *\/#upl-outlook-advanced .oa-arrow-down { display: flex !important; align-items: center !important; justify-content: center !important; padding: 2px 0 !important;}#upl-outlook-advanced .oa-arrow-down svg { width: 14px !important; height: 14px !important; color: #3BB98B !important;}\/* Code block *\/#upl-outlook-advanced .oa-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; overflow-x: auto !important;}#upl-outlook-advanced .oa-code-green { color: #3BB98B !important;}#upl-outlook-advanced .oa-code-yellow { color: #DDDF4C !important;}\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/@media (max-width: 900px) { #upl-outlook-advanced .oa-row, #upl-outlook-advanced .oa-row-reverse { grid-template-columns: 1fr !important; gap: 40px !important; direction: ltr !important; } #upl-outlook-advanced .oa-title { font-size: 28px !important; } #upl-outlook-advanced .oa-content-title { font-size: 24px !important; } #upl-outlook-advanced .oa-content { padding-left: 0 !important; } #upl-outlook-advanced .oa-cta { margin-left: 0 !important; }}@media (max-width: 600px) { #upl-outlook-advanced { padding: 50px 16px !important; } #upl-outlook-advanced .oa-title { font-size: 26px !important; } #upl-outlook-advanced .oa-content-title { font-size: 22px !important; }}@media (max-width: 400px) { #upl-outlook-advanced .oa-title { font-size: 26px !important; }}<\/style>\n<p><\/p>\n<section id=\"upl-outlook-advanced\">  <\/p>\n<div class=\"oa-header\"> <\/p>\n<h2 class=\"oa-title\">Unlock Advanced Outlook API Features<\/h2>\n<p> <pee class=\"oa-subtitle\">Go beyond basic email. Access Outlook folders, real-time webhook notifications and Microsoft 365 integration through Unipile’s unified API.<\/pee> <\/p>\n<div class=\"oa-ms-logo\"> <img decoding=\"async\" src=\"https:\/\/cache.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-exchange-365.svg\" alt=\"Outlook, Exchange and Microsoft 365\"> <\/div>\n<p> <pee class=\"oa-ms-note\">Access Outlook, Exchange and Microsoft 365 with Unipile’s API<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"oa-usecases\">  <\/p>\n<div class=\"oa-row\">  <\/p>\n<div> <\/p>\n<div class=\"oa-mockup\"> <\/p>\n<div class=\"oa-mock-header\"> <\/p>\n<div class=\"oa-mock-logo\"> <\/p>\n<div class=\"oa-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=\"oa-mock-logo-text\">Your App<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-mock-body\"> <\/p>\n<div class=\"oa-section-title\">Outlook Folders<\/div>\n<p> <\/p>\n<div class=\"oa-folders-grid\"> <\/p>\n<div class=\"oa-folder-row oa-folder-row-active\"> <\/p>\n<div class=\"oa-folder-color\" style=\"background: #0072C6 !important;\"><\/div>\n<p> <span class=\"oa-folder-name\">Inbox<\/span> <span class=\"oa-folder-count\">214<\/span> <span class=\"oa-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=\"oa-folder-row\"> <\/p>\n<div class=\"oa-folder-color\" style=\"background: #FBBC04 !important;\"><\/div>\n<p> <span class=\"oa-folder-name\">Focused<\/span> <span class=\"oa-folder-count\">67<\/span> <span class=\"oa-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=\"oa-folder-row\"> <\/p>\n<div class=\"oa-folder-color\" style=\"background: #34A853 !important;\"><\/div>\n<p> <span class=\"oa-folder-name\">Clients<\/span> <span class=\"oa-folder-count\">93<\/span> <span class=\"oa-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=\"oa-folder-row\"> <\/p>\n<div class=\"oa-folder-color\" style=\"background: #68217A !important;\"><\/div>\n<p> <span class=\"oa-folder-name\">Prospects<\/span> <span class=\"oa-folder-count\">41<\/span> <span class=\"oa-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=\"oa-folder-row\"> <\/p>\n<div class=\"oa-folder-color\" style=\"background: #EA4335 !important;\"><\/div>\n<p> <span class=\"oa-folder-name\">Follow-up<\/span> <span class=\"oa-folder-count\">18<\/span> <span class=\"oa-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=\"oa-sync-bar\"> <svg class=\"oa-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=\"oa-sync-text\">All 5 folders synchronized via API<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oa-content\"> <\/p>\n<h3 class=\"oa-content-title\">List and Sync Outlook Folders<\/h3>\n<p> <pee class=\"oa-content-desc\">Efficiently manage and navigate through Outlook folders with the API’s List and Get endpoints, streamlining inbox organization for all your Microsoft 365 users.<\/pee> <\/p>\n<div class=\"oa-checks\"> <\/p>\n<div class=\"oa-check\"> <\/p>\n<div class=\"oa-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=\"oa-check-text\">Retrieve all Outlook folders and subfolders with a single API call<\/span> <\/div>\n<p> <\/p>\n<div class=\"oa-check\"> <\/p>\n<div class=\"oa-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=\"oa-check-text\">Filter emails by folder for targeted inbox management<\/span> <\/div>\n<p> <\/p>\n<div class=\"oa-check\"> <\/p>\n<div class=\"oa-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=\"oa-check-text\">Mirror custom folder structures into your CRM or ATS<\/span> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"oa-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=\"oa-row oa-row-reverse\">  <\/p>\n<div> <\/p>\n<div class=\"oa-mockup\"> <\/p>\n<div class=\"oa-mock-header\"> <\/p>\n<div class=\"oa-mock-logo\"> <\/p>\n<div class=\"oa-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=\"oa-mock-logo-text\">Your App<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-mock-body\"> <\/p>\n<div class=\"oa-section-title\">Webhook Events<\/div>\n<p> <\/p>\n<div class=\"oa-webhook-flow\"> <\/p>\n<div class=\"oa-webhook-event\"> <\/p>\n<div class=\"oa-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-body\"> <\/p>\n<div class=\"oa-webhook-event-title\">New Email Received<\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-desc\">From: james.carter@enterprise.com<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-badge oa-badge-new\">NEW<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-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=\"oa-webhook-event\"> <\/p>\n<div class=\"oa-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-body\"> <\/p>\n<div class=\"oa-webhook-event-title\">Email Sent<\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-desc\">To: sophie.laurent@company.io<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-badge oa-badge-sent\">SENT<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-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=\"oa-webhook-event\"> <\/p>\n<div class=\"oa-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-body\"> <\/p>\n<div class=\"oa-webhook-event-title\">Email Opened<\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-desc\">sophie.laurent@company.io \u2014 2 opens<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-badge oa-badge-opened\">OPENED<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-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=\"oa-webhook-event\"> <\/p>\n<div class=\"oa-webhook-event-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-body\"> <\/p>\n<div class=\"oa-webhook-event-title\">Reply Received<\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-desc\">From: sophie.laurent@company.io<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"oa-webhook-event-badge oa-badge-replied\">REPLIED<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oa-code-block\"> <span class=\"oa-code-green\">POST<\/span> \/webhook<!\u2013- [et_pb_br_holder] -\u2013> {<!\u2013- [et_pb_br_holder] -\u2013> \u00a0“event”: <span class=\"oa-code-yellow\">“email.received”<\/span>,<!\u2013- [et_pb_br_holder] -\u2013> \u00a0“provider”: <span class=\"oa-code-yellow\">“OUTLOOK”<\/span>,<!\u2013- [et_pb_br_holder] -\u2013> \u00a0“account_id”: <span class=\"oa-code-yellow\">“acc_4m2p9”<\/span><!\u2013- [et_pb_br_holder] -\u2013> } <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"oa-content\"> <\/p>\n<h3 class=\"oa-content-title\">Real-Time Webhook Notifications<\/h3>\n<p> <pee class=\"oa-content-desc\">Webhooks let your application react instantly to Outlook events without polling. Straightforward to implement and built to scale as your user base grows across Microsoft 365 accounts.<\/pee> <\/p>\n<div class=\"oa-checks\"> <\/p>\n<div class=\"oa-check\"> <\/p>\n<div class=\"oa-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=\"oa-check-text\">Instant alerts on new emails, opens, clicks and replies<\/span> <\/div>\n<p> <\/p>\n<div class=\"oa-check\"> <\/p>\n<div class=\"oa-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=\"oa-check-text\">No polling needed \u2014 reduce API calls and latency<\/span> <\/div>\n<p> <\/p>\n<div class=\"oa-check\"> <\/p>\n<div class=\"oa-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=\"oa-check-text\">Trigger CRM updates and automations on every email event<\/span> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"oa-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” global_colors_info=”{}” locked=”off” 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″]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Outlook 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 style=\"margin:0;padding:0;background:#0f2736;\"><\/p>\n<div id=\"unipile-ol-seqlive\"> <\/p>\n<style> #unipile-ol-seqlive, #unipile-ol-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-ol-seqlive { padding: 70px 20px !important; background: #0f2736 !important; } #unipile-ol-seqlive .os-container { max-width: 1050px !important; margin: 0 auto !important; } \/* Grid *\/ #unipile-ol-seqlive .os-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-ol-seqlive .os-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-ol-seqlive .os-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-ol-seqlive .os-mock-left { display: flex !important; align-items: center !important; gap: 10px !important; } #unipile-ol-seqlive .os-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-ol-seqlive .os-mock-icon svg { width: 16px !important; height: 16px !important; color: #3BB98B !important; } #unipile-ol-seqlive .os-mock-appname { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; } #unipile-ol-seqlive .os-mock-providers { display: flex !important; gap: 5px !important; } #unipile-ol-seqlive .os-mock-providers img { width: 20px !important; height: 20px !important; object-fit: contain !important; } \/* Sequence bar *\/ #unipile-ol-seqlive .os-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-ol-seqlive .os-seq-info { display: flex !important; align-items: center !important; gap: 8px !important; } #unipile-ol-seqlive .os-seq-name { font-size: 12px !important; font-weight: 600 !important; color: #1e293b !important; } #unipile-ol-seqlive .os-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-ol-seqlive .os-seq-active::before { content: '' !important; width: 5px !important; height: 5px !important; background: #3BB98B !important; border-radius: 50% !important; } #unipile-ol-seqlive .os-seq-count { font-size: 10px !important; color: #94a3b8 !important; font-weight: 500 !important; } \/* Timeline *\/ #unipile-ol-seqlive .os-timeline { padding: 14px 16px !important; background: #ffffff !important; height: 380px !important; max-height: 380px !important; overflow: hidden !important; } #unipile-ol-seqlive .os-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-ol-seqlive .os-step.active { opacity: 1 !important; transform: translateX(0) !important; } #unipile-ol-seqlive .os-step.done { opacity: 0.55 !important; transform: translateX(0) !important; } \/* Timeline column *\/ #unipile-ol-seqlive .os-tl-col { display: flex !important; flex-direction: column !important; align-items: center !important; width: 34px !important; flex-shrink: 0 !important; } #unipile-ol-seqlive .os-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-ol-seqlive .os-tl-dot img { width: 18px !important; height: 18px !important; object-fit: contain !important; } #unipile-ol-seqlive .os-tl-dot.ol { background: rgba(0,114,198,0.12) !important; } #unipile-ol-seqlive .os-tl-dot.li { background: rgba(10,102,194,0.12) !important; } #unipile-ol-seqlive .os-tl-dot.wa { background: rgba(37,211,102,0.12) !important; } #unipile-ol-seqlive .os-tl-line { width: 2px !important; flex: 1 !important; min-height: 10px !important; background: #e5e7eb !important; } #unipile-ol-seqlive .os-step.active .os-tl-line { background: #3BB98B !important; } #unipile-ol-seqlive .os-step:last-child .os-tl-line { display: none !important; } \/* Step body *\/ #unipile-ol-seqlive .os-step-body { flex: 1 !important; padding-bottom: 12px !important; min-width: 0 !important; } #unipile-ol-seqlive .os-step:last-child .os-step-body { padding-bottom: 0 !important; } #unipile-ol-seqlive .os-step-top { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 2px !important; } #unipile-ol-seqlive .os-step-day { font-size: 10px !important; font-weight: 700 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.4px !important; } #unipile-ol-seqlive .os-step.active .os-step-day { color: #3BB98B !important; } #unipile-ol-seqlive .os-step-status { font-size: 9px !important; font-weight: 600 !important; padding: 2px 7px !important; border-radius: 4px !important; } #unipile-ol-seqlive .os-step-status.sent { background: rgba(59,185,139,0.1) !important; color: #3BB98B !important; } #unipile-ol-seqlive .os-step-status.pending { background: #f1f5f9 !important; color: #94a3b8 !important; } #unipile-ol-seqlive .os-step-status.running { background: rgba(0,114,198,0.1) !important; color: #0072C6 !important; } #unipile-ol-seqlive .os-step-action { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; margin-bottom: 2px !important; } #unipile-ol-seqlive .os-step-detail { font-size: 11.5px !important; color: #64748b !important; line-height: 1.35 !important; } \/* Preview bubble *\/ #unipile-ol-seqlive .os-preview { margin-top: 6px !important; padding: 8px 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; padding: 0 10px !important; margin-top: 0 !important; } #unipile-ol-seqlive .os-step.active .os-preview { max-height: 80px !important; opacity: 1 !important; padding: 8px 10px !important; margin-top: 6px !important; } #unipile-ol-seqlive .os-preview.ol-bg { background: #eff6ff !important; } #unipile-ol-seqlive .os-preview.li-bg { background: #f0f7ff !important; } #unipile-ol-seqlive .os-preview.wa-bg { background: #dcf8c6 !important; } \/* Bottom stats *\/ #unipile-ol-seqlive .os-mock-stats { display: flex !important; border-top: 1px solid #e5e7eb !important; background: #f8f9fa !important; } #unipile-ol-seqlive .os-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-ol-seqlive .os-mstat:last-child { border-right: none !important; } #unipile-ol-seqlive .os-mstat-val { font-size: 18px !important; font-weight: 700 !important; color: #1e293b !important; display: block !important; } #unipile-ol-seqlive .os-mstat-val.green { color: #3BB98B !important; } #unipile-ol-seqlive .os-mstat-val.blue { color: #0072C6 !important; } #unipile-ol-seqlive .os-mstat-lbl { font-size: 10px !important; color: #94a3b8 !important; font-weight: 500 !important; display: block !important; margin-top: 2px !important; } \/* ===== RIGHT: Content ===== *\/ #unipile-ol-seqlive .os-content { display: flex !important; flex-direction: column !important; gap: 18px !important; } #unipile-ol-seqlive .os-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-ol-seqlive .os-badge svg { width: 11px !important; height: 11px !important; } #unipile-ol-seqlive .os-title { font-family: 'Poppins', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; } #unipile-ol-seqlive .os-title span { color: #3BB98B !important; } #unipile-ol-seqlive .os-desc { font-size: 15px !important; color: #ffffff !important; line-height: 1.65 !important; } \/* Channel row *\/ #unipile-ol-seqlive .os-channels { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; } #unipile-ol-seqlive .os-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-ol-seqlive .os-ch img { width: 16px !important; height: 16px !important; object-fit: contain !important; } \/* Stats *\/ #unipile-ol-seqlive .os-stats { display: flex !important; gap: 20px !important; margin-top: 4px !important; } #unipile-ol-seqlive .os-stat { display: flex !important; flex-direction: column !important; gap: 2px !important; } #unipile-ol-seqlive .os-stat-val { font-size: 22px !important; font-weight: 700 !important; color: #ffffff !important; } #unipile-ol-seqlive .os-stat-val.green { color: #3BB98B !important; } #unipile-ol-seqlive .os-stat-lbl { font-size: 11px !important; color: rgba(255,255,255,0.45) !important; font-weight: 500 !important; } \/* CTA *\/ #unipile-ol-seqlive .os-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-ol-seqlive .os-cta:hover { transform: translateY(-5px) !important; } #unipile-ol-seqlive .os-cta svg { width: 16px !important; height: 16px !important; } \/* ===== RESPONSIVE ===== *\/ @media (max-width: 900px) { #unipile-ol-seqlive .os-grid { grid-template-columns: 1fr !important; gap: 30px !important; } #unipile-ol-seqlive .os-mockup { width: 100% !important; min-width: 0 !important; max-width: 480px !important; margin: 0 auto !important; order: 1 !important; } #unipile-ol-seqlive .os-content { order: 2 !important; max-width: 480px !important; margin: 0 auto !important; padding: 0 8px !important; } #unipile-ol-seqlive .os-title { font-size: 28px !important; } #unipile-ol-seqlive .os-cta { align-self: center !important; } #unipile-ol-seqlive .os-stats { justify-content: center !important; } #unipile-ol-seqlive .os-channels { justify-content: center !important; } #unipile-ol-seqlive .os-content { text-align: center !important; align-items: center !important; } } @media (max-width: 500px) { #unipile-ol-seqlive { padding: 50px 16px !important; } #unipile-ol-seqlive .os-title { font-size: 24px !important; } #unipile-ol-seqlive .os-mockup { max-width: 340px !important; min-width: 0 !important; } #unipile-ol-seqlive .os-stats { gap: 14px !important; } #unipile-ol-seqlive .os-stat-val { font-size: 18px !important; } } <\/style>\n<p> <\/p>\n<div class=\"os-container\"> <\/p>\n<div class=\"os-grid\">  <\/p>\n<div class=\"os-mockup\"> <\/p>\n<div class=\"os-mock-head\"> <\/p>\n<div class=\"os-mock-left\"> <\/p>\n<div class=\"os-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=\"os-mock-appname\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-mock-providers\"> <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\/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=\"os-seq-bar\"> <\/p>\n<div class=\"os-seq-info\"> <span class=\"os-seq-name\">Outlook Outreach \u2014 Enterprise Campaign<\/span> <span class=\"os-seq-active\">Running<\/span> <\/div>\n<p> <span class=\"os-seq-count\">Step <span id=\"os-step-counter\">1<\/span>\/5<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-timeline\">  <\/p>\n<div class=\"os-step active\" data-osstep=\"0\"> <\/p>\n<div class=\"os-tl-col\"> <\/p>\n<div class=\"os-tl-dot ol\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <\/p>\n<div class=\"os-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"os-step-body\"> <\/p>\n<div class=\"os-step-top\"> <span class=\"os-step-day\">Day 1<\/span> <span class=\"os-step-status running\">Sending\u2026<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-step-action\">Outlook Cold Outreach<\/div>\n<p> <\/p>\n<div class=\"os-step-detail\">Personalized email with value proposition<\/div>\n<p> <\/p>\n<div class=\"os-preview ol-bg\">Subject: Streamline your team’s inbox in 2 weeks \u2014 Hi Thomas, noticed your team manages multiple Microsoft 365 inboxes. We help automate\u2026<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"os-step\" data-osstep=\"1\"> <\/p>\n<div class=\"os-tl-col\"> <\/p>\n<div class=\"os-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=\"os-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"os-step-body\"> <\/p>\n<div class=\"os-step-top\"> <span class=\"os-step-day\">Day 3<\/span> <span class=\"os-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-step-action\">LinkedIn Connection<\/div>\n<p> <\/p>\n<div class=\"os-step-detail\">Invite + reference to email sent<\/div>\n<p> <\/p>\n<div class=\"os-preview li-bg\">Hey Thomas \u2014 reached out via Outlook about inbox automation. Would love to connect here and share how we help M365 teams save hours each week.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"os-step\" data-osstep=\"2\"> <\/p>\n<div class=\"os-tl-col\"> <\/p>\n<div class=\"os-tl-dot ol\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <\/p>\n<div class=\"os-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"os-step-body\"> <\/p>\n<div class=\"os-step-top\"> <span class=\"os-step-day\">Day 5<\/span> <span class=\"os-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-step-action\">Outlook Follow-up<\/div>\n<p> <\/p>\n<div class=\"os-step-detail\">Case study + social proof<\/div>\n<p> <\/p>\n<div class=\"os-preview ol-bg\">Subject: Re: Streamline your team’s inbox \u2014 Here’s how Meridian Corp cut email handling time by 60% using our Outlook API integration\u2026<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"os-step\" data-osstep=\"3\"> <\/p>\n<div class=\"os-tl-col\"> <\/p>\n<div class=\"os-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=\"os-tl-line\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"os-step-body\"> <\/p>\n<div class=\"os-step-top\"> <span class=\"os-step-day\">Day 8<\/span> <span class=\"os-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-step-action\">WhatsApp Check-in<\/div>\n<p> <\/p>\n<div class=\"os-step-detail\">Quick personal touch if no reply<\/div>\n<p> <\/p>\n<div class=\"os-preview wa-bg\">Hey Thomas! Sent you a couple of emails about Outlook automation \u2014 thought a quick message here might be easier. Free for a 10-min call?<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"os-step\" data-osstep=\"4\"> <\/p>\n<div class=\"os-tl-col\"> <\/p>\n<div class=\"os-tl-dot ol\"><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<div class=\"os-step-body\"> <\/p>\n<div class=\"os-step-top\"> <span class=\"os-step-day\">Day 12<\/span> <span class=\"os-step-status pending\">Pending<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-step-action\">Outlook Closing Email<\/div>\n<p> <\/p>\n<div class=\"os-step-detail\">Final offer + booking link<\/div>\n<p> <\/p>\n<div class=\"os-preview ol-bg\">Subject: Last chance \u2014 pilot access 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=\"os-mock-stats\"> <\/p>\n<div class=\"os-mstat\"><span class=\"os-mstat-val\" id=\"os-stat-sent\">1<\/span><span class=\"os-mstat-lbl\">Sent<\/span><\/div>\n<p> <\/p>\n<div class=\"os-mstat\"><span class=\"os-mstat-val blue\" id=\"os-stat-open\">1<\/span><span class=\"os-mstat-lbl\">Opened<\/span><\/div>\n<p> <\/p>\n<div class=\"os-mstat\"><span class=\"os-mstat-val green\" id=\"os-stat-reply\">0<\/span><span class=\"os-mstat-lbl\">Replied<\/span><\/div>\n<p> <\/p>\n<div class=\"os-mstat\"><span class=\"os-mstat-val\" id=\"os-stat-pend\">4<\/span><span class=\"os-mstat-lbl\">Pending<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"os-content\"> <\/p>\n<div class=\"os-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=\"os-title\">Orchestrate <span>Outlook, LinkedIn & WhatsApp<\/span> in One Sequence<\/h2>\n<p> <pee class=\"os-desc\">Let your users build automated outreach workflows that start with Outlook and combine LinkedIn and WhatsApp touchpoints, all powered by a single API. Each step fires at the right time, on the right channel.<\/pee> <\/p>\n<div class=\"os-channels\"> <span class=\"os-ch\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\">Outlook<\/span> <span class=\"os-ch\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\">LinkedIn<\/span> <span class=\"os-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=\"os-stats\"> <\/p>\n<div class=\"os-stat\"> <span class=\"os-stat-val green\">99.5%<\/span> <span class=\"os-stat-lbl\">Outlook delivery rate<\/span> <\/div>\n<p> <\/p>\n<div class=\"os-stat\"> <span class=\"os-stat-val green\">3x<\/span> <span class=\"os-stat-lbl\">More replies<\/span> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"os-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-ol-seqlive'); if(!root) return; var steps = root.querySelectorAll('.os-step'); var counter = root.querySelector('#os-step-counter'); var statSent = root.querySelector('#os-stat-sent'); var statOpen = root.querySelector('#os-stat-open'); var statReply = root.querySelector('#os-stat-reply'); var statPend = root.querySelector('#os-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('.os-step-status'); if (i < idx) { s.classList.add('done'); st.className = 'os-step-status sent'; st.textContent = 'Sent \\u2713'; } else if (i === idx) { s.classList.add('active'); st.className = 'os-step-status running'; st.textContent = 'Sending\\u2026'; } else { st.className = 'os-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; } function next() { activate((ci + 1) % total); } activate(0); setInterval(next, 3000);})();<\/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” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<\/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=”{}”]<\/p>\n<div id=\"unipile-ol-use-cases-section\"> <\/p>\n<style> #unipile-ol-use-cases-section, #unipile-ol-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-ol-use-cases-section { padding: 60px 20px !important; background: #f4f5f7 !important; } #unipile-ol-use-cases-section .ouc-container { max-width: 1100px !important; margin: 0 auto !important; } \/* Header *\/ #unipile-ol-use-cases-section .ouc-header { text-align: center !important; margin-bottom: 50px !important; } #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-badge svg { stroke: #b8ba2e !important; } #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-subtitle { font-size: 16px !important; color: #0f2736 !important; line-height: 1.6 !important; max-width: 620px !important; margin: 0 auto !important; } \/* Grid *\/ #unipile-ol-use-cases-section .ouc-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } \/* Card *\/ #unipile-ol-use-cases-section .ouc-card { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } \/* Mockup *\/ #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-mockup-logo.ats { background: rgba(134, 92, 214, 0.12) !important; } #unipile-ol-use-cases-section .ouc-mockup-logo.crm { background: rgba(59, 185, 139, 0.12) !important; } #unipile-ol-use-cases-section .ouc-mockup-logo.outreach { background: rgba(0, 114, 198, 0.12) !important; } #unipile-ol-use-cases-section .ouc-mockup-logo svg { width: 14px !important; height: 14px !important; } #unipile-ol-use-cases-section .ouc-mockup-logo.ats svg { color: #865CD6 !important; stroke: #865CD6 !important; } #unipile-ol-use-cases-section .ouc-mockup-logo.crm svg { color: #3BB98B !important; stroke: #3BB98B !important; } #unipile-ol-use-cases-section .ouc-mockup-logo.outreach svg { color: #0072C6 !important; stroke: #0072C6 !important; } #unipile-ol-use-cases-section .ouc-mockup-name { font-size: 13px !important; font-weight: 600 !important; color: #1e293b !important; } \/* Tabs *\/ #unipile-ol-use-cases-section .ouc-tabs { display: flex !important; background: #ffffff !important; border-bottom: 1px solid #e5e7eb !important; padding: 0 12px !important; } #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-tab.active { color: #ffffff !important; } #unipile-ol-use-cases-section .ouc-tab.active.purple { background: #865CD6 !important; } #unipile-ol-use-cases-section .ouc-tab.active.green { background: #3BB98B !important; } #unipile-ol-use-cases-section .ouc-tab.active.blue { background: #0072C6 !important; } #unipile-ol-use-cases-section .ouc-tab.inactive { color: #64748b !important; background: transparent !important; } \/* Table Header *\/ #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-table-header.ats, #unipile-ol-use-cases-section .ouc-row.ats { grid-template-columns: minmax(100px, 1fr) 70px 40px 55px !important; } #unipile-ol-use-cases-section .ouc-table-header.crm, #unipile-ol-use-cases-section .ouc-row.crm { grid-template-columns: minmax(90px, 1fr) 60px 35px 72px !important; } #unipile-ol-use-cases-section .ouc-table-header.outreach, #unipile-ol-use-cases-section .ouc-row.outreach { grid-template-columns: minmax(140px, 1.5fr) 100px 80px !important; } #unipile-ol-use-cases-section .ouc-table-header span { display: flex !important; align-items: center !important; } #unipile-ol-use-cases-section .ouc-table-header span:nth-child(3) { justify-content: center !important; } #unipile-ol-use-cases-section .ouc-table-header span:last-child { justify-content: flex-end !important; } \/* Table Rows *\/ #unipile-ol-use-cases-section .ouc-table-body { background: #ffffff !important; } #unipile-ol-use-cases-section .ouc-row { display: grid !important; padding: 10px 12px !important; align-items: center !important; border-bottom: 1px solid #f1f5f9 !important; gap: 8px !important; } #unipile-ol-use-cases-section .ouc-row:last-child { border-bottom: none !important; } \/* User Cell *\/ #unipile-ol-use-cases-section .ouc-user { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; min-width: 0 !important; } #unipile-ol-use-cases-section .ouc-avatar { width: 28px !important; height: 28px !important; min-width: 28px !important; border-radius: 50% !important; object-fit: cover !important; background: #e5e7eb !important; } #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-user-msg { font-size: 9px !important; color: #64748b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } \/* Job \/ Company \/ Time \/ Platform *\/ #unipile-ol-use-cases-section .ouc-job { display: flex !important; align-items: center !important; gap: 5px !important; min-width: 0 !important; } #unipile-ol-use-cases-section .ouc-job-dot { width: 6px !important; height: 6px !important; min-width: 6px !important; border-radius: 50% !important; } #unipile-ol-use-cases-section .ouc-job-dot.green { background: #3BB98B !important; } #unipile-ol-use-cases-section .ouc-job-dot.blue { background: #0072C6 !important; } #unipile-ol-use-cases-section .ouc-job-dot.purple { background: #865CD6 !important; } #unipile-ol-use-cases-section .ouc-job-dot.orange { background: #f59e0b !important; } #unipile-ol-use-cases-section .ouc-job-text { font-size: 10px !important; color: #1e293b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #unipile-ol-use-cases-section .ouc-platform { display: flex !important; justify-content: center !important; align-items: center !important; } #unipile-ol-use-cases-section .ouc-platform img { width: 18px !important; height: 18px !important; object-fit: contain !important; } #unipile-ol-use-cases-section .ouc-platform-group { display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; } #unipile-ol-use-cases-section .ouc-platform-group img { width: 18px !important; height: 18px !important; object-fit: contain !important; } #unipile-ol-use-cases-section .ouc-time { font-size: 9px !important; color: #64748b !important; text-align: right !important; white-space: nowrap !important; } #unipile-ol-use-cases-section .ouc-company { font-size: 10px !important; color: #1e293b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } \/* Event \/ Sequence *\/ #unipile-ol-use-cases-section .ouc-event { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; min-width: 0 !important; } #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-event-icon.outreach { background: #a8d5ba !important; color: #3BB98B !important; } #unipile-ol-use-cases-section .ouc-event-icon.meeting { background: #c5d9f1 !important; color: #0072C6 !important; } #unipile-ol-use-cases-section .ouc-event-icon.demo { background: #f5e0d0 !important; color: #d97706 !important; } #unipile-ol-use-cases-section .ouc-event-icon.followup { background: #e8daf5 !important; color: #865CD6 !important; } #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-event-time { font-size: 9px !important; color: #64748b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } \/* Status *\/ #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-status.responsive { background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important; } #unipile-ol-use-cases-section .ouc-status.interested { background: rgba(0, 114, 198, 0.1) !important; color: #0072C6 !important; } #unipile-ol-use-cases-section .ouc-status.proposal { background: rgba(245, 158, 11, 0.1) !important; color: #d97706 !important; } #unipile-ol-use-cases-section .ouc-status.won { background: rgba(134, 92, 214, 0.1) !important; color: #865CD6 !important; } #unipile-ol-use-cases-section .ouc-status-dot { width: 4px !important; height: 4px !important; min-width: 4px !important; border-radius: 50% !important; background: currentColor !important; } \/* Card Content *\/ #unipile-ol-use-cases-section .ouc-card-title { font-family: 'Poppins', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: #0f2736 !important; margin-bottom: 10px !important; } #unipile-ol-use-cases-section .ouc-card-desc { font-size: 14px !important; color: #64748b !important; line-height: 1.6 !important; margin-bottom: 20px !important; min-height: 66px !important; } \/* CTA *\/ #unipile-ol-use-cases-section .ouc-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-ol-use-cases-section .ouc-cta:hover { transform: translateY(-5px) !important; } #unipile-ol-use-cases-section .ouc-cta svg { width: 14px !important; height: 14px !important; stroke: #0f2736 !important; } \/* Responsive *\/ @media (max-width: 1024px) { #unipile-ol-use-cases-section .ouc-grid { grid-template-columns: repeat(2, 1fr) !important; } #unipile-ol-use-cases-section .ouc-card:last-child { grid-column: span 2 !important; max-width: 380px !important; justify-self: center !important; } } @media (max-width: 900px) { #unipile-ol-use-cases-section .ouc-title { font-size: 28px !important; } } @media (max-width: 700px) { #unipile-ol-use-cases-section .ouc-grid { grid-template-columns: 1fr !important; } #unipile-ol-use-cases-section .ouc-card:last-child { grid-column: span 1 !important; max-width: none !important; } } @media (max-width: 500px) { #unipile-ol-use-cases-section { padding: 40px 16px !important; } #unipile-ol-use-cases-section .ouc-title { font-size: 24px !important; } } <\/style>\n<p> <\/p>\n<div class=\"ouc-container\">  <\/p>\n<div class=\"ouc-header\"> <\/p>\n<div class=\"ouc-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=\"ouc-title\">Outlook API Use Cases<\/h2>\n<p> <pee class=\"ouc-subtitle\">Integrate Outlook and Microsoft 365 into your platform. From recruiting to sales to outreach, give your users professional email communication at scale.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"ouc-grid\">  <\/p>\n<div class=\"ouc-card\"> <\/p>\n<div class=\"ouc-mockup\"> <\/p>\n<div class=\"ouc-mockup-header\"> <\/p>\n<div class=\"ouc-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=\"ouc-mockup-name\">Your ATS<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-tabs\"> <span class=\"ouc-tab active purple\">Candidates<\/span> <span class=\"ouc-tab inactive\">Jobs<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-table-header ats\"> <span>Candidate<\/span> <span>Job<\/span> <span>Via<\/span> <span>Created<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-table-body\"> <\/p>\n<div class=\"ouc-row ats\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/06\/unipile-profile-avatar-32.jpg\" class=\"ouc-avatar\" alt=\"Thomas Weller\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">Thomas Weller<\/span><span class=\"ouc-user-msg\">Thanks for the update!<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-job\"><span class=\"ouc-job-dot green\"><\/span><span class=\"ouc-job-text\">Senior Dev<\/span><\/div>\n<p> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-time\">2 hours ago<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row ats\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-25.jpg\" class=\"ouc-avatar\" alt=\"Clara Fontaine\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">Clara Fontaine<\/span><span class=\"ouc-user-msg\">CV attached as requested<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-job\"><span class=\"ouc-job-dot blue\"><\/span><span class=\"ouc-job-text\">UX Lead<\/span><\/div>\n<p> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-time\">5 hours ago<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row ats\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-15.jpg\" class=\"ouc-avatar\" alt=\"James Carter\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">James Carter<\/span><span class=\"ouc-user-msg\">Available next Tuesday<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-job\"><span class=\"ouc-job-dot purple\"><\/span><span class=\"ouc-job-text\">Marketer<\/span><\/div>\n<p> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-time\">1 day ago<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row ats\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-20.jpg\" class=\"ouc-avatar\" alt=\"Anna Kim\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">Anna Kim<\/span><span class=\"ouc-user-msg\">Can we reschedule?<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-job\"><span class=\"ouc-job-dot orange\"><\/span><span class=\"ouc-job-text\">Designer<\/span><\/div>\n<p> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-time\">2 days ago<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"ouc-card-title\">ATS Publisher<\/h3>\n<p> <pee class=\"ouc-card-desc\">Let recruiters sync Outlook conversations with candidates directly in your ATS. Faster scheduling, fewer missed replies, more placements.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-ats-publisher\/\" class=\"ouc-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=\"ouc-card\"> <\/p>\n<div class=\"ouc-mockup\"> <\/p>\n<div class=\"ouc-mockup-header\"> <\/p>\n<div class=\"ouc-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=\"ouc-mockup-name\">Your CRM<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-tabs\"> <span class=\"ouc-tab active green\">Contacts<\/span> <span class=\"ouc-tab inactive\">Deals<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-table-header crm\"> <span>Contacts<\/span> <span>Company<\/span> <span>Via<\/span> <span>Status<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-table-body\"> <\/p>\n<div class=\"ouc-row crm\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-33.jpg\" class=\"ouc-avatar\" alt=\"David Wong\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">David Wong<\/span><span class=\"ouc-user-msg\">Sounds great! Let’s go<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"ouc-company\">NexaTech<\/span> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-status responsive\"><span class=\"ouc-status-dot\"><\/span>Responsive<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row crm\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/06\/unipile-profile-avatar-47.jpg\" class=\"ouc-avatar\" alt=\"Sophie Laurent\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">Sophie Laurent<\/span><span class=\"ouc-user-msg\">Can you send pricing?<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"ouc-company\">Synthex<\/span> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-status interested\"><span class=\"ouc-status-dot\"><\/span>Interested<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row crm\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-18.jpg\" class=\"ouc-avatar\" alt=\"Marc Peters\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">Marc Peters<\/span><span class=\"ouc-user-msg\">Got the proposal \u2705<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"ouc-company\">Orbix<\/span> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-status proposal\"><span class=\"ouc-status-dot\"><\/span>Proposal<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row crm\"> <\/p>\n<div class=\"ouc-user\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/07\/unipile-profile-avatar-44.jpg\" class=\"ouc-avatar\" alt=\"Julia Chen\"> <\/p>\n<div class=\"ouc-user-info\"><span class=\"ouc-user-name\">Julia Chen<\/span><span class=\"ouc-user-msg\">Contract signed!<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"ouc-company\">Quark<\/span> <\/p>\n<div class=\"ouc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><\/div>\n<p> <span class=\"ouc-status won\"><span class=\"ouc-status-dot\"><\/span>Won<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"ouc-card-title\">CRM Publisher<\/h3>\n<p> <pee class=\"ouc-card-desc\">Sync Outlook conversations into your CRM. Your users manage deals and follow-ups with full email context, no app switching.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-crm-publisher\/\" class=\"ouc-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=\"ouc-card\"> <\/p>\n<div class=\"ouc-mockup\"> <\/p>\n<div class=\"ouc-mockup-header\"> <\/p>\n<div class=\"ouc-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=\"ouc-mockup-name\">Your Outreach Tool<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-tabs\"> <span class=\"ouc-tab active blue\">Sequences<\/span> <span class=\"ouc-tab inactive\">Contacts<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-table-header outreach\"> <span>Sequence Step<\/span> <span>Channels<\/span> <span>Status<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-table-body\"> <\/p>\n<div class=\"ouc-row outreach\"> <\/p>\n<div class=\"ouc-event\"> <\/p>\n<div class=\"ouc-event-icon outreach\">1<\/div>\n<p> <\/p>\n<div class=\"ouc-event-info\"> <span class=\"ouc-event-title\">Thomas – Intro<\/span> <span class=\"ouc-event-time\">Email + Calendar<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-platform-group\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Email\" title=\"Outlook Email\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Calendar\" title=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"ouc-status responsive\"><span class=\"ouc-status-dot\"><\/span>Live<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row outreach\"> <\/p>\n<div class=\"ouc-event\"> <\/p>\n<div class=\"ouc-event-icon meeting\">2<\/div>\n<p> <\/p>\n<div class=\"ouc-event-info\"> <span class=\"ouc-event-title\">Clara – Multi-channel<\/span> <span class=\"ouc-event-time\">LinkedIn + WhatsApp<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-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\/outlook-2.svg\" alt=\"Email\" title=\"Outlook Email\"> <\/div>\n<p> <span class=\"ouc-status interested\"><span class=\"ouc-status-dot\"><\/span>Live<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row outreach\"> <\/p>\n<div class=\"ouc-event\"> <\/p>\n<div class=\"ouc-event-icon demo\">3<\/div>\n<p> <\/p>\n<div class=\"ouc-event-info\"> <span class=\"ouc-event-title\">Marc – Schedule<\/span> <span class=\"ouc-event-time\">Email + Calendar<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-platform-group\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Email\" title=\"Outlook Email\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Calendar\" title=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"ouc-status proposal\"><span class=\"ouc-status-dot\"><\/span>Paused<\/span> <\/div>\n<p> <\/p>\n<div class=\"ouc-row outreach\"> <\/p>\n<div class=\"ouc-event\"> <\/p>\n<div class=\"ouc-event-icon followup\">4<\/div>\n<p> <\/p>\n<div class=\"ouc-event-info\"> <span class=\"ouc-event-title\">Anna – Demo<\/span> <span class=\"ouc-event-time\">Calendar + Email<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ouc-platform-group\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Calendar\" title=\"Outlook Calendar\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Email\" title=\"Outlook Email\"> <\/div>\n<p> <span class=\"ouc-status won\"><span class=\"ouc-status-dot\"><\/span>Draft<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"ouc-card-title\">Outreach<\/h3>\n<p> <pee class=\"ouc-card-desc\">Add Outlook email steps to multi-channel sequences. Professional outreach from Microsoft 365 addresses with 99.5% delivery rate and open tracking.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-outreach\/\" class=\"ouc-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>[\/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>Outlook 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 style=\"margin:0;padding:0;background:#f4f5f7;\"><\/p>\n<style>#upl-outlook-dev-features { font-family: 'Inter', sans-serif; background: #f4f5f7; padding: 80px 20px; position: relative;}#upl-outlook-dev-features *,#upl-outlook-dev-features *::before,#upl-outlook-dev-features *::after { margin: 0; padding: 0; box-sizing: border-box;}#upl-outlook-dev-features .odf-container { max-width: 1200px; margin: 0 auto;}\/* Section Header *\/#upl-outlook-dev-features .odf-header { text-align: center; margin-bottom: 50px;}#upl-outlook-dev-features .odf-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-outlook-dev-features .odf-badge svg { width: 14px; height: 14px;}#upl-outlook-dev-features .odf-title { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #0f2736; line-height: 1.2; margin-bottom: 16px;}#upl-outlook-dev-features .odf-subtitle { font-size: 17px; color: #0f2736; line-height: 1.6; max-width: 680px; margin: 0 auto;}\/* Main Grid *\/#upl-outlook-dev-features .odf-main-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 30px; margin-bottom: 40px;}\/* CODE CARD *\/#upl-outlook-dev-features .odf-code-card { background: #ffffff; border-radius: 16px; padding: 24px;}#upl-outlook-dev-features .odf-card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px;}#upl-outlook-dev-features .odf-card-icon { width: 40px; height: 40px; background: rgba(0, 114, 198, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center;}#upl-outlook-dev-features .odf-card-icon svg { width: 20px; height: 20px; color: #0072C6;}#upl-outlook-dev-features .odf-card-title { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #0f2736;}#upl-outlook-dev-features .odf-card-desc { font-size: 14px; color: #64748b; line-height: 1.5; margin-bottom: 16px;}#upl-outlook-dev-features .odf-code-block { background: #0f2736; border-radius: 12px; overflow: hidden;}#upl-outlook-dev-features .odf-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-outlook-dev-features .odf-dot { width: 10px; height: 10px; border-radius: 50%;}#upl-outlook-dev-features .odf-dot.r { background: #ff5f57; }#upl-outlook-dev-features .odf-dot.y { background: #febc2e; }#upl-outlook-dev-features .odf-dot.g { background: #28c840; }#upl-outlook-dev-features .odf-filename { margin-left: auto; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: rgba(255, 255, 255, 0.4);}#upl-outlook-dev-features .odf-code-body { padding: 18px; overflow-x: auto;}#upl-outlook-dev-features .odf-code-body pre { font-family: 'JetBrains Mono', monospace; font-size: 12px; line-height: 1.7; color: #e2e8f0; white-space: pre; margin: 0;}#upl-outlook-dev-features .odf-code-body .kw { color: #c084fc; }#upl-outlook-dev-features .odf-code-body .fn { color: #60a5fa; }#upl-outlook-dev-features .odf-code-body .str { color: #4ade80; }#upl-outlook-dev-features .odf-code-body .cm { color: #64748b; }#upl-outlook-dev-features .odf-code-body .var { color: #f472b6; }#upl-outlook-dev-features .odf-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-outlook-dev-features .odf-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-outlook-dev-features .odf-code-link:hover { gap: 10px; }#upl-outlook-dev-features .odf-code-link svg { width: 14px; height: 14px; }#upl-outlook-dev-features .odf-code-tag { display: flex; align-items: center; gap: 5px; font-size: 11px; color: rgba(255, 255, 255, 0.5);}#upl-outlook-dev-features .odf-code-tag svg { width: 12px; height: 12px; }\/* RIGHT SIDE - DEV FEATURES *\/#upl-outlook-dev-features .odf-dev-features { display: flex; flex-direction: column; gap: 16px;}#upl-outlook-dev-features .odf-dev-card { background: #ffffff; border-radius: 14px; padding: 20px; display: flex; gap: 16px;}#upl-outlook-dev-features .odf-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-outlook-dev-features .odf-dev-icon svg { width: 22px; height: 22px; color: #3BB98B;}#upl-outlook-dev-features .odf-dev-content h4 { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; color: #0f2736; margin-bottom: 4px;}#upl-outlook-dev-features .odf-dev-content p { font-size: 13px; color: #64748b; line-height: 1.5;}\/* PROVIDERS VISUAL *\/#upl-outlook-dev-features .odf-providers-card { background: #ffffff; border-radius: 14px; padding: 20px;}#upl-outlook-dev-features .odf-providers-visual { display: flex; align-items: center; justify-content: center; gap: 12px;}#upl-outlook-dev-features .odf-prov-icons { display: flex; gap: 8px;}#upl-outlook-dev-features .odf-prov-icon { width: 44px; height: 44px; background: #f8fafc; border-radius: 10px; display: flex; align-items: center; justify-content: center; border: 1px solid #e5e7eb;}#upl-outlook-dev-features .odf-prov-icon img { width: 24px; height: 24px; }#upl-outlook-dev-features .odf-prov-label { font-size: 9px; color: #94a3b8; font-weight: 500; text-align: center; margin-top: 4px;}#upl-outlook-dev-features .odf-prov-col { display: flex; flex-direction: column; align-items: center;}#upl-outlook-dev-features .odf-prov-arrow { color: #3BB98B; display: flex; align-items: center;}#upl-outlook-dev-features .odf-prov-arrow svg { width: 20px; height: 20px; }#upl-outlook-dev-features .odf-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-outlook-dev-features .odf-unified-box svg { width: 20px; height: 20px; }#upl-outlook-dev-features .odf-unified-box span { font-size: 12px; font-weight: 600; white-space: nowrap;}\/* HIGHLIGHT CARD *\/#upl-outlook-dev-features .odf-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-outlook-dev-features .odf-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-outlook-dev-features .odf-highlight-card .odf-dev-icon { background: rgba(59, 185, 139, 0.2);}\/* CTA *\/#upl-outlook-dev-features .odf-cta-wrap { text-align: center;}#upl-outlook-dev-features .odf-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-outlook-dev-features .odf-cta-btn:hover { transform: translateY(-3px); }#upl-outlook-dev-features .odf-cta-btn svg { width: 18px; height: 18px; }\/* Responsive *\/@media (max-width: 1024px) { #upl-outlook-dev-features .odf-main-grid { grid-template-columns: 1fr; } #upl-outlook-dev-features .odf-title { font-size: 30px; }}@media (max-width: 768px) { #upl-outlook-dev-features { padding: 60px 16px; } #upl-outlook-dev-features .odf-title { font-size: 28px; } #upl-outlook-dev-features .odf-subtitle { font-size: 15px; } #upl-outlook-dev-features .odf-code-card { padding: 18px; } #upl-outlook-dev-features .odf-code-body { padding: 14px; } #upl-outlook-dev-features .odf-code-body pre { font-size: 10px; line-height: 1.6; } #upl-outlook-dev-features .odf-code-footer { flex-direction: column; gap: 12px; align-items: flex-start; } #upl-outlook-dev-features .odf-dev-card { padding: 16px; } #upl-outlook-dev-features .odf-dev-icon { width: 38px; height: 38px; } #upl-outlook-dev-features .odf-dev-icon svg { width: 18px; height: 18px; } #upl-outlook-dev-features .odf-dev-content h4 { font-size: 14px; } #upl-outlook-dev-features .odf-dev-content p { font-size: 12px; } #upl-outlook-dev-features .odf-providers-visual { flex-wrap: wrap; gap: 10px; } #upl-outlook-dev-features .odf-prov-icon { width: 40px; height: 40px; } #upl-outlook-dev-features .odf-prov-icon img { width: 20px; height: 20px; }}@media (max-width: 600px) { #upl-outlook-dev-features { padding: 50px 14px; } #upl-outlook-dev-features .odf-header { margin-bottom: 35px; } #upl-outlook-dev-features .odf-title { font-size: 24px; } #upl-outlook-dev-features .odf-subtitle { font-size: 14px; } #upl-outlook-dev-features .odf-badge { font-size: 10px; padding: 6px 12px; } #upl-outlook-dev-features .odf-badge svg { width: 12px; height: 12px; } #upl-outlook-dev-features .odf-main-grid { gap: 20px; margin-bottom: 30px; } #upl-outlook-dev-features .odf-dev-features { gap: 12px; } #upl-outlook-dev-features .odf-code-body pre { font-size: 9px; line-height: 1.5; } #upl-outlook-dev-features .odf-cta-btn { padding: 12px 24px; font-size: 14px; } #upl-outlook-dev-features .odf-highlight-badge { font-size: 9px; padding: 3px 8px; top: -8px; right: 12px; }}@media (max-width: 400px) { #upl-outlook-dev-features .odf-title { font-size: 22px; } #upl-outlook-dev-features .odf-providers-visual { justify-content: flex-start; } #upl-outlook-dev-features .odf-prov-icons { flex-wrap: wrap; }}<\/style>\n<p><\/p>\n<section id=\"upl-outlook-dev-features\"> <\/p>\n<div class=\"odf-container\">  <\/p>\n<div class=\"odf-header\"> <\/p>\n<div class=\"odf-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=\"odf-title\">Outlook API Integration for Modern Apps<\/h2>\n<p> <pee class=\"odf-subtitle\">Connect Microsoft 365 and Outlook accounts in minutes. Simplified OAuth, no complex Azure app registration. Send, receive, and track emails from your codebase with a unified API.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"odf-main-grid\">  <\/p>\n<div class=\"odf-code-card\"> <\/p>\n<div class=\"odf-card-head\"> <\/p>\n<div class=\"odf-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=\"odf-card-title\">Simple Integration<\/h3>\n<p> <\/div>\n<p> <pee class=\"odf-card-desc\">Send emails, sync inboxes, and manage folders with a few lines of code. Our SDK handles OAuth, token refresh, and Microsoft session management automatically.<\/pee> <\/p>\n<div class=\"odf-code-block notranslate\" translate=\"no\"> <\/p>\n<div class=\"odf-code-header\"> <span class=\"odf-dot r\"><\/span> <span class=\"odf-dot y\"><\/span> <span class=\"odf-dot g\"><\/span> <span class=\"odf-filename\">outlook-integration.js<\/span> <\/div>\n<p> <\/p>\n<div class=\"odf-code-body\"> <\/p>\n<pre class=\"notranslate\" translate=\"no\"><span class=\"cm\">\/\/ Connect to Outlook 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 Outlook<\/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\">'thomas@enterprise.com'<\/span> }], subject: <span class=\"str\">'Quick follow-up on our call'<\/span>, body: <span class=\"str\">'Hi Thomas, here is the proposal...'<\/span>, tracking: { opens: <span class=\"var\">true<\/span>, clicks: <span class=\"var\">true<\/span> }});<span class=\"cm\">\/\/ List emails from Focused 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=\"odf-code-footer\"> <a href=\"https:\/\/developer.unipile.com\/reference\/accountscontroller_listaccounts\" class=\"odf-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=\"odf-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=\"odf-dev-features\">  <\/p>\n<div class=\"odf-providers-card\"> <\/p>\n<div class=\"odf-providers-visual\"> <\/p>\n<div class=\"odf-prov-icons\"> <\/p>\n<div class=\"odf-prov-col\"> <\/p>\n<div class=\"odf-prov-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <span class=\"odf-prov-label\">Outlook<\/span> <\/div>\n<p> <\/p>\n<div class=\"odf-prov-col\"> <\/p>\n<div class=\"odf-prov-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <\/div>\n<p> <span class=\"odf-prov-label\">Gmail<\/span> <\/div>\n<p> <\/p>\n<div class=\"odf-prov-col\"> <\/p>\n<div class=\"odf-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=\"odf-prov-label\">IMAP<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"odf-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=\"odf-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=\"odf-dev-card\"> <\/p>\n<div class=\"odf-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=\"odf-dev-content\"> <\/p>\n<h4>RESTful API<\/h4>\n<p> <pee>Clean, standardized endpoints with JSON responses. Send emails, list folders, and manage Outlook categories through predictable REST calls.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"odf-dev-card\"> <\/p>\n<div class=\"odf-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=\"odf-dev-content\"> <\/p>\n<h4>Real-time Webhooks<\/h4>\n<p> <pee>Get instant notifications for new emails, opens, clicks, and replies. No polling required, zero latency on Microsoft 365 events.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"odf-dev-card odf-highlight-card\"> <span class=\"odf-highlight-badge\">Key Advantage<\/span> <\/p>\n<div class=\"odf-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=\"odf-dev-content\"> <\/p>\n<h4>Simplified Microsoft OAuth<\/h4>\n<p> <pee>Skip Azure app registration, Microsoft admin consent flows, and complex permission scopes. Unipile handles the entire authentication flow so your users connect Outlook in one click.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"odf-dev-card\"> <\/p>\n<div class=\"odf-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=\"odf-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 M365 accounts.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"odf-dev-card\"> <\/p>\n<div class=\"odf-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=\"odf-dev-content\"> <\/p>\n<h4>Folders & Categories Sync<\/h4>\n<p> <pee>Full access to Outlook folder structures and Focused Inbox. List, get, and filter emails by folder to organize inbox data directly in your app.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"odf-dev-card\"> <\/p>\n<div class=\"odf-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=\"odf-dev-content\"> <\/p>\n<h4>Attachments Support<\/h4>\n<p> <pee>Send and receive emails with attachments \u2014 PDFs, images, Office documents. Full file support through a single unified endpoint.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"odf-cta-wrap\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"odf-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>Microsoft OAuth 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 style=\"margin:0;padding:0;background:#f4f5f7;\"><\/p>\n<div id=\"unipile-ms-oauth-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-ms-oauth-section, #unipile-ms-oauth-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-ms-oauth-section { padding: 80px 20px !important; background: #f4f5f7 !important; } #unipile-ms-oauth-section .moa-container { max-width: 1100px !important; margin: 0 auto !important; } \/* Header *\/ #unipile-ms-oauth-section .moa-header { text-align: center !important; margin-bottom: 50px !important; } #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-badge svg { width: 14px !important; height: 14px !important; stroke: #3BB98B !important; } #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-subtitle { font-size: 17px !important; color: #383838 !important; line-height: 1.6 !important; max-width: 720px !important; margin: 0 auto !important; } \/* Two columns *\/ #unipile-ms-oauth-section .moa-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 28px !important; margin-bottom: 40px !important; } \/* Column card *\/ #unipile-ms-oauth-section .moa-col { border-radius: 16px !important; overflow: hidden !important; } \/* DIY Column *\/ #unipile-ms-oauth-section .moa-col-diy { background: #ffffff !important; border: 1px solid #e5e7eb !important; } #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-col-header-left { display: flex !important; align-items: center !important; gap: 12px !important; } #unipile-ms-oauth-section .moa-col-icon { width: 36px !important; height: 36px !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #unipile-ms-oauth-section .moa-col-icon svg { width: 18px !important; height: 18px !important; } #unipile-ms-oauth-section .moa-col-icon.diy { background: rgba(0, 114, 198, 0.1) !important; } #unipile-ms-oauth-section .moa-col-icon.diy svg { stroke: #0072C6 !important; } #unipile-ms-oauth-section .moa-col-icon.uni { background: rgba(59, 185, 139, 0.1) !important; } #unipile-ms-oauth-section .moa-col-icon.uni svg { stroke: #3BB98B !important; } #unipile-ms-oauth-section .moa-col-label { font-family: 'Poppins', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; color: #0f2736 !important; } #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-col-tag.hard { background: rgba(0, 114, 198, 0.1) !important; color: #0072C6 !important; } #unipile-ms-oauth-section .moa-col-tag.easy { background: rgba(59, 185, 139, 0.1) !important; color: #3BB98B !important; } \/* Steps list *\/ #unipile-ms-oauth-section .moa-steps { padding: 20px 24px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; } #unipile-ms-oauth-section .moa-step { display: flex !important; gap: 14px !important; position: relative !important; padding-bottom: 16px !important; } #unipile-ms-oauth-section .moa-step:last-child { padding-bottom: 0 !important; } \/* Step line + dot *\/ #unipile-ms-oauth-section .moa-step-line { display: flex !important; flex-direction: column !important; align-items: center !important; width: 20px !important; flex-shrink: 0 !important; } #unipile-ms-oauth-section .moa-step-dot { width: 10px !important; height: 10px !important; border-radius: 50% !important; flex-shrink: 0 !important; margin-top: 5px !important; } #unipile-ms-oauth-section .moa-step-dot.blue { background: rgba(0, 114, 198, 0.3) !important; border: 2px solid #0072C6 !important; } #unipile-ms-oauth-section .moa-step-dot.green { background: rgba(59, 185, 139, 0.3) !important; border: 2px solid #3BB98B !important; } #unipile-ms-oauth-section .moa-step-connector { width: 1px !important; flex: 1 !important; min-height: 8px !important; margin-top: 6px !important; } #unipile-ms-oauth-section .moa-step-connector.blue { background: rgba(0, 114, 198, 0.15) !important; } #unipile-ms-oauth-section .moa-step-connector.green { background: rgba(59, 185, 139, 0.15) !important; } \/* Step content *\/ #unipile-ms-oauth-section .moa-step-content { flex: 1 !important; } #unipile-ms-oauth-section .moa-step-title { font-size: 13px !important; font-weight: 600 !important; color: #0f2736 !important; margin-bottom: 3px !important; line-height: 1.3 !important; } #unipile-ms-oauth-section .moa-step-desc { font-size: 11px !important; color: #6b7280 !important; line-height: 1.4 !important; } #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-step-time.blue { background: rgba(0, 114, 198, 0.08) !important; color: #0072C6 !important; } #unipile-ms-oauth-section .moa-step-time.green { background: rgba(59, 185, 139, 0.08) !important; color: #3BB98B !important; } \/* Unipile Column *\/ #unipile-ms-oauth-section .moa-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; } \/* Verified Publisher Block *\/ #unipile-ms-oauth-section .moa-vpblock { margin: 0 20px 20px !important; padding: 18px !important; background: #f9fafb !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; } #unipile-ms-oauth-section .moa-vpblock-top { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 12px !important; } #unipile-ms-oauth-section .moa-vpblock-shield { 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-ms-oauth-section .moa-vpblock-shield svg { width: 22px !important; height: 22px !important; stroke: #3BB98B !important; } #unipile-ms-oauth-section .moa-vpblock-title-block { flex: 1 !important; } #unipile-ms-oauth-section .moa-vpblock-label { font-size: 14px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.2 !important; margin-bottom: 2px !important; } #unipile-ms-oauth-section .moa-vpblock-sublabel { font-size: 10px !important; font-weight: 500 !important; color: #6b7280 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } #unipile-ms-oauth-section .moa-vpblock-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-ms-oauth-section .moa-vpblock-desc { font-size: 12px !important; color: #6b7280 !important; line-height: 1.6 !important; margin-bottom: 14px !important; } #unipile-ms-oauth-section .moa-vpblock-desc strong { color: #0f2736 !important; font-weight: 600 !important; } #unipile-ms-oauth-section .moa-vpblock-benefits { display: flex !important; flex-direction: column !important; gap: 8px !important; } #unipile-ms-oauth-section .moa-vpblock-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-ms-oauth-section .moa-vpblock-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-ms-oauth-section .moa-vpblock-check svg { width: 10px !important; height: 10px !important; stroke: #3BB98B !important; } \/* Summary bar *\/ #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-summary-uni { border-top: 1px solid rgba(59, 185, 139, 0.15) !important; } #unipile-ms-oauth-section .moa-summary-label { font-size: 11px !important; color: #9ca3af !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; font-weight: 600 !important; } #unipile-ms-oauth-section .moa-summary-value { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; } #unipile-ms-oauth-section .moa-summary-value.blue { color: #0072C6 !important; } #unipile-ms-oauth-section .moa-summary-value.green { color: #3BB98B !important; } \/* Bottom info + CTA *\/ #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-bottom-text { flex: 1 !important; } #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-bottom-desc { font-size: 14px !important; color: #6b7280 !important; line-height: 1.6 !important; } #unipile-ms-oauth-section .moa-bottom-desc a { color: #3BB98B !important; text-decoration: underline !important; text-underline-offset: 2px !important; font-weight: 500 !important; } #unipile-ms-oauth-section .moa-bottom-desc a:hover { color: #0f2736 !important; } #unipile-ms-oauth-section .moa-bottom-cta { flex-shrink: 0 !important; } #unipile-ms-oauth-section .moa-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-ms-oauth-section .moa-cta-btn:hover { transform: translateX(4px) !important; } #unipile-ms-oauth-section .moa-cta-btn svg { width: 16px !important; height: 16px !important; stroke: #0f2736 !important; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-ms-oauth-section .moa-grid { grid-template-columns: 1fr !important; } #unipile-ms-oauth-section .moa-title { font-size: 30px !important; } #unipile-ms-oauth-section .moa-bottom { flex-direction: column !important; text-align: center !important; } } @media (max-width: 600px) { #unipile-ms-oauth-section { padding: 60px 16px !important; } #unipile-ms-oauth-section .moa-title { font-size: 26px !important; } #unipile-ms-oauth-section .moa-subtitle { font-size: 15px !important; } } @media (max-width: 400px) { #unipile-ms-oauth-section .moa-title { font-size: 24px !important; } #unipile-ms-oauth-section .moa-vpblock { margin: 0 16px 16px !important; padding: 14px !important; } } <\/style>\n<p> <\/p>\n<div class=\"moa-container\">  <\/p>\n<div class=\"moa-header\"> <\/p>\n<div class=\"moa-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> Microsoft OAuth <\/div>\n<p> <\/p>\n<h2 class=\"moa-title\">Microsoft OAuth, Simplified<\/h2>\n<p> <pee class=\"moa-subtitle\">Setting up Microsoft OAuth requires Azure AD app registration, multi-tenant configuration, Microsoft Graph permission scopes, and Publisher Verification. Unipile handles all of it so you can focus on building.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"moa-grid\">  <\/p>\n<div class=\"moa-col moa-col-diy\"> <\/p>\n<div class=\"moa-col-header\"> <\/p>\n<div class=\"moa-col-header-left\"> <\/p>\n<div class=\"moa-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=\"moa-col-label\">DIY Microsoft OAuth<\/span> <\/div>\n<p> <span class=\"moa-col-tag hard\">Complex<\/span> <\/div>\n<p> <\/p>\n<div class=\"moa-steps\"> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot blue\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector blue\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Create Azure Account & Register Your App<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Create a Microsoft Azure account, register an app in Entra ID, configure multi-tenant audience and redirect URIs<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot blue\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector blue\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Configure Graph Permissions & Client Secret<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Add delegated permissions (Mail.ReadWrite, Mail.Send, Mail.Read), generate a client secret \u2014 never retrievable again<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot blue\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector blue\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Handle Admin Consent for Corporate M365 Accounts<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Enterprise users behind IT policies require tenant-level admin consent \u2014 blocks self-service onboarding<\/div>\n<p> <span class=\"moa-step-time blue\">Blocks enterprise users<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot blue\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector blue\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Build Token Refresh & Session Logic<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Handle access token expiration, refresh cycles, revocation and reconnection flows in your own codebase<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot blue\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector blue\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Join Microsoft Partner Network & Verify Domain<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Enroll in MPN\/MCAP, host the microsoft-identity-association.json file, add your PGA ID to Azure<\/div>\n<p> <span class=\"moa-step-time blue\">Several days<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot blue\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Await Microsoft Publisher Verification Badge<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Blue checkmark appears only once all steps are validated \u2014 without it, enterprise users see an unverified warning<\/div>\n<p> <span class=\"moa-step-time blue\">1\u20134 weeks<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-summary\"> <span class=\"moa-summary-label\">Total time to production<\/span> <span class=\"moa-summary-value blue\">4\u201310 weeks<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"moa-col moa-col-uni\"> <\/p>\n<div class=\"moa-col-header\" style=\"border-bottom: 1px solid rgba(59, 185, 139, 0.15) !important;\"> <\/p>\n<div class=\"moa-col-header-left\"> <\/p>\n<div class=\"moa-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=\"moa-col-label\">With Unipile<\/span> <\/div>\n<p> <span class=\"moa-col-tag easy\">Simple<\/span> <\/div>\n<p> <\/p>\n<div class=\"moa-steps\"> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot green\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Sign Up & Get API Token<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Create your Unipile account and generate credentials from the dashboard<\/div>\n<p> <span class=\"moa-step-time green\">5 minutes<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot green\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Register Your Azure AD App<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Follow our step-by-step guide: name the app, set multi-tenant audience, add redirect URIs and Graph permissions (Mail.ReadWrite, Mail.Send, Mail.Read)<\/div>\n<p> <span class=\"moa-step-time green\">~1\u20132 hours<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot green\"><\/div>\n<p> <\/p>\n<div class=\"moa-step-connector green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Paste Client ID & Secret into Unipile Dashboard<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Go to Settings \u2192 Microsoft OAuth, copy-paste your App ID and client secret \u2014 Unipile takes over from there<\/div>\n<p> <span class=\"moa-step-time green\">2 minutes<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step\"> <\/p>\n<div class=\"moa-step-line\"> <\/p>\n<div class=\"moa-step-dot green\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-step-content\"> <\/p>\n<div class=\"moa-step-title\">Use the Hosted Auth Link & Start Building<\/div>\n<p> <\/p>\n<div class=\"moa-step-desc\">Your users connect Outlook in one click. Token refresh, sessions, Exchange + Outlook.com support \u2014 all managed by Unipile automatically<\/div>\n<p> <span class=\"moa-step-time green\">1\u20132 days total<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-summary moa-summary-uni\"> <span class=\"moa-summary-label\">Total time to production<\/span> <span class=\"moa-summary-value green\">1\u20132 days<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"moa-bottom\"> <\/p>\n<div class=\"moa-bottom-text\"> <\/p>\n<div class=\"moa-bottom-title\">Want a full white-label experience?<\/div>\n<p> <\/p>\n<div class=\"moa-bottom-desc\">You can optionally register your own Azure AD app for complete branding control. Unipile guides you through the entire setup \u2014 app registration, redirect URIs, API permissions, and Publisher Verification. <a href=\"https:\/\/developer.unipile.com\/docs\/microsoft-oauth\" target=\"_blank\">Read the full Microsoft OAuth guide \u2192<\/a><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"moa-bottom-cta\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"moa-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> <\/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 – Outlook 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 style=\"margin:0;padding:0;background:#0f2736;\"><\/p>\n<style>#upl-api-suite-outlook { font-family: 'Inter', sans-serif; background: #0f2736; padding: 80px 20px;}#upl-api-suite-outlook *,#upl-api-suite-outlook *::before,#upl-api-suite-outlook *::after { margin: 0; padding: 0; box-sizing: border-box;}#upl-api-suite-outlook .uas-container { max-width: 1100px; margin: 0 auto;}\/* Header *\/#upl-api-suite-outlook .uas-header { text-align: center; margin-bottom: 60px;}#upl-api-suite-outlook .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-outlook .uas-subtitle { font-size: 17px; color: #ffffff; line-height: 1.6; max-width: 700px; margin: 0 auto;}\/* API Grid *\/#upl-api-suite-outlook .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-outlook .uas-api-card { display: flex; flex-direction: column;}\/* Provider Icons *\/#upl-api-suite-outlook .uas-providers { display: flex; gap: 10px; margin-bottom: 20px;}#upl-api-suite-outlook .uas-provider-icon img { width: 48px; height: 48px; object-fit: contain;}\/* Card Content *\/#upl-api-suite-outlook .uas-api-name { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 700; color: #ffffff; margin-bottom: 12px;}#upl-api-suite-outlook .uas-api-desc { font-size: 15px; color: #ffffff; line-height: 1.6; margin-bottom: 20px; flex-grow: 1;}\/* Arrow Link *\/#upl-api-suite-outlook .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-outlook .uas-api-link:hover { background: #DDDF4C;}#upl-api-suite-outlook .uas-api-link:hover svg { color: #0f2736;}#upl-api-suite-outlook .uas-api-link svg { width: 18px; height: 18px; color: #ffffff; transition: color 0.3s ease;}\/* Footer Note *\/#upl-api-suite-outlook .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-outlook .uas-api-grid { grid-template-columns: 1fr; padding: 20px; gap: 40px; } #upl-api-suite-outlook .uas-title { font-size: 30px; }}@media (max-width: 500px) { #upl-api-suite-outlook { padding: 60px 16px; } #upl-api-suite-outlook .uas-title { font-size: 26px; }}<\/style>\n<p><\/p>\n<section id=\"upl-api-suite-outlook\"> <\/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 Outlook, Unipile connects your product to Gmail, WhatsApp, LinkedIn, and calendars. Build a complete communication layer with a unified API approach.<\/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\/imap-1.svg\" alt=\"IMAP\"> <\/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 IMAP providers to send, receive, and sync emails in real time. Build powerful email features with tracking, threading, and 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” global_colors_info=”{}” locked=”off” 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 – Outlook 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; } .unipile-faq-section { padding: 80px 20px; max-width: 900px; margin: 0 auto; } .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; } .unipile-faq-list { display: flex; flex-direction: column; gap: 12px; } .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); } .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; } .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; } .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: 500px; } .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 a { color: #0f2736; text-decoration: underline; text-underline-offset: 2px; transition: color 0.2s ease; } .unipile-faq-answer-content a:hover { color: #3BB98B; } .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); } @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; } } @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\">Outlook API \u2014 FAQ<\/h2>\n<p> <pee class=\"unipile-faq-subtitle\">Everything you need to know about integrating Outlook with Unipile<\/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 Microsoft Outlook 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\"> The Microsoft Outlook API lets your app read and send emails, sync folders, manage calendar events, and access contacts \u2014 all through Microsoft Graph. With Unipile, you get a <strong>unified REST API<\/strong> that abstracts the complexity of Graph permissions, token management, and multi-tenant OAuth, so you can focus on building features rather than infrastructure. <\/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\">Does Unipile support Exchange, Outlook.com and Microsoft 365?<\/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 \u2014 Unipile supports <strong>Exchange<\/strong>, <strong>Outlook.com<\/strong> (personal accounts), and <strong>Microsoft 365<\/strong> (business and enterprise accounts) out of the box. The same API endpoint works across all three, with Unipile handling provider-specific edge cases transparently. <\/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\">How do I get started integrating with the Outlook API via Unipile?<\/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\"> Sign up for a Unipile account, register an Azure AD app in the Microsoft Entra portal, add the required Graph permissions (<strong>Mail.ReadWrite, Mail.Send, Mail.Read<\/strong>), then paste your Client ID and Secret into the Unipile dashboard. From there, use our hosted auth link to connect your users’ Outlook accounts in one click. The full step-by-step guide is available in our <a href=\"https:\/\/developer.unipile.com\/docs\/microsoft-oauth\" target=\"_blank\">Microsoft OAuth documentation<\/a>. <\/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 Unipile handle token refresh and session management for Outlook?<\/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 manages <strong>access token refresh automatically<\/strong> \u2014 you never have to implement refresh cycles, handle token expiration, or manage reconnection logic in your codebase. When a session expires or is revoked, Unipile triggers a webhook notification so you can prompt your user to reconnect without any downtime on your side. <\/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\">Can I send emails from a Microsoft 365 address with open and click tracking?<\/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. Unipile supports <strong>sending emails<\/strong> from connected Outlook and M365 addresses, including <strong>open tracking and click tracking<\/strong> via webhook events. You can also send with custom reply-to, attachments, and HTML body \u2014 all through a single API call. <\/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\">What Outlook folders and permissions does Unipile support?<\/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 syncs standard Outlook folders: <strong>Inbox, Sent, Drafts, Archive<\/strong> \u2014 including the <strong>Focused Inbox<\/strong> for M365 accounts. Required Graph permissions are <strong>Mail.ReadWrite<\/strong> and <strong>Mail.Send<\/strong>. For Calendar access, additional scopes (<strong>Calendars.ReadWrite<\/strong>, <strong>Calendars.Read.Shared<\/strong>) can be configured directly in your Unipile dashboard. <\/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\">What does the free trial 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 with a <strong>7-day free trial<\/strong> \u2014 no credit card required. During this period you have full access to all API features, including Outlook email, calendar, and webhook events. Visit our <a href=\"https:\/\/www.unipile.com\/pricing-api\/\" target=\"_blank\">pricing page<\/a> for details on plans and limits. <\/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\">How can I prevent excessive use and stay within Microsoft’s sending limits?<\/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\"> Microsoft enforces sending quotas per account (typically <strong>300 emails\/day for M365<\/strong>, lower for Outlook.com). We recommend implementing rate limiting on your side to stay within these thresholds. Unipile returns clear error responses when a provider limit is hit, so you can queue or throttle sends accordingly. See our <a href=\"https:\/\/developer.unipile.com\/docs\/provider-limits-and-restrictions\" target=\"_blank\">Provider Limits documentation<\/a> for the full breakdown. <\/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\">Can I talk to your team during the 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\"> Yes. You can book a <strong>1:1 onboarding call<\/strong> with our CTO, get live chat support, and join our <a href=\"https:\/\/join.slack.com\/t\/unipilecommunity\/shared_invite\/zt-vivqg9c5-vB9RBdTvlPcIseTPYebWtA\" target=\"_blank\">Slack community<\/a> (1000+ devs & founders) for async help, questions, and technical feedback. <\/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\">Are you GDPR compliant?<\/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. Unipile is fully <strong>GDPR compliant<\/strong> and DPA agreements are available upon request. All data is stored in Europe by default. SOC 2 certification is currently in progress \u2014 <a href=\"https:\/\/www.unipile.com\/contact-us\/\" target=\"_blank\">contact us<\/a> if you need additional security documentation for enterprise deployments. <\/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'); document.querySelectorAll('.unipile-faq-item').forEach(other => { other.classList.remove('active'); other.querySelector('.unipile-faq-question').setAttribute('aria-expanded', 'false'); }); 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. Outlook API Developer Features – Unipile Built for Developers Outlook 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-256608","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Outlook Email API Integration: A Gateway to Productivity - Unipile<\/title>\n<meta name=\"description\" content=\"Discover how Unipile Outlook Email API Integration can transform email management with advanced features and boost client engagement.\" \/>\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\/fr\/api-de-communication\/api-email\/outlook-api\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Outlook Email API Integration: A Gateway to Productivity - Unipile\" \/>\n<meta property=\"og:description\" content=\"Discover how Unipile Outlook Email API Integration can transform email management with advanced features and boost client engagement.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.unipile.com\/fr\/api-de-communication\/api-email\/outlook-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:08:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@UnipileAPI\" \/>\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\\\/outlook-api\\\/\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/outlook-api\\\/\",\"name\":\"Outlook Email API Integration: A Gateway to Productivity - Unipile\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/outlook-api\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/outlook-api\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/outlook-2.svg\",\"datePublished\":\"2024-02-14T10:03:23+00:00\",\"dateModified\":\"2026-07-02T09:08:12+00:00\",\"description\":\"Discover how Unipile Outlook Email API Integration can transform email management with advanced features and boost client engagement.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/outlook-api\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/outlook-api\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/outlook-api\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/outlook-2.svg\",\"contentUrl\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/outlook-2.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/email-api\\\/outlook-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\":\"Outlook Email API Integration: A Gateway to Productivity\"}]},{\"@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\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#organization\",\"name\":\"Unipile\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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":"Int\u00e9gration de l'API de messagerie Outlook : Une passerelle vers la productivit\u00e9 - Unipile","description":"D\u00e9couvrez comment l'int\u00e9gration de l'API d'Email Outlook peut stimuler l'engagement des clients avec ses fonctionnalit\u00e9s avanc\u00e9es.","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\/fr\/api-de-communication\/api-email\/outlook-api\/","og_locale":"fr_FR","og_type":"article","og_title":"Outlook Email API Integration: A Gateway to Productivity - Unipile","og_description":"Discover how Unipile Outlook Email API Integration can transform email management with advanced features and boost client engagement.","og_url":"https:\/\/www.unipile.com\/fr\/api-de-communication\/api-email\/outlook-api\/","og_site_name":"Unipile","article_publisher":"https:\/\/www.facebook.com\/unipilefr","article_modified_time":"2026-07-02T09:08:12+00:00","og_image":[{"url":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@UnipileAPI","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-api\/","url":"https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-api\/","name":"Int\u00e9gration de l'API de messagerie Outlook : Une passerelle vers la productivit\u00e9 - Unipile","isPartOf":{"@id":"https:\/\/www.unipile.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-api\/#primaryimage"},"image":{"@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-api\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg","datePublished":"2024-02-14T10:03:23+00:00","dateModified":"2026-07-02T09:08:12+00:00","description":"D\u00e9couvrez comment l'int\u00e9gration de l'API d'Email Outlook peut stimuler l'engagement des clients avec ses fonctionnalit\u00e9s avanc\u00e9es.","breadcrumb":{"@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-api\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-api\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-api\/#primaryimage","url":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg","contentUrl":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.unipile.com\/communication-api\/email-api\/outlook-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":"Outlook Email API Integration: A Gateway to Productivity"}]},{"@type":"WebSite","@id":"https:\/\/www.unipile.com\/#website","url":"https:\/\/www.unipile.com\/","name":"Unipile","description":"Int\u00e9grer la messagerie et l'e-mail, se connecter facilement via l'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":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.unipile.com\/#organization","name":"Unipile","url":"https:\/\/www.unipile.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@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\/fr\/wp-json\/wp\/v2\/pages\/256608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/comments?post=256608"}],"version-history":[{"count":39,"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/pages\/256608\/revisions"}],"predecessor-version":[{"id":279355,"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/pages\/256608\/revisions\/279355"}],"up":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/pages\/237715"}],"wp:attachment":[{"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/media?parent=256608"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.unipile.com\/fr\/wp-json\/wp\/v2\/folder?post=256608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}