Unipile – Outreach Hero<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #uout { all: initial; display: block; font-family: 'Inter', sans-serif; background: transparent; box-sizing: border-box; } #uout * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #uout { padding: 80px 24px; } #uout .grid { max-width: 1160px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.1fr; gap: 60px; align-items: center; } \/* \u2500\u2500 LEFT \u2500\u2500 *\/ #uout .left { display: flex; flex-direction: column; gap: 24px; } #uout h1 { font-family: 'Poppins', sans-serif !important; font-size: 42px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.15 !important; } #uout .desc { font-size: 16px; color: #ffffff; line-height: 1.72; max-width: 480px; opacity: 0.85; } #uout .pills { display: flex; flex-wrap: wrap; gap: 8px; } #uout .pill { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.8); padding: 5px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 500; } #uout .pill img { width: 14px; height: 14px; object-fit: contain; } #uout .ctas { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } #uout .cta-p { display: inline-flex; align-items: center; gap: 8px; background: #DDDF4C; color: #0F2836; font-weight: 700; font-size: 0.9rem; padding: 12px 24px; border-radius: 8px; text-decoration: none !important; transition: transform 0.25s ease; width: fit-content; } #uout .cta-p:hover { transform: translateY(-3px); } #uout .cta-p svg { width: 14px; height: 14px; } #uout .cta-s { display: inline-flex; align-items: center; gap: 8px; background: transparent; border: 1.5px solid rgba(221,223,76,0.5); color: #DDDF4C; font-weight: 600; font-size: 0.9rem; padding: 11px 22px; border-radius: 8px; text-decoration: none !important; transition: all 0.25s ease; width: fit-content; } #uout .cta-s:hover { border-color: #DDDF4C; transform: translateY(-3px); } #uout .cta-s svg { width: 14px; height: 14px; } \/* \u2500\u2500 RIGHT \u2500\u2500 *\/ #uout .right { position: relative; } #uout .fbadge { position: absolute; top: -14px; right: -8px; background: #0f2736; border: 1px solid rgba(59,185,139,0.25); border-radius: 10px; padding: 10px 14px; z-index: 10; text-align: center; min-width: 100px; } #uout .fbadge-val { font-family: 'Poppins', sans-serif; font-size: 1.4rem; font-weight: 800; color: #3BB98B; line-height: 1; margin-bottom: 4px; } #uout .fbadge-label { font-size: 0.58rem; color: rgba(255,255,255,0.6); line-height: 1.4; } \/* App *\/ #uout .app { background: #fff; border-radius: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 24px 70px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.04); } #uout .app-bar { display: flex; align-items: center; justify-content: space-between; padding: 11px 16px; background: #fff; border-bottom: 1px solid #f1f5f9; } #uout .abl { display: flex; align-items: center; gap: 9px; } #uout .app-ico { width: 30px; height: 30px; background: rgba(59,185,139,0.12); border-radius: 7px; display: flex; align-items: center; justify-content: center; } #uout .app-ico svg { width: 15px; height: 15px; } #uout .app-nm { font-size: 13px; font-weight: 700; color: #1e293b; } #uout .abr { display: flex; align-items: center; gap: 8px; } #uout .sync-pill { display: flex; align-items: center; gap: 5px; background: rgba(59,185,139,0.1); padding: 3px 9px; border-radius: 20px; font-size: 0.6rem; font-weight: 600; color: #3BB98B; } #uout .sync-dot { width: 5px; height: 5px; border-radius: 50%; background: #3BB98B; } \/* Tabs *\/ #uout .tabs { display: flex; background: #fff; border-bottom: 1px solid #f1f5f9; padding: 0 14px; overflow-x: auto; } #uout .tab { padding: 9px 12px; font-size: 0.68rem; font-weight: 500; color: #94a3b8; border-bottom: 2px solid transparent; white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0; } #uout .tab.on { color: #3BB98B; font-weight: 700; border-bottom-color: #3BB98B; } #uout .tc { background: rgba(59,185,139,0.1); color: #3BB98B; font-size: 0.55rem; font-weight: 700; padding: 1px 5px; border-radius: 8px; } \/* Body *\/ #uout .body { display: grid; grid-template-columns: 170px 1fr 170px; } \/* Inbox column *\/ #uout .inbox { border-right: 1px solid #f1f5f9; } #uout .col-hd { padding: 7px 12px; font-size: 0.57rem; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.6px; background: #fafbfc; border-bottom: 1px solid #f1f5f9; } #uout .row { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border-bottom: 1px solid #f9fafb; } #uout .row.sel { background: rgba(59,185,139,0.05); border-left: 2px solid #3BB98B; } #uout .rav { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.48rem; font-weight: 700; color: #fff; flex-shrink: 0; } #uout .ri { flex: 1; min-width: 0; } #uout .rn { font-size: 0.63rem; font-weight: 700; color: #1e293b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #uout .rp { font-size: 0.52rem; color: #94a3b8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px; } #uout .rm { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; flex-shrink: 0; } #uout .rim { width: 10px; height: 10px; object-fit: contain; } #uout .ru { width: 5px; height: 5px; border-radius: 50%; background: #3BB98B; } \/* Messaging center *\/ #uout .messaging { display: flex; flex-direction: column; border-right: 1px solid #f1f5f9; } #uout .msg-hd { padding: 12px 14px 10px; border-bottom: 1px solid #f1f5f9; display: flex; align-items: center; gap: 10px; } #uout .msg-av { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.5rem; font-weight: 700; color: #fff; flex-shrink: 0; } #uout .msg-info { flex: 1; } #uout .msg-nm { font-size: 0.78rem; font-weight: 700; color: #1e293b; } #uout .msg-co { font-size: 0.55rem; color: #94a3b8; margin-top: 1px; } #uout .msgs { padding: 10px 12px; display: flex; flex-direction: column; gap: 8px; flex: 1; } #uout .msg { display: flex; flex-direction: column; gap: 3px; } #uout .msg-meta { display: flex; align-items: center; gap: 4px; font-size: 0.48rem; color: #94a3b8; } #uout .msg-meta img { width: 9px; height: 9px; object-fit: contain; } #uout .msg-meta .sender { font-weight: 600; color: #64748b; } #uout .bubble { padding: 6px 9px; border-radius: 6px; font-size: 0.56rem; line-height: 1.5; max-width: 95%; } #uout .b-in { background: #f3f4f6; color: #374151; border-bottom-left-radius: 2px; } #uout .b-out { background: linear-gradient(135deg,#3BB98B,#2da077); color: #fff; border-bottom-right-radius: 2px; align-self: flex-end; } \/* Sequence panel *\/ #uout .seqpanel { display: flex; flex-direction: column; } #uout .seq-hd { padding: 7px 10px; font-size: 0.57rem; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; background: #fafbfc; border-bottom: 1px solid #f1f5f9; } #uout .seq-status { display: flex; align-items: center; gap: 5px; padding: 8px 10px; border-bottom: 1px solid #f1f5f9; } #uout .seq-dot { width: 6px; height: 6px; border-radius: 50%; background: #3BB98B; flex-shrink: 0; } #uout .seq-active { font-size: 0.55rem; font-weight: 700; color: #3BB98B; } #uout .seq-name { font-size: 0.52rem; color: #64748b; margin-left: auto; } #uout .seq-provs { display: flex; align-items: center; gap: 4px; padding: 6px 10px; border-bottom: 1px solid #f1f5f9; } #uout .seq-prov { width: 18px; height: 18px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: #f3f4f6; } #uout .seq-prov img { width: 11px; height: 11px; object-fit: contain; } #uout .seq-steps { padding: 6px 10px; display: flex; flex-direction: column; gap: 0; } #uout .seq-step { display: flex; align-items: flex-start; gap: 7px; padding: 5px 0; position: relative; } #uout .seq-step:not(:last-child)::after { content: ''; position: absolute; left: 8px; top: 22px; width: 1px; height: calc(100% - 14px); background: #e5e7eb; } #uout .seq-ico { width: 17px; height: 17px; border-radius: 4px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: #f3f4f6; position: relative; z-index: 1; } #uout .seq-ico img { width: 10px; height: 10px; object-fit: contain; } #uout .seq-detail { flex: 1; min-width: 0; } #uout .seq-type { font-size: 0.52rem; font-weight: 700; color: #1e293b; } #uout .seq-time { font-size: 0.45rem; color: #94a3b8; margin-top: 1px; } #uout .seq-tags { display: flex; gap: 3px; margin-top: 3px; flex-wrap: wrap; } #uout .seq-tag { font-size: 0.42rem; padding: 1px 5px; border-radius: 3px; font-weight: 600; } #uout .st-green { background: rgba(59,185,139,0.1); color: #3BB98B; } #uout .st-blue { background: rgba(66,133,244,0.1); color: #4285F4; } #uout .st-yellow { background: rgba(251,188,4,0.1); color: #d4a004; } #uout .seq-delay { display: flex; align-items: center; gap: 4px; padding: 3px 0 3px 22px; font-size: 0.42rem; color: #94a3b8; font-weight: 500; } #uout .delay-badge { background: rgba(59,185,139,0.08); color: #3BB98B; padding: 1px 5px; border-radius: 3px; font-weight: 700; font-size: 0.42rem; } \/* Responsive *\/ @media (max-width: 960px) { #uout .grid { grid-template-columns: 1fr; gap: 40px; } #uout h1 { font-size: 36px !important; } #uout .fbadge { top: -10px; right: 0; } } @media (max-width: 640px) { #uout { padding: 52px 18px; } #uout h1 { font-size: 30px !important; } #uout .desc { font-size: 15px; max-width: 100%; } #uout .body { grid-template-columns: 1fr; } #uout .inbox { display: none; } #uout .seqpanel { display: none; } #uout .messaging { border-right: none; } #uout .fbadge { display: none; } } @media (max-width: 400px) { #uout h1 { font-size: 26px !important; } #uout .pills { gap: 6px; } #uout .ctas { flex-direction: column; align-items: flex-start; } #uout .cta-p, #uout .cta-s { width: 100%; justify-content: center; } } <\/style>\n<p><\/head><body data-rsssl=1 style=\"background:#0f2736;margin:0;padding:0;\"><\/p>\n<section id=\"uout\"> <\/p>\n<div class=\"grid\">  <\/p>\n<div class=\"left\"> <\/p>\n<h1>Boost Your Users’<!\u2013- [et_pb_br_holder] -\u2013>Outreach Success with<!\u2013- [et_pb_br_holder] -\u2013>Multi-Channel<!\u2013- [et_pb_br_holder] -\u2013>Communication<\/h1>\n<p> <pee class=\"desc\">Enhance your outreach software by providing users with seamless LinkedIn, WhatsApp, and email integration through Unipile’s API. Help them connect with more prospects, personalize their communication, and achieve higher conversion rates directly from your platform.<\/pee> <\/p>\n<div class=\"pills\"> <\/p>\n<div class=\"pill\"><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=\"pill\"><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=\"pill\"><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=\"pill\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\">WhatsApp<\/div>\n<p> <\/p>\n<div class=\"pill\" style=\"color:rgba(255,255,255,0.35);\">+more<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ctas\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"cta-p\"> 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> <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\" class=\"cta-s\"> 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\"\/><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"right\"> <\/p>\n<div class=\"fbadge\"> <\/p>\n<div class=\"fbadge-val\">3x<\/div>\n<p> <\/p>\n<div class=\"fbadge-label\">Higher response<!\u2013- [et_pb_br_holder] -\u2013>rate with sequences<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"app\"> <\/p>\n<div class=\"app-bar\"> <\/p>\n<div class=\"abl\"> <\/p>\n<div class=\"app-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M22 2L11 13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/> <\/svg> <\/div>\n<p> <span class=\"app-nm\">Your Outreach Tool<\/span> <\/div>\n<p> <\/p>\n<div class=\"abr\"> <\/p>\n<div class=\"sync-pill\">\n<div class=\"sync-dot\"><\/div>\n<p>Synced<\/p><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tabs\"> <\/p>\n<div class=\"tab on\">Inbox <span class=\"tc\">6<\/span><\/div>\n<p> <\/p>\n<div class=\"tab\">Prospects<\/div>\n<p> <\/p>\n<div class=\"tab\">Sequences<\/div>\n<p> <\/p>\n<div class=\"tab\">Analytics<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"body\">  <\/p>\n<div class=\"inbox\"> <\/p>\n<div class=\"col-hd\">Prospects<\/div>\n<p> <\/p>\n<div class=\"row sel\"> <\/p>\n<div class=\"rav\" style=\"background:#0A66C2;\">MO<\/div>\n<p> <\/p>\n<div class=\"ri\"> <\/p>\n<div class=\"rn\">Michel Opra<\/div>\n<p> <\/p>\n<div class=\"rp\">Thank you!<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rm\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"rim\"> <\/p>\n<div class=\"ru\"><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div class=\"rav\" style=\"background:#34A853;\">SR<\/div>\n<p> <\/p>\n<div class=\"ri\"> <\/p>\n<div class=\"rn\">Sofia Rivera<\/div>\n<p> <\/p>\n<div class=\"rp\">Hi Sarah, I am Spanish…<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rm\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\" class=\"rim\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div class=\"rav\" style=\"background:#7c3aed;\">DM<\/div>\n<p> <\/p>\n<div class=\"ri\"> <\/p>\n<div class=\"rn\">Daniel Martinez<\/div>\n<p> <\/p>\n<div class=\"rp\">When you got it?<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rm\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\" class=\"rim\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div class=\"rav\" style=\"background:#ea580c;\">GL<\/div>\n<p> <\/p>\n<div class=\"ri\"> <\/p>\n<div class=\"rn\">Gabriel Lopez<\/div>\n<p> <\/p>\n<div class=\"rp\">Can you help me with it?<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rm\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\" class=\"rim\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div class=\"rav\" style=\"background:#0891b2;\">EG<\/div>\n<p> <\/p>\n<div class=\"ri\"> <\/p>\n<div class=\"rn\">Elena Garcia<\/div>\n<p> <\/p>\n<div class=\"rp\">Dear Sarah,<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rm\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\" class=\"rim\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div class=\"rav\" style=\"background:#db2777;\">ND<\/div>\n<p> <\/p>\n<div class=\"ri\"> <\/p>\n<div class=\"rn\">Natalia Diaz<\/div>\n<p> <\/p>\n<div class=\"rp\">So, it’s up to you!<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rm\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"rim\"> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"messaging\"> <\/p>\n<div class=\"msg-hd\"> <\/p>\n<div class=\"msg-av\" style=\"background:#0A66C2;\">MO<\/div>\n<p> <\/p>\n<div class=\"msg-info\"> <\/p>\n<div class=\"msg-nm\">Michel Opra<\/div>\n<p> <\/p>\n<div class=\"msg-co\">VP Operations, Nexatech<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"msgs\"> <\/p>\n<div class=\"msg\"> <\/p>\n<div class=\"msg-meta\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <span class=\"sender\">Sarah Brown<\/span> Monday, 15 Sept 09:00 AM <\/div>\n<p> <\/p>\n<div class=\"bubble b-out\">Hi Michel, thanks for connecting! I’d love to discuss a UI design role. Free for a quick chat?<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"msg\"> <\/p>\n<div class=\"msg-meta\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <span class=\"sender\">Sarah Brown<\/span> Monday, 15 Sept 09:00 AM <\/div>\n<p> <\/p>\n<div class=\"bubble b-out\">Sharing the job description here. Let me know if you’d like to go further!<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"msg\"> <\/p>\n<div class=\"msg-meta\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <span class=\"sender\">Michel Opra<\/span> Monday, 15 Sept 10:04 AM <\/div>\n<p> <\/p>\n<div class=\"bubble b-in\">Thank you. What documents do I need to send via LinkedIn?<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"seqpanel\"> <\/p>\n<div class=\"seq-hd\">Sequence<\/div>\n<p> <\/p>\n<div class=\"seq-status\"> <\/p>\n<div class=\"seq-dot\"><\/div>\n<p> <span class=\"seq-active\">Active<\/span> <span class=\"seq-name\">Sequence 1<\/span> <\/div>\n<p> <\/p>\n<div class=\"seq-provs\"> <\/p>\n<div class=\"seq-prov\"><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=\"seq-prov\"><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=\"seq-prov\"><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=\"seq-steps\"> <\/p>\n<div class=\"seq-step\"> <\/p>\n<div class=\"seq-ico\"><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=\"seq-detail\"> <\/p>\n<div class=\"seq-type\">Invitation Sent<\/div>\n<p> <\/p>\n<div class=\"seq-time\">15 Sept 09:00 AM<\/div>\n<p> <\/p>\n<div class=\"seq-tags\"> <span class=\"seq-tag st-green\">Invitation accepted<\/span> <span class=\"seq-tag st-blue\">Profile viewed<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"seq-delay\"> <span class=\"delay-badge\">3 Days<\/span> <\/div>\n<p> <\/p>\n<div class=\"seq-step\"> <\/p>\n<div class=\"seq-ico\"><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=\"seq-detail\"> <\/p>\n<div class=\"seq-type\">InMail Sent<\/div>\n<p> <\/p>\n<div class=\"seq-time\">18 Sept 09:00 AM<\/div>\n<p> <\/p>\n<div class=\"seq-tags\"> <span class=\"seq-tag st-yellow\">Pending<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"seq-delay\"> <span class=\"delay-badge\">2 Days<\/span> <\/div>\n<p> <\/p>\n<div class=\"seq-step\"> <\/p>\n<div class=\"seq-ico\"><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=\"seq-detail\"> <\/p>\n<div class=\"seq-type\">Email Sent<\/div>\n<p> <\/p>\n<div class=\"seq-time\">20 Sept 09:00 AM<\/div>\n<p> <\/p>\n<div class=\"seq-tags\"> <span class=\"seq-tag st-green\">Opened<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/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” 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 – LinkedIn Search Section<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #ulks { all: initial; display: block; font-family: 'Inter', sans-serif; background: transparent; box-sizing: border-box; } #ulks * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #ulks { padding: 80px 24px; } #ulks .container { max-width: 1160px; margin: 0 auto; } \/* \u2500\u2500 TOP HEADER \u2500\u2500 *\/ #ulks .top-hd { text-align: center; margin-bottom: 70px; } #ulks .top-hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; margin-bottom: 16px !important; } #ulks .top-hd p { font-size: 16px !important; color: #383838 !important; line-height: 1.7 !important; max-width: 660px !important; margin: 0 auto !important; } \/* \u2500\u2500 GRID \u2500\u2500 *\/ #ulks .row { display: grid !important; grid-template-columns: 1fr 1.15fr !important; gap: 56px !important; align-items: center !important; } \/* Left *\/ #ulks .left { display: flex !important; flex-direction: column !important; gap: 20px !important; } #ulks .left h3 { font-family: 'Poppins', sans-serif !important; font-size: 26px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; } #ulks .left h3 span { color: #3BB98B !important; } #ulks .left p { font-size: 15px !important; color: #383838 !important; line-height: 1.7 !important; } #ulks .features { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-top: 4px !important; } #ulks .feat { display: flex !important; align-items: flex-start !important; gap: 10px !important; } #ulks .feat-ico { width: 28px !important; height: 28px !important; border-radius: 6px !important; background: rgba(59,185,139,0.1) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; margin-top: 1px !important; } #ulks .feat-ico svg { width: 14px !important; height: 14px !important; } #ulks .feat-txt { font-size: 0.85rem !important; color: #383838 !important; line-height: 1.5 !important; } #ulks .feat-txt strong { color: #0f2736 !important; font-weight: 600 !important; } #ulks .cta-btn { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #DDDF4C !important; color: #0F2836 !important; font-weight: 700 !important; font-size: 0.9rem !important; padding: 12px 24px !important; border-radius: 8px !important; transition: all 0.25s ease !important; width: fit-content !important; margin-top: 4px !important; } #ulks .cta-btn:hover { transform: translateX(4px) !important; } #ulks .cta-btn svg { width: 14px !important; height: 14px !important; transition: transform 0.25s ease !important; } #ulks .cta-btn:hover svg { transform: translateX(4px) !important; } \/* \u2500\u2500 MOCKUP \u2500\u2500 *\/ #ulks .mockup-wrap { position: relative !important; } #ulks .app { background: #fff !important; border-radius: 14px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important; box-shadow: 0 8px 32px rgba(0,0,0,0.07) !important; } #ulks .app-top { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 12px 18px !important; border-bottom: 1px solid #f1f5f9 !important; } #ulks .app-logo { display: flex !important; align-items: center !important; gap: 9px !important; } #ulks .app-ico { width: 28px !important; height: 28px !important; background: rgba(59,185,139,0.12) !important; border-radius: 7px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #ulks .app-ico svg { width: 14px !important; height: 14px !important; } #ulks .app-nm { font-size: 13px !important; font-weight: 700 !important; color: #1e293b !important; } #ulks .app-provs { display: flex !important; gap: 5px !important; } #ulks .app-prov { width: 24px !important; height: 24px !important; border-radius: 6px !important; background: #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; } #ulks .app-prov img { width: 14px !important; height: 14px !important; object-fit: contain !important; } #ulks .srch { display: flex !important; align-items: center !important; gap: 8px !important; padding: 10px 18px !important; border-bottom: 1px solid #f1f5f9 !important; } #ulks .srch svg { width: 14px !important; height: 14px !important; stroke: #94a3b8 !important; flex-shrink: 0 !important; } #ulks .srch-input { flex: 1 !important; font-size: 0.72rem !important; color: #1e293b !important; font-weight: 500 !important; background: transparent !important; } #ulks .srch-count { font-size: 0.58rem !important; color: #94a3b8 !important; font-weight: 600 !important; white-space: nowrap !important; } #ulks .filters { display: flex !important; align-items: center !important; gap: 6px !important; padding: 8px 18px !important; border-bottom: 1px solid #f1f5f9 !important; flex-wrap: wrap !important; } #ulks .fp { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 3px 10px !important; border-radius: 20px !important; font-size: 0.55rem !important; font-weight: 600 !important; } #ulks .fp-dark { background: #0f2736 !important; color: #fff !important; } #ulks .fp-green { background: rgba(59,185,139,0.12) !important; color: #3BB98B !important; } #ulks .fp-x { opacity: 0.6 !important; font-size: 0.6rem !important; margin-left: 2px !important; } #ulks .tbl-hd { display: grid !important; grid-template-columns: 24px 1.2fr 1fr 0.5fr 20px !important; padding: 7px 18px !important; background: #fafbfc !important; border-bottom: 1px solid #f1f5f9 !important; } #ulks .th { font-size: 0.52rem !important; font-weight: 700 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } #ulks .tbl-row { display: grid !important; grid-template-columns: 24px 1.2fr 1fr 0.5fr 20px !important; padding: 8px 18px !important; align-items: center !important; border-bottom: 1px solid #f9fafb !important; } #ulks .chk { width: 14px !important; height: 14px !important; border-radius: 3px !important; background: #3BB98B !important; display: flex !important; align-items: center !important; justify-content: center !important; } #ulks .chk svg { width: 9px !important; height: 9px !important; stroke: #fff !important; } #ulks .name-cell { display: flex !important; align-items: center !important; gap: 8px !important; } #ulks .av { width: 22px !important; height: 22px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.42rem !important; font-weight: 700 !important; color: #fff !important; flex-shrink: 0 !important; } #ulks .nm { font-size: 0.65rem !important; font-weight: 600 !important; color: #1e293b !important; } #ulks .co { font-size: 0.62rem !important; color: #64748b !important; } #ulks .role { font-size: 0.58rem !important; color: #94a3b8 !important; } #ulks .arrow { font-size: 0.6rem !important; color: #cbd5e1 !important; text-align: right !important; } #ulks .tbl-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 18px !important; background: #fafbfc !important; border-top: 1px solid #f1f5f9 !important; } #ulks .tbl-cta-left { font-size: 0.58rem !important; color: #94a3b8 !important; font-weight: 500 !important; } #ulks .tbl-cta-left strong { color: #3BB98B !important; font-weight: 700 !important; } #ulks .tbl-cta-btn { display: inline-flex !important; align-items: center !important; gap: 5px !important; background: #3BB98B !important; color: #fff !important; padding: 5px 14px !important; border-radius: 6px !important; font-size: 0.58rem !important; font-weight: 700 !important; } #ulks .tbl-cta-btn svg { width: 10px !important; height: 10px !important; } #ulks .fbadge { position: absolute !important; top: -12px !important; right: -8px !important; background: #0f2736 !important; border: 1px solid rgba(59,185,139,0.25) !important; border-radius: 10px !important; padding: 10px 14px !important; z-index: 10 !important; text-align: center !important; } #ulks .fbadge-val { font-family: 'Poppins', sans-serif !important; font-size: 1.2rem !important; font-weight: 800 !important; color: #3BB98B !important; line-height: 1 !important; margin-bottom: 3px !important; } #ulks .fbadge-label { font-size: 0.52rem !important; color: rgba(255,255,255,0.6) !important; line-height: 1.3 !important; } \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media (max-width: 900px) { #ulks .row { grid-template-columns: 1fr !important; gap: 36px !important; } #ulks .top-hd h2 { font-size: 28px !important; } #ulks .left h3 { font-size: 22px !important; } #ulks .fbadge { top: -10px !important; right: 0 !important; } } @media (max-width: 600px) { #ulks { padding: 52px 16px !important; } #ulks .top-hd { margin-bottom: 40px !important; } #ulks .top-hd h2 { font-size: 26px !important; } #ulks .row { gap: 28px !important; } #ulks .left { gap: 16px !important; } #ulks .fbadge { display: none !important; } #ulks .mockup-wrap { margin-left: -10px !important; margin-right: -10px !important; } #ulks .app { border-radius: 12px !important; } #ulks .srch { padding: 10px 14px !important; } #ulks .filters { padding: 8px 14px !important; } #ulks .tbl-hd { padding: 7px 14px !important; grid-template-columns: 20px 1fr 0.7fr 20px !important; } #ulks .tbl-row { padding: 8px 14px !important; grid-template-columns: 20px 1fr 0.7fr 20px !important; } #ulks .th:nth-child(4) { display: none !important; } #ulks .role { display: none !important; } #ulks .tbl-cta { padding: 10px 14px !important; } #ulks .app-top { padding: 10px 14px !important; } } @media (max-width: 400px) { #ulks { padding: 40px 14px !important; } #ulks .mockup-wrap { margin-left: -8px !important; margin-right: -8px !important; } #ulks .top-hd h2 { font-size: 22px !important; } #ulks .left h3 { font-size: 19px !important; } #ulks .left p { font-size: 14px !important; } #ulks .feat-txt { font-size: 0.8rem !important; } #ulks .cta-btn { width: 100% !important; justify-content: center !important; } #ulks .nm { font-size: 0.6rem !important; } #ulks .co { font-size: 0.55rem !important; } #ulks .srch-input { font-size: 0.65rem !important; } } <\/style>\n<p><\/head><body style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"ulks\"> <\/p>\n<div class=\"container\"> <\/p>\n<div class=\"top-hd\"> <\/p>\n<h2>Help Your Users Work Smarter with Advanced Features<\/h2>\n<p> <pee>Add value to your outreach tool by integrating smart functionalities that help your users find the right contacts, communicate across channels, and manage their daily workflows more efficiently.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div class=\"left\"> <\/p>\n<h3>Integrated <span>LinkedIn Search<\/span> to help your users find the right contacts<\/h3>\n<p> <pee>Let your users search and filter LinkedIn profiles directly from your platform to identify relevant contacts by industry, location, job title, and relationship level.<\/pee> <\/p>\n<div class=\"features\"> <\/p>\n<div class=\"feat\"> <\/p>\n<div class=\"feat-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"feat-txt\"><strong>Advanced filters<\/strong> by industry, role, location, relationship, and keywords<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat\"> <\/p>\n<div class=\"feat-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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> <\/p>\n<div class=\"feat-txt\"><strong>Save contacts<\/strong> to your CRM or outreach pipeline for personalized follow-ups<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat\"> <\/p>\n<div class=\"feat-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"feat-txt\"><strong>Up-to-date profiles<\/strong> with synced data to keep contact information accurate<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/www.unipile.com\/communication-api\/messaging-api\/\" class=\"cta-btn\"> LinkedIn API <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=\"mockup-wrap\"> <\/p>\n<div class=\"fbadge\"> <\/p>\n<div class=\"fbadge-val\">87<\/div>\n<p> <\/p>\n<div class=\"fbadge-label\">Relevant contacts<!\u2013- [et_pb_br_holder] -\u2013>identified<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"app\"> <\/p>\n<div class=\"app-top\"> <\/p>\n<div class=\"app-logo\"> <\/p>\n<div class=\"app-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"app-nm\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"app-provs\"> <\/p>\n<div class=\"app-prov\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:13px;height:13px;\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"app-prov\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"srch\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg> <span class=\"srch-input\">CEO Healthcare North America<\/span> <span class=\"srch-count\">87 results<\/span> <\/div>\n<p> <\/p>\n<div class=\"filters\"> <span class=\"fp fp-dark\">CEO <span class=\"fp-x\">x<\/span><\/span> <span class=\"fp fp-dark\">Healthcare <span class=\"fp-x\">x<\/span><\/span> <span class=\"fp fp-dark\">North America <span class=\"fp-x\">x<\/span><\/span> <span class=\"fp fp-green\">2nd Degree<\/span> <span class=\"fp fp-green\">Financial Services<\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-hd\"> <\/p>\n<div class=\"th\"><\/div>\n<p> <\/p>\n<div class=\"th\">Name<\/div>\n<p> <\/p>\n<div class=\"th\">Company<\/div>\n<p> <\/p>\n<div class=\"th\">Role<\/div>\n<p> <\/p>\n<div class=\"th\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#EA4335;\">DR<\/div>\n<p><span class=\"nm\">Darlene Roberson<\/span><\/div>\n<p> <span class=\"co\">Medico<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#7c3aed;\">TC<\/div>\n<p><span class=\"nm\">Theresa Cooper<\/span><\/div>\n<p> <span class=\"co\">HealthCo<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#0A66C2;\">GH<\/div>\n<p><span class=\"nm\">Guy Hawkins<\/span><\/div>\n<p> <span class=\"co\">VitalPath<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#34A853;\">RF<\/div>\n<p><span class=\"nm\">Robert Fox<\/span><\/div>\n<p> <span class=\"co\">CureCorp<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#ea580c;\">DL<\/div>\n<p><span class=\"nm\">Devon Lane<\/span><\/div>\n<p> <span class=\"co\">MediLife<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#0891b2;\">CF<\/div>\n<p><span class=\"nm\">Cody Fisher<\/span><\/div>\n<p> <span class=\"co\">HealthNet<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#db2777;\">BC<\/div>\n<p><span class=\"nm\">Bruce Colleen<\/span><\/div>\n<p> <span class=\"co\">MediPlus<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#4285F4;\">TM<\/div>\n<p><span class=\"nm\">Tom McCoy<\/span><\/div>\n<p> <span class=\"co\">HealthMax<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-cta\"> <span class=\"tbl-cta-left\"><strong>87<\/strong> contacts selected<\/span> <span class=\"tbl-cta-btn\"> Add to Pipeline <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> <\/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″]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Multi-Channel Outreach Actions<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #umca { all: initial; display: block; font-family: 'Inter', sans-serif; background: transparent; box-sizing: border-box; } #umca * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #umca { padding: 80px 24px; } #umca .container { max-width: 1160px; margin: 0 auto; } \/* \u2500\u2500 TOP HEADER \u2500\u2500 *\/ #umca .top-hd { text-align: center; margin-bottom: 64px; } #umca .top-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(59,185,139,0.08); color: #3BB98B; padding: 6px 14px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px; } #umca .top-badge svg { width: 14px; height: 14px; } #umca .top-hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; margin-bottom: 16px !important; } #umca .top-hd p { font-size: 16px !important; color: #383838 !important; line-height: 1.7 !important; max-width: 660px !important; margin: 0 auto !important; } \/* \u2500\u2500 FEATURE ROWS \u2500\u2500 *\/ #umca .feat-row { display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center; margin-bottom: 72px; } #umca .feat-row.reverse { direction: rtl; } #umca .feat-row.reverse > * { direction: ltr; } #umca .feat-row:last-child { margin-bottom: 0; } \/* Text side *\/ #umca .feat-text { display: flex; flex-direction: column; gap: 16px; } #umca .feat-provs { display: flex; gap: 6px; } #umca .feat-prov { width: 36px; height: 36px; border-radius: 10px; background: #f3f4f6; display: flex; align-items: center; justify-content: center; } #umca .feat-prov img { width: 22px; height: 22px; object-fit: contain; } #umca .feat-text h3 { font-family: 'Poppins', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; } #umca .feat-text h3 span { color: #3BB98B !important; } #umca .feat-text p { font-size: 15px !important; color: #383838 !important; line-height: 1.7 !important; } #umca .feat-list { display: flex; flex-direction: column; gap: 10px; margin-top: 2px; } #umca .feat-item { display: flex; align-items: flex-start; gap: 10px; } #umca .feat-check { width: 20px; height: 20px; border-radius: 50%; background: rgba(59,185,139,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } #umca .feat-check svg { width: 10px; height: 10px; } #umca .feat-label { font-size: 0.85rem; color: #383838; line-height: 1.5; } #umca .feat-label strong { color: #0f2736; font-weight: 600; } #umca .cta-link { display: inline-flex; align-items: center; gap: 6px; color: #3BB98B; font-weight: 600; font-size: 0.85rem; transition: gap 0.25s ease; margin-top: 4px; } #umca .cta-link:hover { gap: 10px; } #umca .cta-link svg { width: 14px; height: 14px; transition: transform 0.25s ease; } \/* \u2500\u2500 MOCKUPS \u2500\u2500 *\/ #umca .mockup-wrap { position: relative; overflow: hidden; } \/* App card base *\/ #umca .app { background: #fff; border-radius: 14px; overflow: hidden; border: 1px solid #e5e7eb; box-shadow: 0 8px 32px rgba(0,0,0,0.07); max-width: 540px; margin: 0 auto; } #umca .app.app-narrow { max-width: 400px; } #umca .app-top { display: flex; align-items: center; justify-content: space-between; padding: 12px 18px; border-bottom: 1px solid #f1f5f9; } #umca .app-logo { display: flex; align-items: center; gap: 9px; } #umca .app-ico { width: 28px; height: 28px; background: rgba(59,185,139,0.12); border-radius: 7px; display: flex; align-items: center; justify-content: center; } #umca .app-ico svg { width: 14px; height: 14px; } #umca .app-nm { font-size: 13px; font-weight: 700; color: #1e293b; } #umca .sync-pill { display: flex; align-items: center; gap: 5px; background: rgba(59,185,139,0.1); padding: 3px 9px; border-radius: 20px; font-size: 0.55rem; font-weight: 600; color: #3BB98B; } #umca .sync-dot { width: 5px; height: 5px; border-radius: 50%; background: #3BB98B; } \/* \u2500\u2500 LINKEDIN MOCKUP: actions dropdown + activity timeline \u2500\u2500 *\/ #umca .li-body { padding: 16px 18px; display: flex; gap: 20px; } #umca .li-body > * { min-width: 0; } \/* Dropdown card *\/ #umca .dropdown { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 0; min-width: 180px; box-shadow: 0 4px 16px rgba(0,0,0,0.06); flex-shrink: 1; max-width: 100%; } #umca .dd-header { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid #f1f5f9; } #umca .dd-plus { width: 18px; height: 18px; border-radius: 50%; background: rgba(59,185,139,0.12); display: flex; align-items: center; justify-content: center; } #umca .dd-plus svg { width: 10px; height: 10px; } #umca .dd-title { font-size: 0.65rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; } #umca .dd-arrow { margin-left: auto; font-size: 0.6rem; color: #cbd5e1; } #umca .dd-item { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid #f9fafb; } #umca .dd-item:last-child { border-bottom: none; } #umca .dd-item img { width: 16px; height: 16px; object-fit: contain; flex-shrink: 0; } #umca .dd-item span { font-size: 0.72rem; font-weight: 500; color: #1e293b; } \/* Activity timeline card *\/ #umca .timeline { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 14px 16px; flex: 1; min-width: 0; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,0.04); } #umca .tl-header { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; } #umca .tl-av { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; flex-shrink: 0; } #umca .tl-av img { width: 100%; height: 100%; object-fit: cover; } #umca .tl-info { flex: 1; } #umca .tl-name { font-size: 0.85rem; font-weight: 700; color: #1e293b; } #umca .tl-provs { display: flex; gap: 4px; margin-top: 3px; } #umca .tl-provs img { width: 14px; height: 14px; object-fit: contain; } #umca .tl-badges { display: flex; gap: 6px; margin-bottom: 10px; } #umca .tl-badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 4px; font-size: 0.52rem; font-weight: 600; } #umca .tl-badge-green { background: rgba(52,168,83,0.1); color: #34A853; } #umca .tl-badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #34A853; } #umca .tl-steps { display: flex; flex-direction: column; gap: 0; } #umca .tl-step { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; border-bottom: 1px solid #f3f4f6; } #umca .tl-step:last-child { border-bottom: none; } #umca .tl-step-ico { width: 24px; height: 24px; border-radius: 6px; background: rgba(10,102,194,0.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } #umca .tl-step-ico img { width: 13px; height: 13px; object-fit: contain; } #umca .tl-step-content { flex: 1; min-width: 0; } #umca .tl-step-title { font-size: 0.68rem; font-weight: 700; color: #1e293b; } #umca .tl-step-desc { font-size: 0.58rem; color: #64748b; line-height: 1.4; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #umca .tl-step-time { font-size: 0.52rem; color: #94a3b8; flex-shrink: 0; margin-top: 2px; } #umca .tl-step-actions { display: flex; gap: 6px; flex-shrink: 0; margin-top: 2px; } #umca .tl-step-actions svg { width: 12px; height: 12px; stroke: #cbd5e1; } \/* \u2500\u2500 EMAIL MOCKUP: conversation view \u2500\u2500 *\/ #umca .em-tabs { display: flex; gap: 0; border-bottom: 1px solid #f1f5f9; } #umca .em-tab { display: inline-flex; align-items: center; gap: 5px; padding: 8px 14px; font-size: 0.6rem; font-weight: 600; border-bottom: 2px solid transparent; color: #94a3b8; } #umca .em-tab.on { color: #3BB98B; border-bottom-color: #3BB98B; } #umca .em-tab img { width: 11px; height: 11px; object-fit: contain; } #umca .em-tab svg { width: 11px; height: 11px; } #umca .em-tab .chk { color: #3BB98B; font-size: 0.55rem; } #umca .em-profile { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid #f1f5f9; } #umca .em-av { width: 38px; height: 38px; border-radius: 50%; overflow: hidden; flex-shrink: 0; } #umca .em-av img { width: 100%; height: 100%; object-fit: cover; } #umca .em-info { flex: 1; } #umca .em-name { font-size: 0.82rem; font-weight: 700; color: #1e293b; } #umca .em-name .verified { display: inline-flex; width: 12px; height: 12px; background: #3BB98B; border-radius: 50%; align-items: center; justify-content: center; margin-left: 4px; vertical-align: middle; } #umca .em-name .verified svg { width: 7px; height: 7px; stroke: #fff; } #umca .em-channels { display: flex; gap: 4px; margin-top: 4px; } #umca .em-channels img { width: 16px; height: 16px; object-fit: contain; } #umca .em-ch-plus { width: 16px; height: 16px; border-radius: 50%; background: #f3f4f6; display: flex; align-items: center; justify-content: center; font-size: 0.55rem; color: #94a3b8; font-weight: 700; } #umca .em-msgs { padding: 14px 18px; display: flex; flex-direction: column; gap: 12px; } #umca .em-msg { display: flex; flex-direction: column; gap: 4px; } #umca .em-msg-meta { display: flex; align-items: center; gap: 6px; font-size: 0.52rem; color: #94a3b8; } #umca .em-msg-meta .em-msg-av { width: 16px; height: 16px; border-radius: 50%; overflow: hidden; flex-shrink: 0; } #umca .em-msg-meta .em-msg-av img { width: 100%; height: 100%; object-fit: cover; } #umca .em-msg-meta .sender { font-weight: 600; color: #64748b; } #umca .em-bubble { padding: 8px 12px; border-radius: 8px; font-size: 0.65rem; line-height: 1.55; max-width: 88%; } #umca .b-out { background: #0f2736; color: #fff; border-bottom-right-radius: 3px; align-self: flex-end; } #umca .b-in { background: #f3f4f6; color: #374151; border-bottom-left-radius: 3px; } #umca .em-reply { display: flex; align-items: center; gap: 8px; padding: 10px 18px; border-top: 1px solid #f1f5f9; } #umca .em-reply svg { width: 14px; height: 14px; stroke: #cbd5e1; flex-shrink: 0; } #umca .em-reply-input { flex: 1; font-size: 0.62rem; color: #94a3b8; background: transparent; } #umca .em-reply-send { width: 24px; height: 24px; border-radius: 6px; background: #0f2736; display: flex; align-items: center; justify-content: center; } #umca .em-reply-send svg { width: 11px; height: 11px; stroke: #fff; } \/* \u2500\u2500 WHATSAPP MOCKUP: chat sent on behalf of the user account \u2500\u2500 *\/ #umca .wa-onbehalf { display: flex; align-items: center; gap: 8px; padding: 9px 18px; border-bottom: 1px solid #f1f5f9; background: rgba(59,185,139,0.05); } #umca .wa-onbehalf img { width: 15px; height: 15px; object-fit: contain; flex-shrink: 0; } #umca .wa-onbehalf-txt { font-size: 0.6rem; color: #64748b; font-weight: 500; } #umca .wa-onbehalf-txt strong { color: #0f2736; font-weight: 700; } #umca .wa-profile { display: flex; align-items: center; gap: 10px; padding: 13px 18px; border-bottom: 1px solid #f1f5f9; } #umca .wa-av { width: 38px; height: 38px; border-radius: 50%; overflow: hidden; flex-shrink: 0; } #umca .wa-av img { width: 100%; height: 100%; object-fit: cover; } #umca .wa-info { flex: 1; } #umca .wa-name { font-size: 0.82rem; font-weight: 700; color: #1e293b; } #umca .wa-status { display: flex; align-items: center; gap: 5px; font-size: 0.58rem; color: #3BB98B; margin-top: 2px; font-weight: 600; } #umca .wa-status .wa-dot { width: 5px; height: 5px; border-radius: 50%; background: #3BB98B; } #umca .wa-chat { padding: 16px 18px; display: flex; flex-direction: column; gap: 10px; background: #fafbfc; } #umca .wa-day { align-self: center; background: #eef2f6; color: #94a3b8; font-size: 0.5rem; font-weight: 600; padding: 3px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px; } #umca .wa-bubble { padding: 8px 12px; border-radius: 10px; font-size: 0.65rem; line-height: 1.55; max-width: 82%; } #umca .wa-out { background: #0f2736; color: #fff; border-bottom-right-radius: 3px; align-self: flex-end; } #umca .wa-in { background: #fff; color: #374151; border: 1px solid #eef2f6; border-bottom-left-radius: 3px; align-self: flex-start; } #umca .wa-token { color: #DDDF4C; font-weight: 600; } #umca .wa-meta { display: flex; align-items: center; gap: 4px; justify-content: flex-end; margin-top: 4px; font-size: 0.5rem; opacity: 0.75; } #umca .wa-ticks { color: #3BB98B; font-weight: 700; letter-spacing: -1px; } #umca .wa-compose { display: flex; align-items: center; gap: 8px; padding: 10px 18px; border-top: 1px solid #f1f5f9; } #umca .wa-compose-input { flex: 1; font-size: 0.62rem; color: #94a3b8; background: #f3f4f6; padding: 8px 12px; border-radius: 16px; } #umca .wa-compose-send { width: 28px; height: 28px; border-radius: 50%; background: #3BB98B; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #umca .wa-compose-send svg { width: 13px; height: 13px; stroke: #fff; } \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media (max-width: 900px) { #umca .feat-row, #umca .feat-row.reverse { grid-template-columns: 1fr !important; gap: 36px !important; direction: ltr !important; } #umca .top-hd h2 { font-size: 28px !important; } #umca .feat-text h3 { font-size: 21px !important; } #umca .li-body { flex-direction: column !important; } #umca .dropdown { min-width: auto !important; flex-shrink: 1 !important; } } @media (max-width: 600px) { #umca { padding: 52px 2px !important; } #umca .top-hd h2 { font-size: 26px !important; } #umca .feat-row { margin-bottom: 52px !important; } #umca .app { overflow: hidden !important; } #umca .li-body { padding: 12px !important; gap: 12px !important; } #umca .dropdown { min-width: auto !important; width: 100% !important; flex-shrink: 1 !important; } #umca .timeline { width: 100% !important; } #umca .tl-step-desc { white-space: normal !important; } #umca .em-bubble { max-width: 100% !important; } #umca .em-msgs { padding: 12px !important; } #umca .em-profile { padding: 12px !important; } #umca .em-reply { padding: 10px 12px !important; } #umca .feat-text p { font-size: 14px !important; } #umca .feat-label { font-size: 0.8rem !important; } #umca .wa-bubble { max-width: 100% !important; } #umca .wa-chat { padding: 12px !important; } #umca .wa-profile { padding: 12px !important; } #umca .wa-onbehalf { padding: 9px 12px !important; } #umca .wa-compose { padding: 10px 12px !important; } } @media (max-width: 400px) { #umca .top-hd h2 { font-size: 22px !important; } #umca .feat-text h3 { font-size: 18px !important; } #umca .dd-item span { font-size: 0.65rem !important; } #umca .tl-step-actions { display: none !important; } #umca .em-tabs { overflow-x: auto !important; } } <\/style>\n<p><\/head><body style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"umca\"> <\/p>\n<div class=\"container\">  <\/p>\n<div class=\"top-hd\"> <\/p>\n<div class=\"top-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 2L11 13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg> Multi-Channel Actions <\/div>\n<p> <\/p>\n<h2>Send LinkedIn, Email, and WhatsApp<!\u2013- [et_pb_br_holder] -\u2013>Directly from Your Platform<\/h2>\n<p> <pee>Enable your users to launch outreach campaigns across every channel. Invitations, InMails, personalized emails, and follow-ups, all orchestrated from a single integration.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"feat-row\"> <\/p>\n<div class=\"feat-text\"> <\/p>\n<div class=\"feat-provs\"> <\/p>\n<div class=\"feat-prov\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<h3>Build and Customize <span>LinkedIn Campaigns<\/span><\/h3>\n<p> <pee>Empower your users to choose and build campaigns tailored to their outreach strategy: simple invitations, invitations with personalized messages, or InMails for greater engagement.<\/pee> <\/p>\n<div class=\"feat-list\"> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Invitation Request<\/strong> with or without a personalized note<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>InMail<\/strong> for reaching prospects outside your network<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Activity timeline<\/strong> to track every action per contact<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/www.unipile.com\/communication-api\/messaging-api\/linkedin-api\/\" class=\"cta-link\"> Explore LinkedIn API <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=\"mockup-wrap\"> <\/p>\n<div class=\"app\"> <\/p>\n<div class=\"app-top\"> <\/p>\n<div class=\"app-logo\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"app-nm\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"sync-pill\">\n<div class=\"sync-dot\"><\/div>\n<p>Synced<\/p><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"li-body\">  <\/p>\n<div class=\"dropdown\"> <\/p>\n<div class=\"dd-header\"> <\/p>\n<div class=\"dd-plus\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <span class=\"dd-title\">Add a New Step<\/span> <span class=\"dd-arrow\">v<\/span> <\/div>\n<p> <\/p>\n<div class=\"dd-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><span>Invitation Request<\/span><\/div>\n<p> <\/p>\n<div class=\"dd-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><span>Invitation Request \/ Note<\/span><\/div>\n<p> <\/p>\n<div class=\"dd-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><span>Send InMail<\/span><\/div>\n<p> <\/p>\n<div class=\"dd-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"><span>Email<\/span><\/div>\n<p> <\/p>\n<div class=\"dd-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"><span>WhatsApp Message<\/span><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"timeline\"> <\/p>\n<div class=\"tl-header\"> <\/p>\n<div class=\"tl-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face\" alt=\"John Rodriguez\"><\/div>\n<p> <\/p>\n<div class=\"tl-info\"> <\/p>\n<div class=\"tl-name\">John Rodriguez<\/div>\n<p> <\/p>\n<div class=\"tl-provs\"> <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\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <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=\"tl-badges\"> <\/p>\n<div class=\"tl-badge tl-badge-green\">\n<div class=\"tl-badge-dot\"><\/div>\n<p>Invitation accepted<\/p><\/div>\n<p> <\/p>\n<div class=\"tl-badge tl-badge-green\">\n<div class=\"tl-badge-dot\"><\/div>\n<p>Profile Synced<\/p><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tl-steps\"> <\/p>\n<div class=\"tl-step\"> <\/p>\n<div class=\"tl-step-ico\"><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=\"tl-step-content\"> <\/p>\n<div class=\"tl-step-title\">InMail sent<\/div>\n<p> <\/p>\n<div class=\"tl-step-desc\">I’m happy to announce I’ve just joined IBS as their new VP…<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tl-step-time\">4:13 PM<\/div>\n<p> <\/p>\n<div class=\"tl-step-actions\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 17 4 12 9 7\"\/><path d=\"M20 18v-2a4 4 0 0 0-4-4H4\"\/><\/svg> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tl-step\"> <\/p>\n<div class=\"tl-step-ico\"><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=\"tl-step-content\"> <\/p>\n<div class=\"tl-step-title\">Invitation accepted<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tl-step-time\">2:11 PM<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tl-step\"> <\/p>\n<div class=\"tl-step-ico\"><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=\"tl-step-content\"> <\/p>\n<div class=\"tl-step-title\">Invitation sent<\/div>\n<p> <\/p>\n<div class=\"tl-step-desc\">My team shares brand new use cases on how to…<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tl-step-time\">2 days ago<\/div>\n<p> <\/p>\n<div class=\"tl-step-actions\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 17 4 12 9 7\"\/><path d=\"M20 18v-2a4 4 0 0 0-4-4H4\"\/><\/svg> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"feat-row reverse\"> <\/p>\n<div class=\"feat-text\"> <\/p>\n<div class=\"feat-provs\"> <\/p>\n<div class=\"feat-prov\"><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=\"feat-prov\"><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=\"feat-prov\"><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>Extend Outreach with <span>Integrated Email<\/span><\/h3>\n<p> <pee>Build personalized email campaigns by selecting from direct emails, follow-ups, or final emails. Messages are sent on behalf of your users from their own Gmail, Outlook, or IMAP mailboxes, which keeps an authentic sender identity and the best deliverability rate.<\/pee> <\/p>\n<div class=\"feat-list\"> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Tailored campaigns<\/strong> with email, follow-up, and final email steps<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Sent from real user mailboxes<\/strong> on their behalf, for the best deliverability rate<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Unified inbox<\/strong> across Gmail, Outlook, IMAP, and LinkedIn<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Complete timeline<\/strong> for effective multi-channel follow-ups<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/www.unipile.com\/communication-api\/email-api\/\" class=\"cta-link\"> Explore Email API <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=\"mockup-wrap\"> <\/p>\n<div class=\"app app-narrow\"> <\/p>\n<div class=\"app-top\"> <\/p>\n<div class=\"app-logo\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"app-nm\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"sync-pill\">\n<div class=\"sync-dot\"><\/div>\n<p>Synced<\/p><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"em-profile\"> <\/p>\n<div class=\"em-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face\" alt=\"Mery Yard\"><\/div>\n<p> <\/p>\n<div class=\"em-info\"> <\/p>\n<div class=\"em-name\"> Mery Yard <span class=\"verified\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span> <\/div>\n<p> <\/p>\n<div class=\"em-channels\"> <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\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <\/p>\n<div class=\"em-ch-plus\">+<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"em-tabs\"> <\/p>\n<div class=\"em-tab on\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> IMAP <span class=\"chk\">\u2713\u2713<\/span> <\/div>\n<p> <\/p>\n<div class=\"em-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> WhatsApp <span class=\"chk\">\u2713\u2713<\/span> <\/div>\n<p> <\/p>\n<div class=\"em-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> LinkedIn <span class=\"chk\">\u2713\u2713<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"em-msgs\"> <\/p>\n<div class=\"em-msg\"> <\/p>\n<div class=\"em-msg-meta\"> <\/p>\n<div class=\"em-msg-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=60&h=60&fit=crop&crop=face\" alt=\"Me\"><\/div>\n<p> <span class=\"sender\">Me<\/span> Monday, 05:09 PM <\/div>\n<p> <\/p>\n<div class=\"em-bubble b-out\">Hi Mery, What are your needs for the upcoming quarter? Thank you.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"em-msg\"> <\/p>\n<div class=\"em-msg-meta\"> <\/p>\n<div class=\"em-msg-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=60&h=60&fit=crop&crop=face\" alt=\"Mery Yard\"><\/div>\n<p> <span class=\"sender\">Mery Yard<\/span> Monday, 07:12 PM <\/div>\n<p> <\/p>\n<div class=\"em-bubble b-in\">Dear Sarah, for next quarter, we’ll need 2,000 units of the flagship model and 1,000 of the budget model. Best.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"em-reply\"> <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\"\/><\/svg> <span class=\"em-reply-input\">Reply to Mery via IMAP<\/span> <\/p>\n<div class=\"em-reply-send\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"feat-row\"> <\/p>\n<div class=\"feat-text\"> <\/p>\n<div class=\"feat-provs\"> <\/p>\n<div class=\"feat-prov\"><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<h3>Reach Prospects on <span>WhatsApp<\/span><\/h3>\n<p> <pee>Add WhatsApp to your outreach sequences and let your users send personalized messages and follow-ups straight from your platform. Conversations are handled through their own connected WhatsApp account, on their behalf, for a direct and trusted channel.<\/pee> <\/p>\n<div class=\"feat-list\"> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Personalized messages<\/strong> and follow-ups as a sequence step<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Sent from the user’s own account<\/strong> on their behalf, for a trusted channel<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Delivery and read status<\/strong> synced back to the activity timeline<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/www.unipile.com\/communication-api\/messaging-api\/\" class=\"cta-link\"> Explore WhatsApp API <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=\"mockup-wrap\"> <\/p>\n<div class=\"app app-narrow\"> <\/p>\n<div class=\"app-top\"> <\/p>\n<div class=\"app-logo\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"app-nm\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"sync-pill\">\n<div class=\"sync-dot\"><\/div>\n<p>Synced<\/p><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"wa-profile\"> <\/p>\n<div class=\"wa-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face\" alt=\"John Rodriguez\"><\/div>\n<p> <\/p>\n<div class=\"wa-info\"> <\/p>\n<div class=\"wa-name\">John Rodriguez<\/div>\n<p> <\/p>\n<div class=\"wa-status\"><span class=\"wa-dot\"><\/span>online<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"wa-chat\"> <\/p>\n<div class=\"wa-day\">Today<\/div>\n<p> <\/p>\n<div class=\"wa-bubble wa-out\"> Hi <span class=\"wa-token\">John<\/span>, great connecting on LinkedIn! Following up here, would you be open to a quick call this week? <\/p>\n<div class=\"wa-meta\">4:21 PM <span class=\"wa-ticks\">\u2713\u2713<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"wa-bubble wa-in\"> Hi Sarah, sure, Thursday afternoon works well for me. <\/p>\n<div class=\"wa-meta\" style=\"opacity:0.6;\">4:35 PM<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"wa-bubble wa-out\"> Perfect, I’ll send a calendar invite right away. Talk soon! <\/p>\n<div class=\"wa-meta\">4:37 PM <span class=\"wa-ticks\">\u2713\u2713<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"wa-compose\"> <span class=\"wa-compose-input\">Type a WhatsApp message<\/span> <\/p>\n<div class=\"wa-compose-send\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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> <\/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” 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 – Centralize Responses<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #uctr { all: initial; display: block; font-family: 'Inter', sans-serif; background: transparent; box-sizing: border-box; } #uctr * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #uctr { padding: 80px 24px; } #uctr .container { max-width: 1160px; margin: 0 auto; } \/* \u2500\u2500 HEADER \u2500\u2500 *\/ #uctr .hd { text-align: center; margin-bottom: 48px; } #uctr .hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; margin-bottom: 16px !important; } #uctr .hd p { font-size: 16px !important; color: #383838 !important; line-height: 1.7 !important; max-width: 680px !important; margin: 0 auto !important; } \/* \u2500\u2500 MOCKUP \u2500\u2500 *\/ #uctr .mockup-wrap { margin-bottom: 52px; } #uctr .app { background: #fff !important; border-radius: 14px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important; box-shadow: 0 8px 32px rgba(0,0,0,0.07) !important; } \/* App bar *\/ #uctr .app-bar { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 12px 20px !important; border-bottom: 1px solid #f1f5f9 !important; } #uctr .app-logo { display: flex !important; align-items: center !important; gap: 9px !important; } #uctr .app-ico { width: 28px !important; height: 28px !important; background: rgba(59,185,139,0.12) !important; border-radius: 7px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #uctr .app-ico svg { width: 14px !important; height: 14px !important; } #uctr .app-nm { font-size: 13px !important; font-weight: 700 !important; color: #1e293b !important; } #uctr .sync-pill { display: flex !important; align-items: center !important; gap: 5px !important; background: rgba(59,185,139,0.1) !important; padding: 3px 9px !important; border-radius: 20px !important; font-size: 0.55rem !important; font-weight: 600 !important; color: #3BB98B !important; } #uctr .sync-dot { width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #3BB98B !important; } \/* CRM Tabs *\/ #uctr .crm-tabs { display: flex !important; border-bottom: 1px solid #f1f5f9 !important; } #uctr .crm-tab { padding: 9px 24px !important; font-size: 0.65rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; color: #94a3b8 !important; } #uctr .crm-tab.on { background: #3BB98B !important; color: #fff !important; } \/* Body grid: contacts table + conversation *\/ #uctr .crm-body { display: grid !important; grid-template-columns: 1fr 1fr !important; } \/* \u2500\u2500 CONTACTS TABLE \u2500\u2500 *\/ #uctr .contacts { border-right: 1px solid #f1f5f9 !important; } #uctr .ct-hd { display: grid !important; grid-template-columns: 24px 1.3fr 0.7fr 28px !important; padding: 7px 14px !important; background: #fafbfc !important; border-bottom: 1px solid #f1f5f9 !important; gap: 8px !important; align-items: center !important; } #uctr .ct-th { font-size: 0.5rem !important; font-weight: 700 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; display: flex !important; align-items: center !important; gap: 3px !important; } #uctr .ct-th svg { width: 8px !important; height: 8px !important; stroke: #cbd5e1 !important; } #uctr .ct-row { display: grid !important; grid-template-columns: 24px 1.3fr 0.7fr 28px !important; padding: 8px 14px !important; align-items: center !important; gap: 8px !important; border-bottom: 1px solid #f9fafb !important; } #uctr .ct-row.sel { background: rgba(59,185,139,0.04) !important; } #uctr .ct-radio { width: 13px !important; height: 13px !important; border-radius: 50% !important; border: 1.5px solid #cbd5e1 !important; } #uctr .ct-radio.on { border-color: #3BB98B !important; background: #3BB98B !important; } #uctr .ct-name { display: flex !important; align-items: center !important; gap: 8px !important; } #uctr .ct-av { width: 26px !important; height: 26px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.42rem !important; font-weight: 700 !important; color: #fff !important; } #uctr .ct-av img { width: 100% !important; height: 100% !important; object-fit: cover !important; } #uctr .ct-info { min-width: 0 !important; } #uctr .ct-nm { font-size: 0.65rem !important; font-weight: 600 !important; color: #1e293b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #uctr .ct-msg { font-size: 0.52rem !important; color: #94a3b8 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; margin-top: 1px !important; } #uctr .ct-job { display: flex !important; align-items: center !important; gap: 5px !important; } #uctr .ct-dot { width: 5px !important; height: 5px !important; border-radius: 50% !important; flex-shrink: 0 !important; } #uctr .ct-dot-green { background: #34A853 !important; } #uctr .ct-dot-red { background: #EA4335 !important; } #uctr .ct-role { font-size: 0.58rem !important; color: #64748b !important; white-space: nowrap !important; } #uctr .ct-prov { width: 16px !important; height: 16px !important; object-fit: contain !important; } \/* \u2500\u2500 CONVERSATION PANEL \u2500\u2500 *\/ #uctr .conv { display: flex !important; flex-direction: column !important; } \/* Conversation toolbar *\/ #uctr .conv-bar { display: flex !important; align-items: center !important; gap: 6px !important; padding: 6px 14px !important; border-bottom: 1px solid #f1f5f9 !important; background: #fafbfc !important; flex-wrap: wrap !important; } #uctr .conv-bar svg { width: 12px !important; height: 12px !important; stroke: #94a3b8 !important; cursor: pointer !important; } #uctr .conv-sep { width: 1px !important; height: 14px !important; background: #e5e7eb !important; } #uctr .ch-pill { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 3px 8px !important; border-radius: 4px !important; font-size: 0.5rem !important; font-weight: 600 !important; } #uctr .ch-pill img { width: 10px !important; height: 10px !important; object-fit: contain !important; } #uctr .ch-on { background: #0A66C2 !important; color: #fff !important; } #uctr .ch-off { background: transparent !important; color: #94a3b8 !important; } #uctr .ch-pill .dbl { font-size: 0.45rem !important; opacity: 0.7 !important; } \/* Conv header *\/ #uctr .conv-hd { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 16px !important; border-bottom: 1px solid #f1f5f9 !important; } #uctr .conv-av { width: 34px !important; height: 34px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; } #uctr .conv-av img { width: 100% !important; height: 100% !important; object-fit: cover !important; } #uctr .conv-nm { font-size: 0.8rem !important; font-weight: 700 !important; color: #1e293b !important; } #uctr .conv-badge { display: inline-flex !important; padding: 2px 8px !important; border-radius: 4px !important; background: #0f2736 !important; color: #fff !important; font-size: 0.48rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-left: 6px !important; } \/* Messages *\/ #uctr .conv-msgs { padding: 12px 16px !important; display: flex !important; flex-direction: column !important; gap: 12px !important; flex: 1 !important; } #uctr .cv-msg { display: flex !important; flex-direction: column !important; gap: 3px !important; } #uctr .cv-meta { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 0.5rem !important; color: #94a3b8 !important; } #uctr .cv-meta-av { width: 16px !important; height: 16px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; } #uctr .cv-meta-av img { width: 100% !important; height: 100% !important; object-fit: cover !important; } #uctr .cv-meta .sender { font-weight: 600 !important; color: #64748b !important; } #uctr .cv-bubble { padding: 8px 12px !important; border-radius: 8px !important; font-size: 0.62rem !important; line-height: 1.55 !important; max-width: 88% !important; } #uctr .cv-out { background: #0f2736 !important; color: #fff !important; border-bottom-right-radius: 3px !important; align-self: flex-end !important; } #uctr .cv-in { background: #f3f4f6 !important; color: #374151 !important; border-bottom-left-radius: 3px !important; } \/* Reply bar *\/ #uctr .conv-reply { display: flex !important; align-items: center !important; gap: 8px !important; padding: 10px 16px !important; border-top: 1px solid #f1f5f9 !important; } #uctr .conv-reply svg { width: 14px !important; height: 14px !important; stroke: #cbd5e1 !important; flex-shrink: 0 !important; } #uctr .conv-reply-input { flex: 1 !important; font-size: 0.62rem !important; color: #94a3b8 !important; background: transparent !important; } #uctr .conv-reply-send { width: 24px !important; height: 24px !important; border-radius: 6px !important; background: #0f2736 !important; display: flex !important; align-items: center !important; justify-content: center !important; } #uctr .conv-reply-send svg { width: 11px !important; height: 11px !important; stroke: #fff !important; } \/* \u2500\u2500 FEATURE CARDS BELOW \u2500\u2500 *\/ #uctr .feat-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 28px !important; } #uctr .feat-card { background: #fff !important; border-radius: 12px !important; padding: 28px !important; border: 1px solid #e5e7eb !important; } #uctr .fc-ico { width: 36px !important; height: 36px !important; border-radius: 8px !important; background: rgba(59,185,139,0.1) !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 14px !important; } #uctr .fc-ico svg { width: 18px !important; height: 18px !important; } #uctr .fc-title { font-family: 'Poppins', sans-serif !important; font-size: 1rem !important; font-weight: 700 !important; color: #0f2736 !important; margin-bottom: 10px !important; line-height: 1.3 !important; } #uctr .fc-desc { font-size: 0.85rem !important; color: #383838 !important; line-height: 1.65 !important; margin-bottom: 14px !important; } #uctr .fc-list { display: flex !important; flex-direction: column !important; gap: 8px !important; } #uctr .fc-item { display: flex !important; align-items: flex-start !important; gap: 8px !important; } #uctr .fc-check { width: 16px !important; height: 16px !important; border-radius: 50% !important; background: rgba(59,185,139,0.1) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; margin-top: 2px !important; } #uctr .fc-check svg { width: 8px !important; height: 8px !important; } #uctr .fc-label { font-size: 0.8rem !important; color: #383838 !important; line-height: 1.45 !important; } \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media (max-width: 900px) { #uctr .hd h2 { font-size: 28px !important; } #uctr .crm-body { grid-template-columns: 1fr !important; } #uctr .contacts { border-right: none !important; } #uctr .feat-grid { grid-template-columns: 1fr !important; } } @media (max-width: 600px) { #uctr { padding: 30px 2px !important; } #uctr .hd h2 { font-size: 26px !important; } #uctr .conv-bar { display: none !important; } } @media (max-width: 400px) { #uctr .hd h2 { font-size: 24px !important; } #uctr .feat-card { padding: 20px !important; } } <\/style>\n<p><\/head><body data-rsssl=1 style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"uctr\"> <\/p>\n<div class=\"container\">  <\/p>\n<div class=\"hd\"> <\/p>\n<h2>Centralizing and Managing Responses<\/h2>\n<p> <pee>Allow your users to centralize all responses from ongoing campaigns, making response management more efficient. Enable halting automated sequences based on user interactions and simplifying response handling.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"mockup-wrap\"> <\/p>\n<div class=\"app\">  <\/p>\n<div class=\"app-bar\"> <\/p>\n<div class=\"app-logo\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"app-nm\">Your CRM<\/span> <\/div>\n<p> <\/p>\n<div class=\"sync-pill\">\n<div class=\"sync-dot\"><\/div>\n<p>Synced<\/p><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"crm-tabs\"> <\/p>\n<div class=\"crm-tab on\">Contacts<\/div>\n<p> <\/p>\n<div class=\"crm-tab\">Opportunities<\/div>\n<p> <\/p>\n<div class=\"crm-tab\">Deals<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"crm-body\">  <\/p>\n<div class=\"contacts\"> <\/p>\n<div class=\"ct-hd\"> <\/p>\n<div class=\"ct-th\"><\/div>\n<p> <\/p>\n<div class=\"ct-th\">Candidate <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"ct-th\">Job <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"ct-th\">From<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-row sel\"> <\/p>\n<div class=\"ct-radio on\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=80&h=80&fit=crop&crop=face\" alt=\"Michel Opra\"><\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Michel Opra<\/div>\n<div class=\"ct-msg\">Hi Sarah…<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-green\"><\/div>\n<p><span class=\"ct-role\">Senior Dev<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"ct-prov\"> <\/div>\n<p> <\/p>\n<div class=\"ct-row\"> <\/p>\n<div class=\"ct-radio\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=80&h=80&fit=crop&crop=face\" alt=\"Sofia Rivera\"><\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Sofia Rivera<\/div>\n<div class=\"ct-msg\">Hi Sarah, I am Spanish…<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-green\"><\/div>\n<p><span class=\"ct-role\">Junior Dev<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"ct-prov\"> <\/div>\n<p> <\/p>\n<div class=\"ct-row\"> <\/p>\n<div class=\"ct-radio\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=80&h=80&fit=crop&crop=face\" alt=\"Daniel Martinez\"><\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Daniel Martinez<\/div>\n<div class=\"ct-msg\">When you got it?<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-green\"><\/div>\n<p><span class=\"ct-role\">Marketer<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"ct-prov\"> <\/div>\n<p> <\/p>\n<div class=\"ct-row\"> <\/p>\n<div class=\"ct-radio\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=80&h=80&fit=crop&crop=face\" alt=\"Gabriel Lopez\"><\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Gabriel Lopez<\/div>\n<div class=\"ct-msg\">Can you help me with it?<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-green\"><\/div>\n<p><span class=\"ct-role\">Marketer<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\" class=\"ct-prov\"> <\/div>\n<p> <\/p>\n<div class=\"ct-row\"> <\/p>\n<div class=\"ct-radio\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=80&h=80&fit=crop&crop=face\" alt=\"Elena Garcia\"><\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Elena Garcia<\/div>\n<div class=\"ct-msg\">Dear Sarah,<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-green\"><\/div>\n<p><span class=\"ct-role\">Product C.<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\" class=\"ct-prov\"> <\/div>\n<p> <\/p>\n<div class=\"ct-row\"> <\/p>\n<div class=\"ct-radio\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face\" alt=\"Natalia Diaz\"><\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Natalia Diaz<\/div>\n<div class=\"ct-msg\">So, it’s up to you!<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-green\"><\/div>\n<p><span class=\"ct-role\">Senior Dev<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\" class=\"ct-prov\"> <\/div>\n<p> <\/p>\n<div class=\"ct-row\"> <\/p>\n<div class=\"ct-radio\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\" style=\"background:#4285F4;\">VH<\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Victor Harris<\/div>\n<div class=\"ct-msg\">I’m Victor from Poland…<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-red\"><\/div>\n<p><span class=\"ct-role\">Junior Dev<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\" class=\"ct-prov\"> <\/div>\n<p> <\/p>\n<div class=\"ct-row\"> <\/p>\n<div class=\"ct-radio\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=80&h=80&fit=crop&crop=face\" alt=\"Oscar Ward\"><\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Oscar Ward<\/div>\n<div class=\"ct-msg\">Thank you to ask!<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-green\"><\/div>\n<p><span class=\"ct-role\">Senior Dev<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"ct-prov\"> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"conv\">  <\/p>\n<div class=\"conv-bar\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><\/svg> <svg 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> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"3 6 5 6 21 6\"\/><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"\/><\/svg> <\/p>\n<div class=\"conv-sep\"><\/div>\n<p> <\/p>\n<div class=\"ch-pill ch-on\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\">LinkedIn <span class=\"dbl\">\u2713\u2713<\/span><\/div>\n<p> <\/p>\n<div class=\"ch-pill ch-off\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\">Outlook <span class=\"dbl\">\u2713\u2713<\/span><\/div>\n<p> <\/p>\n<div class=\"ch-pill ch-off\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\">WhatsApp <span class=\"dbl\">\u2713\u2713<\/span><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"conv-hd\"> <\/p>\n<div class=\"conv-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face\" alt=\"Michel Opra\"><\/div>\n<p> <\/p>\n<div> <span class=\"conv-nm\">Michel Opra<\/span> <span class=\"conv-badge\">Details<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"conv-msgs\"> <\/p>\n<div class=\"cv-msg\"> <\/p>\n<div class=\"cv-meta\"> <\/p>\n<div class=\"cv-meta-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=60&h=60&fit=crop&crop=face\" alt=\"Sarah Brown\"><\/div>\n<p> <span class=\"sender\">Sarah Brown<\/span> Today, 05:09 PM <\/div>\n<p> <\/p>\n<div class=\"cv-bubble cv-out\">Hello Michel!<!\u2013- [et_pb_br_holder] -\u2013>Based on our last convo, I’ve tailored a solution for your ops challenges. Interested in a quick overview?<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"cv-msg\"> <\/p>\n<div class=\"cv-meta\"> <\/p>\n<div class=\"cv-meta-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=60&h=60&fit=crop&crop=face\" alt=\"Michel Opra\"><\/div>\n<p> <span class=\"sender\">Michel Opra<\/span> Today, 07:12 PM <\/div>\n<p> <\/p>\n<div class=\"cv-bubble cv-in\">Hi Sarah,<!\u2013- [et_pb_br_holder] -\u2013>that sounds promising.<!\u2013- [et_pb_br_holder] -\u2013>Can you send over the details?<!\u2013- [et_pb_br_holder] -\u2013>Let’s schedule a call if it fits our needs.<!\u2013- [et_pb_br_holder] -\u2013>Thank you.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"conv-reply\"> <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\"\/><\/svg> <span class=\"conv-reply-input\">Reply to Michel via LinkedIn<\/span> <\/p>\n<div class=\"conv-reply-send\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"feat-grid\"> <\/p>\n<div class=\"feat-card\"> <\/p>\n<div class=\"fc-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"fc-title\">Centralize Responses into a Unified Inbox<\/div>\n<p> <\/p>\n<div class=\"fc-desc\">Enable users to consolidate responses from multiple channels, such as LinkedIn, email (Gmail, Outlook, IMAP), and WhatsApp, into a single, organized view.<\/div>\n<p> <\/p>\n<div class=\"fc-list\"> <\/p>\n<div class=\"fc-item\"> <\/p>\n<div class=\"fc-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fc-label\">Halt ongoing sequences for leads who respond to campaigns<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"fc-item\"> <\/p>\n<div class=\"fc-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fc-label\">Streamlined interface for managing responses across all channels<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-card\"> <\/p>\n<div class=\"fc-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"fc-title\">Automate Sequence Stop Rules<\/div>\n<p> <\/p>\n<div class=\"fc-desc\">With an integrated inbox, set automated rules to stop follow-ups or campaign sequences for contacts who reply, enhancing professionalism and improving response rates.<\/div>\n<p> <\/p>\n<div class=\"fc-list\"> <\/p>\n<div class=\"fc-item\"> <\/p>\n<div class=\"fc-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fc-label\">Automatically detect replies from any connected channel<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"fc-item\"> <\/p>\n<div class=\"fc-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fc-label\">Stop ongoing campaigns and update lead status in real-time<\/div>\n<p> <\/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” 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 – Calendar Sync<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #ucal { all: initial; display: block; font-family: 'Inter', sans-serif; background: transparent; box-sizing: border-box; } #ucal * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #ucal { padding: 80px 24px; } #ucal .container { max-width: 1160px; margin: 0 auto; } \/* \u2500\u2500 HEADER \u2500\u2500 *\/ #ucal .hd { text-align: center; margin-bottom: 48px; } #ucal .hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; margin-bottom: 14px !important; } #ucal .hd p { font-size: 15px !important; color: #383838 !important; line-height: 1.7 !important; max-width: 660px !important; margin: 0 auto !important; } \/* \u2500\u2500 GRID \u2500\u2500 *\/ #ucal .row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 52px !important; align-items: center !important; } \/* \u2500\u2500 MOCKUP \u2500\u2500 *\/ #ucal .mockup-wrap { position: relative !important; } \/* Schedule card (main) *\/ #ucal .sched { background: #fff !important; border-radius: 14px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important; box-shadow: 0 8px 32px rgba(0,0,0,0.07) !important; } \/* Profile bar *\/ #ucal .sc-profile { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 16px !important; border-bottom: 1px solid #f1f5f9 !important; } #ucal .sc-av { width: 32px !important; height: 32px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; } #ucal .sc-av img { width: 100% !important; height: 100% !important; object-fit: cover !important; } #ucal .sc-nm { font-size: 0.78rem !important; font-weight: 700 !important; color: #1e293b !important; } #ucal .sc-sub { font-size: 0.55rem !important; color: #94a3b8 !important; margin-top: 1px !important; } #ucal .sc-provs { display: flex !important; gap: 4px !important; margin-left: auto !important; } #ucal .sc-provs img { width: 14px !important; height: 14px !important; object-fit: contain !important; } \/* Day view header *\/ #ucal .day-hd { display: flex !important; align-items: center !important; gap: 8px !important; padding: 8px 16px !important; border-bottom: 1px solid #f1f5f9 !important; } #ucal .day-label { font-size: 0.7rem !important; font-weight: 700 !important; color: #1e293b !important; } #ucal .day-date { font-size: 0.58rem !important; color: #94a3b8 !important; } #ucal .day-spacer { flex: 1 !important; } #ucal .day-btn { padding: 3px 8px !important; border-radius: 4px !important; font-size: 0.5rem !important; font-weight: 700 !important; } #ucal .day-btn-on { background: #0f2736 !important; color: #fff !important; } #ucal .day-btn-off { color: #94a3b8 !important; background: transparent !important; } \/* Time slots *\/ #ucal .slots { padding: 4px 0 !important; } #ucal .slot { display: flex !important; align-items: stretch !important; gap: 0 !important; min-height: 36px !important; } #ucal .slot-time { width: 48px !important; font-size: 0.48rem !important; color: #cbd5e1 !important; text-align: right !important; padding: 4px 8px 0 0 !important; flex-shrink: 0 !important; } #ucal .slot-content { flex: 1 !important; border-top: 1px solid #f3f4f6 !important; position: relative !important; min-height: 36px !important; } \/* Events *\/ #ucal .evt { display: flex !important; align-items: center !important; gap: 8px !important; margin: 3px 8px 3px 0 !important; padding: 6px 10px !important; border-radius: 6px !important; font-size: 0.58rem !important; font-weight: 600 !important; } #ucal .evt img { width: 12px !important; height: 12px !important; object-fit: contain !important; flex-shrink: 0 !important; } #ucal .evt-green { background: rgba(59,185,139,0.12) !important; color: #2a9d6f !important; border-left: 3px solid #3BB98B !important; } #ucal .evt-blue { background: rgba(66,133,244,0.1) !important; color: #3574d4 !important; border-left: 3px solid #4285F4 !important; } #ucal .evt-purple { background: rgba(124,58,237,0.08) !important; color: #6d28d9 !important; border-left: 3px solid #7c3aed !important; } #ucal .evt-time { margin-left: auto !important; font-size: 0.5rem !important; opacity: 0.7 !important; font-weight: 500 !important; } \/* Meeting overlay card *\/ #ucal .meet-card { position: absolute !important; bottom: -20px !important; left: -14px !important; background: #fff !important; border-radius: 12px !important; padding: 16px 18px !important; box-shadow: 0 8px 28px rgba(0,0,0,0.12) !important; border: 1px solid #e5e7eb !important; z-index: 10 !important; width: 240px !important; } #ucal .meet-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #34A853 !important; display: inline-block !important; margin-right: 6px !important; vertical-align: middle !important; } #ucal .meet-title { font-family: 'Poppins', sans-serif !important; font-size: 0.88rem !important; font-weight: 700 !important; color: #0f2736 !important; margin-bottom: 3px !important; } #ucal .meet-date { font-size: 0.62rem !important; color: #64748b !important; margin-bottom: 10px !important; } #ucal .meet-link { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 10px !important; } #ucal .meet-link-ico { width: 22px !important; height: 22px !important; border-radius: 5px !important; background: rgba(59,185,139,0.1) !important; display: flex !important; align-items: center !important; justify-content: center !important; } #ucal .meet-link-ico svg { width: 12px !important; height: 12px !important; } #ucal .meet-link-text { font-size: 0.62rem !important; font-weight: 600 !important; color: #1e293b !important; } #ucal .meet-link-url { font-size: 0.55rem !important; color: #3BB98B !important; } #ucal .meet-label { font-size: 0.52rem !important; color: #94a3b8 !important; margin-bottom: 6px !important; } #ucal .meet-people { display: flex !important; flex-direction: column !important; gap: 6px !important; } #ucal .meet-person { display: flex !important; align-items: center !important; gap: 7px !important; } #ucal .meet-pav { width: 20px !important; height: 20px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; } #ucal .meet-pav img { width: 100% !important; height: 100% !important; object-fit: cover !important; } #ucal .meet-pnm { font-size: 0.6rem !important; color: #1e293b !important; font-weight: 500 !important; } #ucal .meet-prole { font-size: 0.52rem !important; color: #94a3b8 !important; } \/* \u2500\u2500 TEXT SIDE \u2500\u2500 *\/ #ucal .text-side { display: flex !important; flex-direction: column !important; gap: 20px !important; } #ucal .feat-block { display: flex !important; flex-direction: column !important; gap: 6px !important; } #ucal .feat-block h3 { font-size: 0.95rem !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; } #ucal .feat-block p { font-size: 0.82rem !important; color: #383838 !important; line-height: 1.6 !important; } #ucal .cta-link { display: inline-flex !important; align-items: center !important; gap: 6px !important; color: #3BB98B !important; font-weight: 600 !important; font-size: 0.85rem !important; transition: gap 0.25s ease !important; margin-top: 6px !important; } #ucal .cta-link:hover { gap: 10px !important; } #ucal .cta-link svg { width: 14px !important; height: 14px !important; } \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media (max-width: 900px) { #ucal .row { grid-template-columns: 1fr !important; gap: 36px !important; } #ucal .hd h2 { font-size: 28px !important; } #ucal .meet-card { left: 0 !important; bottom: -16px !important; } } @media (max-width: 600px) { #ucal { padding: 32px 2px !important; } #ucal .hd h2 { font-size: 26px !important; } #ucal .meet-card { position: relative !important; bottom: auto !important; left: auto !important; margin-top: 12px !important; width: 100% !important; } } @media (max-width: 400px) { #ucal .hd h2 { font-size: 24px !important; } } <\/style>\n<p><\/head><body style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"ucal\"> <\/p>\n<div class=\"container\"> <\/p>\n<div class=\"hd\"> <\/p>\n<h2>Integrated Calendar Sync to Convert Prospects Faster<\/h2>\n<p> <pee>Embed scheduling directly into your outreach workflows. Automate calendar invites as soon as a prospect replies. No manual back-and-forth, no app switching.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"row\">  <\/p>\n<div class=\"mockup-wrap\"> <\/p>\n<div class=\"sched\"> <\/p>\n<div class=\"sc-profile\"> <\/p>\n<div class=\"sc-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face\" alt=\"Michel Opra\"><\/div>\n<p> <\/p>\n<div> <\/p>\n<div class=\"sc-nm\">Michel Opra<\/div>\n<p> <\/p>\n<div class=\"sc-sub\">Media Buyer, Nexatech<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"sc-provs\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <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<div class=\"day-hd\"> <span class=\"day-label\">Friday, Sep 8<\/span> <span class=\"day-date\">Week 36<\/span> <\/p>\n<div class=\"day-spacer\"><\/div>\n<p> <span class=\"day-btn day-btn-on\">Week<\/span> <span class=\"day-btn day-btn-off\">Day<\/span> <\/div>\n<p> <\/p>\n<div class=\"slots\"> <\/p>\n<div class=\"slot\"> <\/p>\n<div class=\"slot-time\">9:00<\/div>\n<p> <\/p>\n<div class=\"slot-content\"> <\/p>\n<div class=\"evt evt-blue\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> Team standup <span class=\"evt-time\">9:00 – 9:30<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"slot\"> <\/p>\n<div class=\"slot-time\">10:00<\/div>\n<p> <\/p>\n<div class=\"slot-content\"> <\/p>\n<div class=\"evt evt-green\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/11\/zoomus-icon-1.svg\" alt=\"Google Meet\"> Michel Opra – Discovery call <span class=\"evt-time\">10:30 – 11:00<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"slot\"> <\/p>\n<div class=\"slot-time\">11:00<\/div>\n<p> <\/p>\n<div class=\"slot-content\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"slot\"> <\/p>\n<div class=\"slot-time\">12:00<\/div>\n<p> <\/p>\n<div class=\"slot-content\"> <\/p>\n<div class=\"evt evt-purple\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> Pipeline review <span class=\"evt-time\">12:00 – 12:45<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"slot\"> <\/p>\n<div class=\"slot-time\">14:00<\/div>\n<p> <\/p>\n<div class=\"slot-content\"> <\/p>\n<div class=\"evt evt-blue\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> Sofia Rivera – Follow-up <span class=\"evt-time\">14:00 – 14:30<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"slot\"> <\/p>\n<div class=\"slot-time\">15:00<\/div>\n<p> <\/p>\n<div class=\"slot-content\"> <\/p>\n<div class=\"evt evt-green\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/11\/Microsoft_Office_Teams_2018\u2013present-1-1.svg\" alt=\"Microsoft Teams\"> Daniel Martinez – Demo <span class=\"evt-time\">15:30 – 16:00<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"meet-card\"> <\/p>\n<div class=\"meet-title\"><span class=\"meet-dot\"><\/span>Meeting scheduled<\/div>\n<p> <\/p>\n<div class=\"meet-date\">Friday, Sep 8 at 10:30 AM<\/div>\n<p> <\/p>\n<div class=\"meet-link\"> <\/p>\n<div class=\"meet-link-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-5.77-5.77A19.79 19.79 0 0 1 2.18 4.18 2 2 0 0 1 4.05 2h3a2 2 0 0 1 2 1.72\"\/><\/svg> <\/div>\n<p> <\/p>\n<div> <\/p>\n<div class=\"meet-link-text\">Meeting Call<\/div>\n<p> <\/p>\n<div class=\"meet-link-url\">Join link<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"meet-label\">Participants:<\/div>\n<p> <\/p>\n<div class=\"meet-people\"> <\/p>\n<div class=\"meet-person\"> <\/p>\n<div class=\"meet-pav\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=60&h=60&fit=crop&crop=face\" alt=\"Judith Smith\"><\/div>\n<p> <span class=\"meet-pnm\">Judith Smith<\/span> <span class=\"meet-prole\">– Sales Manager<\/span> <\/div>\n<p> <\/p>\n<div class=\"meet-person\"> <\/p>\n<div class=\"meet-pav\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=60&h=60&fit=crop&crop=face\" alt=\"Michel Opra\"><\/div>\n<p> <span class=\"meet-pnm\">Michel Opra<\/span> <span class=\"meet-prole\">– Media Buyer<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"text-side\"> <\/p>\n<div class=\"feat-block\"> <\/p>\n<h3>Smart Meeting Trigger from Reply<\/h3>\n<p> <pee>Detect a positive reply in LinkedIn, WhatsApp or email and automatically trigger a calendar invite, no need for manual follow-up.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"feat-block\"> <\/p>\n<h3>Unified Scheduling Across Channels<\/h3>\n<p> <pee>Let reps propose availability in cold emails, LinkedIn messages, or WhatsApp. Connect Google and Outlook calendars for real-time syncing of available slots.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"feat-block\"> <\/p>\n<h3>Programmatic Event Creation<\/h3>\n<p> <pee>Create, update, or cancel meetings directly from the outreach platform. Attach context (contact, campaign, message ID) for full traceability.<\/pee> <\/div>\n<p> <a href=\"https:\/\/www.unipile.com\/communication-api\/calendar-api\/\" class=\"cta-link\"> Calendar Integration <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><\/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” 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 – Multi-Account Access<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #umaa { all: initial; display: block; font-family: 'Inter', sans-serif; background: transparent; box-sizing: border-box; } #umaa * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #umaa { padding: 80px 24px; } #umaa .container { max-width: 1160px; margin: 0 auto; } \/* \u2500\u2500 HEADER \u2500\u2500 *\/ #umaa .hd { text-align: center; margin-bottom: 48px; } #umaa .hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; margin-bottom: 16px !important; } #umaa .hd p { font-size: 16px !important; color: #383838 !important; line-height: 1.7 !important; max-width: 700px !important; margin: 0 auto !important; } \/* \u2500\u2500 GRID \u2500\u2500 *\/ #umaa .row { display: grid !important; grid-template-columns: 1.1fr 1fr !important; gap: 52px !important; align-items: center !important; margin-bottom: 48px !important; } \/* \u2500\u2500 MOCKUP \u2500\u2500 *\/ #umaa .mockup-wrap { position: relative !important; } #umaa .app { background: #fff !important; border-radius: 14px !important; overflow: visible !important; border: 1px solid #e5e7eb !important; box-shadow: 0 8px 32px rgba(0,0,0,0.07) !important; position: relative !important; } \/* App bar *\/ #umaa .app-bar { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 14px 20px !important; border-bottom: 1px solid #f1f5f9 !important; } #umaa .app-logo { display: flex !important; align-items: center !important; gap: 10px !important; } #umaa .app-ico { 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; } #umaa .app-ico svg { width: 16px !important; height: 16px !important; } #umaa .app-nm { font-size: 15px !important; font-weight: 700 !important; color: #1e293b !important; } \/* CRM Tab *\/ #umaa .crm-tab-bar { border-bottom: 1px solid #f1f5f9 !important; } #umaa .crm-tab-active { display: inline-block !important; padding: 10px 28px !important; font-size: 0.78rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; background: #3BB98B !important; color: #fff !important; } \/* Table header *\/ #umaa .tbl-hd { display: grid !important; grid-template-columns: 1.3fr 0.7fr 30px 0.6fr 24px !important; padding: 9px 18px !important; background: #fafbfc !important; border-bottom: 1px solid #f1f5f9 !important; gap: 10px !important; align-items: center !important; } #umaa .th { font-size: 0.65rem !important; font-weight: 700 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; display: flex !important; align-items: center !important; gap: 4px !important; } #umaa .th svg { width: 10px !important; height: 10px !important; stroke: #cbd5e1 !important; } \/* Table rows *\/ #umaa .tbl-row { display: grid !important; grid-template-columns: 1.3fr 0.7fr 30px 0.6fr 24px !important; padding: 10px 18px !important; align-items: center !important; gap: 10px !important; border-bottom: 1px solid #f9fafb !important; } #umaa .name-cell { display: flex !important; align-items: center !important; gap: 10px !important; } #umaa .av { width: 32px !important; height: 32px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; } #umaa .av img { width: 100% !important; height: 100% !important; object-fit: cover !important; } #umaa .nm-info { min-width: 0 !important; } #umaa .nm { font-size: 0.8rem !important; font-weight: 600 !important; color: #1e293b !important; } #umaa .nm-msg { font-size: 0.65rem !important; color: #94a3b8 !important; margin-top: 2px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #umaa .co { font-size: 0.75rem !important; color: #64748b !important; } #umaa .prov { width: 18px !important; height: 18px !important; object-fit: contain !important; } #umaa .status-cell { display: flex !important; align-items: center !important; gap: 6px !important; } #umaa .status-dot { width: 6px !important; height: 6px !important; border-radius: 50% !important; flex-shrink: 0 !important; } #umaa .status-dot-green { background: #34A853 !important; } #umaa .status-dot-red { background: #EA4335 !important; } #umaa .status-label { font-size: 0.65rem !important; font-weight: 500 !important; padding: 2px 8px !important; border-radius: 4px !important; } #umaa .sl-green { background: rgba(52,168,83,0.08) !important; color: #34A853 !important; } #umaa .sl-orange { background: rgba(251,188,4,0.08) !important; color: #d4a004 !important; } #umaa .sl-blue { background: rgba(66,133,244,0.08) !important; color: #4285F4 !important; } #umaa .arrow { font-size: 0.7rem !important; color: #cbd5e1 !important; text-align: right !important; } \/* User selector dropdown overlay *\/ #umaa .user-dropdown { position: absolute !important; top: 50px !important; right: -12px !important; background: #fff !important; border-radius: 10px !important; box-shadow: 0 8px 28px rgba(0,0,0,0.12) !important; border: 1px solid #e5e7eb !important; z-index: 10 !important; width: 210px !important; overflow: hidden !important; } #umaa .ud-hd { display: flex !important; align-items: center !important; gap: 6px !important; padding: 10px 14px !important; border-bottom: 1px solid #f1f5f9 !important; } #umaa .ud-hd svg { width: 12px !important; height: 12px !important; stroke: #94a3b8 !important; } #umaa .ud-hd span { font-size: 0.68rem !important; font-weight: 700 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } #umaa .ud-hd .ud-arrow { margin-left: auto !important; font-size: 0.6rem !important; color: #cbd5e1 !important; } #umaa .ud-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 9px 14px !important; border-bottom: 1px solid #f9fafb !important; font-size: 0.78rem !important; font-weight: 500 !important; color: #1e293b !important; } #umaa .ud-item:last-child { border-bottom: none !important; } #umaa .ud-item.active { background: #3BB98B !important; color: #fff !important; font-weight: 600 !important; } #umaa .ud-av { width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.5rem !important; font-weight: 700 !important; color: #fff !important; flex-shrink: 0 !important; } \/* \u2500\u2500 TEXT SIDE \u2500\u2500 *\/ #umaa .text-side { display: flex !important; flex-direction: column !important; gap: 24px !important; } #umaa .feat-block { display: flex !important; flex-direction: column !important; gap: 6px !important; } #umaa .feat-block h3 { font-size: 1rem !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; } #umaa .feat-block p { font-size: 0.88rem !important; color: #383838 !important; line-height: 1.65 !important; } \/* \u2500\u2500 CTAs \u2500\u2500 *\/ #umaa .ctas { display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; flex-wrap: wrap !important; } #umaa .cta-p { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #DDDF4C !important; color: #0F2836 !important; font-weight: 700 !important; font-size: 0.9rem !important; padding: 12px 28px !important; border-radius: 8px !important; transition: transform 0.25s ease !important; } #umaa .cta-p:hover { transform: translateY(-3px) !important; } #umaa .cta-p svg { width: 14px !important; height: 14px !important; } #umaa .cta-s { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: transparent !important; border: 1.5px solid #0f2736 !important; color: #0f2736 !important; font-weight: 600 !important; font-size: 0.9rem !important; padding: 11px 26px !important; border-radius: 8px !important; transition: all 0.25s ease !important; } #umaa .cta-s:hover { transform: translateY(-3px) !important; } #umaa .cta-s svg { width: 14px !important; height: 14px !important; } #umaa .cta-sub { text-align: center !important; margin-top: 8px !important; font-size: 0.75rem !important; color: #94a3b8 !important; } \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media (max-width: 900px) { #umaa .row { grid-template-columns: 1fr !important; gap: 36px !important; } #umaa .hd h2 { font-size: 28px !important; } #umaa .user-dropdown { right: 0 !important; } } @media (max-width: 600px) { #umaa { padding: 10px 2px !important; } #umaa .hd h2 { font-size: 26px !important; } #umaa .user-dropdown { display: none !important; } #umaa .tbl-row { grid-template-columns: 1fr 0.5fr 24px !important; } #umaa .tbl-hd { grid-template-columns: 1fr 0.5fr 24px !important; } #umaa .tbl-hd .th:nth-child(3), #umaa .tbl-hd .th:nth-child(4) { display: none !important; } #umaa .tbl-row .prov, #umaa .tbl-row .status-cell { display: none !important; } } @media (max-width: 400px) { #umaa .hd h2 { font-size: 24px !important; } #umaa .ctas { flex-direction: column !important; } #umaa .cta-p, #umaa .cta-s { width: 100% !important; justify-content: center !important; } } <\/style>\n<p><\/head><body style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"umaa\"> <\/p>\n<div class=\"container\"> <\/p>\n<div class=\"hd\"> <\/p>\n<h2>Manage Multi-Account Access Seamlessly<\/h2>\n<p> <pee>Let your users handle multiple email and LinkedIn accounts from one centralized platform. Whether managing personal accounts, team accounts, or acting on behalf of colleagues, provide a seamless experience from a single access point.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"row\">  <\/p>\n<div class=\"mockup-wrap\"> <\/p>\n<div class=\"app\"> <\/p>\n<div class=\"app-bar\"> <\/p>\n<div class=\"app-logo\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"app-nm\">Your CRM<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"crm-tab-bar\"> <span class=\"crm-tab-active\">Contacts<\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-hd\"> <\/p>\n<div class=\"th\">Contacts <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"th\">Company <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"th\"><\/div>\n<p> <\/p>\n<div class=\"th\">Status<\/div>\n<p> <\/p>\n<div class=\"th\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"name-cell\"> <\/p>\n<div class=\"av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=80&h=80&fit=crop&crop=face\" alt=\"Michel Opra\"><\/div>\n<p> <\/p>\n<div class=\"nm-info\">\n<div class=\"nm\">Michel Opra<\/div>\n<div class=\"nm-msg\">OK Perfect…<\/div>\n<\/div>\n<p> <\/div>\n<p> <span class=\"co\">NexaTech<\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"prov\"> <\/p>\n<div class=\"status-cell\">\n<div class=\"status-dot status-dot-green\"><\/div>\n<p><span class=\"status-label sl-green\">Interested<\/span><\/div>\n<p> <span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"name-cell\"> <\/p>\n<div class=\"av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=80&h=80&fit=crop&crop=face\" alt=\"Sofia Rivera\"><\/div>\n<p> <\/p>\n<div class=\"nm-info\">\n<div class=\"nm\">Sofia Rivera<\/div>\n<div class=\"nm-msg\">Hi Sarah, I just saw your…<\/div>\n<\/div>\n<p> <\/div>\n<p> <span class=\"co\">Synthex<\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"prov\"> <\/p>\n<div class=\"status-cell\">\n<div class=\"status-dot status-dot-green\"><\/div>\n<p><span class=\"status-label sl-green\">Interested<\/span><\/div>\n<p> <span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"name-cell\"> <\/p>\n<div class=\"av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=80&h=80&fit=crop&crop=face\" alt=\"Daniel Martinez\"><\/div>\n<p> <\/p>\n<div class=\"nm-info\">\n<div class=\"nm\">Daniel Martinez<\/div>\n<div class=\"nm-msg\">Thanks for the proposal!<\/div>\n<\/div>\n<p> <\/div>\n<p> <span class=\"co\">Orbix<\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"prov\"> <\/p>\n<div class=\"status-cell\">\n<div class=\"status-dot status-dot-green\"><\/div>\n<p><span class=\"status-label sl-orange\">Proposal<\/span><\/div>\n<p> <span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"name-cell\"> <\/p>\n<div class=\"av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=80&h=80&fit=crop&crop=face\" alt=\"Gabriel Lopez\"><\/div>\n<p> <\/p>\n<div class=\"nm-info\">\n<div class=\"nm\">Gabriel Lopez<\/div>\n<div class=\"nm-msg\">I will be a great yes!<\/div>\n<\/div>\n<p> <\/div>\n<p> <span class=\"co\">Vortex<\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\" class=\"prov\"> <\/p>\n<div class=\"status-cell\">\n<div class=\"status-dot status-dot-green\"><\/div>\n<p><span class=\"status-label sl-blue\">Responsive<\/span><\/div>\n<p> <span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"name-cell\"> <\/p>\n<div class=\"av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=80&h=80&fit=crop&crop=face\" alt=\"Elena Garcia\"><\/div>\n<p> <\/p>\n<div class=\"nm-info\">\n<div class=\"nm\">Elena Garcia<\/div>\n<div class=\"nm-msg\">Dear Sarah,<\/div>\n<\/div>\n<p> <\/div>\n<p> <span class=\"co\">Quark<\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\" class=\"prov\"> <\/p>\n<div class=\"status-cell\">\n<div class=\"status-dot status-dot-green\"><\/div>\n<p><span class=\"status-label sl-green\">Closed Won<\/span><\/div>\n<p> <span class=\"arrow\">><\/span> <\/div>\n<p>  <\/p>\n<div class=\"user-dropdown\"> <\/p>\n<div class=\"ud-hd\"> <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> <span>Select User<\/span> <span class=\"ud-arrow\">v<\/span> <\/div>\n<p> <\/p>\n<div class=\"ud-item active\"> <\/p>\n<div class=\"ud-av\" style=\"background:#3BB98B;\">CR<\/div>\n<p> Carlos Reed <\/div>\n<p> <\/p>\n<div class=\"ud-item\"> <\/p>\n<div class=\"ud-av\" style=\"background:#7c3aed;\">IS<\/div>\n<p> Isabella Stone <\/div>\n<p> <\/p>\n<div class=\"ud-item\"> <\/p>\n<div class=\"ud-av\" style=\"background:#0A66C2;\">JM<\/div>\n<p> Javier Mitchell <\/div>\n<p> <\/p>\n<div class=\"ud-item\"> <\/p>\n<div class=\"ud-av\" style=\"background:#ea580c;\">LB<\/div>\n<p> Lucia Brooks <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"text-side\"> <\/p>\n<div class=\"feat-block\"> <\/p>\n<h3>Centralized Multi-Account Control<\/h3>\n<p> <pee>Users can connect Gmail, Outlook, LinkedIn, and other accounts into one interface, streamlining their daily workflow and eliminating the need to switch between platforms.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"feat-block\"> <\/p>\n<h3>Send Messages Across Accounts<\/h3>\n<p> <pee>Enable users to communicate from different accounts, ensuring personalized engagement while respecting activity limits and platform guidelines.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"feat-block\"> <\/p>\n<h3>Delegate and Act On Behalf<\/h3>\n<p> <pee>Support actions like scheduling follow-ups or sending messages on behalf of teammates, ensuring continuity and collaboration in outreach efforts.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ctas\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"cta-p\"> 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> <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\" class=\"cta-s\"> 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\"\/><\/svg> <\/a> <\/div>\n<p> <\/p>\n<div class=\"cta-sub\">Test the API for free<\/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” 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 – Outreach Sequences & Analytics<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #useq { all: initial; display: block; font-family: 'Inter', sans-serif; box-sizing: border-box; } #useq * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #useq { padding: 80px 24px; background: #0f2736; } #useq .container { max-width: 1160px; margin: 0 auto; } \/* \u2500\u2500 TOP HEADER \u2500\u2500 *\/ #useq .hd { text-align: center; margin-bottom: 60px; } #useq .hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #fff !important; line-height: 1.3 !important; margin-bottom: 16px !important; } #useq .hd p { font-size: 16px !important; color: #ffffff !important; line-height: 1.7 !important; max-width: 700px !important; margin: 0 auto !important; } \/* \u2500\u2500 ROWS \u2500\u2500 *\/ #useq .feat-row { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 52px; align-items: center; margin-bottom: 80px; } #useq .feat-row.reverse { direction: rtl; } #useq .feat-row.reverse > * { direction: ltr; } \/* \u2500\u2500 TEXT BLOCKS (dark bg) \u2500\u2500 *\/ #useq .text-block { display: flex; flex-direction: column; gap: 20px; } #useq .text-block h3 { font-family: 'Poppins', sans-serif !important; font-size: 1.5rem !important; font-weight: 700 !important; color: #fff !important; line-height: 1.3 !important; } #useq .text-block p { font-size: 15px !important; color: rgba(255,255,255,0.75) !important; line-height: 1.7 !important; } #useq .text-block p a { color: #DDDF4C !important; font-weight: 600 !important; } #useq .feat-items { display: flex; flex-direction: column; gap: 18px; } #useq .feat-item { display: flex; align-items: flex-start; gap: 12px; } #useq .fi-ico { width: 32px; height: 32px; border-radius: 50%; background: rgba(221,223,76,0.12); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; } #useq .fi-ico svg { width: 16px; height: 16px; } #useq .fi-content {} #useq .fi-title { font-size: 0.9rem; font-weight: 700; color: #fff; margin-bottom: 4px; } #useq .fi-desc { font-size: 0.85rem; color: rgba(255,255,255,0.65); line-height: 1.6; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOCKUP 1: SEQUENCE BUILDER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/ #useq .app { background: #fff; border-radius: 16px; overflow: hidden; } #useq .app-bar { display: flex; align-items: center; gap: 10px; padding: 14px 20px; border-bottom: 1px solid #f1f5f9; } #useq .app-ico { width: 30px; height: 30px; background: rgba(59,185,139,0.12); border-radius: 7px; display: flex; align-items: center; justify-content: center; } #useq .app-ico svg { width: 15px; height: 15px; } #useq .app-nm { font-size: 0.85rem; font-weight: 700; color: #1e293b; } #useq .seq-body { display: grid; grid-template-columns: 1fr 1fr; } \/* Sequence column *\/ #useq .seq-col { padding: 20px 18px; display: flex; flex-direction: column; align-items: center; gap: 0; } #useq .seq-start { background: #0f2736; color: #fff; padding: 10px 32px; border-radius: 22px; font-size: 0.75rem; font-weight: 700; text-align: center; } #useq .seq-line { width: 2px; height: 16px; background: #cbd5e1; } #useq .seq-step { display: flex; align-items: center; gap: 12px; background: #fff; border: 1.5px solid #e5e7eb; border-radius: 12px; padding: 12px 16px; width: 100%; max-width: 260px; } #useq .seq-step.active { border-color: #0A66C2; border-style: dashed; background: rgba(10,102,194,0.02); } #useq .seq-step-ico { width: 36px; height: 36px; border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #useq .seq-step-ico img { width: 20px; height: 20px; object-fit: contain; } #useq .seq-step-nm { font-size: 0.75rem; font-weight: 700; color: #1e293b; } #useq .seq-step-delay { display: inline-flex; align-items: center; gap: 4px; background: #f1f5f9; padding: 3px 10px; border-radius: 12px; font-size: 0.55rem; font-weight: 600; color: #64748b; margin-top: 4px; } #useq .seq-step-delay svg { width: 8px; height: 8px; } #useq .bg-li { background: #0A66C2; } \/* Actions panel *\/ #useq .act-col { border-left: 1px solid #f1f5f9; padding: 16px 18px; } #useq .act-hd { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #f8f9fa; border-radius: 8px; margin-bottom: 10px; } #useq .act-hd-plus { width: 18px; height: 18px; border-radius: 50%; background: #0f2736; display: flex; align-items: center; justify-content: center; } #useq .act-hd-plus svg { width: 9px; height: 9px; } #useq .act-hd-txt { font-size: 0.65rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; } #useq .act-hd-chev { margin-left: auto; font-size: 0.6rem; color: #94a3b8; } #useq .act-item { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-bottom: 1px solid #f8f9fa; } #useq .act-item:last-child { border-bottom: none; } #useq .act-item img { width: 18px; height: 18px; object-fit: contain; flex-shrink: 0; } #useq .act-item span { font-size: 0.75rem; font-weight: 500; color: #374151; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOCKUP 2: ANALYTICS DONUTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/ #useq .analytics-app { background: #fff; border-radius: 16px; overflow: hidden; } #useq .an-bar { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-bottom: 1px solid #f1f5f9; } #useq .an-logo { display: flex; align-items: center; gap: 10px; } #useq .an-title { font-size: 0.85rem; font-weight: 700; color: #1e293b; } #useq .an-sub { font-size: 0.78rem; font-weight: 600; color: #1e293b; padding: 8px 20px; border-bottom: 1px solid #f1f5f9; } #useq .an-filter { font-size: 0.62rem; color: #64748b; background: #f8f9fa; padding: 4px 10px; border-radius: 5px; font-weight: 500; } #useq .an-body { padding: 20px; } \/* Stat rows (horizontal bars) *\/ #useq .stat-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f1f5f9; } #useq .stat-row:last-of-type { border-bottom: none; } #useq .stat-ico { width: 28px; height: 28px; border-radius: 6px; background: #f3f4f6; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #useq .stat-ico img { width: 16px; height: 16px; object-fit: contain; } #useq .stat-content { flex: 1; } #useq .stat-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; } #useq .stat-label { font-size: 0.75rem; font-weight: 600; color: #1e293b; } #useq .stat-val { font-size: 0.8rem; font-weight: 700; color: #1e293b; } #useq .stat-track { height: 8px; background: #e5e7eb; border-radius: 4px; overflow: hidden; } #useq .stat-fill { height: 8px; border-radius: 4px; transition: width 0.3s ease; } \/* Performance insights *\/ #useq .perf { display: flex; align-items: center; gap: 16px; padding-top: 16px; border-top: 1px solid #f1f5f9; } #useq .perf-block { display: flex; flex-direction: column; gap: 2px; } #useq .perf-label { font-size: 0.52rem; color: #94a3b8; font-weight: 500; } #useq .perf-val { display: flex; align-items: center; gap: 4px; font-size: 0.85rem; font-weight: 700; color: #1e293b; } #useq .perf-val img { width: 14px; height: 14px; object-fit: contain; } #useq .perf-badge { background: #0f2736; color: #fff; padding: 3px 10px; border-radius: 5px; font-size: 0.65rem; font-weight: 700; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOCKUP 3: LIMITS \/ WARMUP SLIDERS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/ #useq .limits-app { background: #fff; border-radius: 16px; overflow: hidden; } #useq .lim-bar { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-bottom: 1px solid #f1f5f9; } #useq .lim-sub { font-size: 0.78rem; font-weight: 600; color: #1e293b; padding: 8px 20px; border-bottom: 1px solid #f1f5f9; display: flex; align-items: center; justify-content: space-between; } #useq .lim-body { padding: 14px 20px; display: flex; flex-direction: column; gap: 8px; } #useq .lim-row { background: rgba(66,133,244,0.04); border-radius: 10px; padding: 14px 16px; display: grid; grid-template-columns: 36px 1fr 60px; gap: 12px; align-items: center; } #useq .lim-ico { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; } #useq .lim-ico img { width: 20px; height: 20px; object-fit: contain; } #useq .lim-ico svg { width: 18px; height: 18px; } #useq .lim-bg-blue { background: #0A66C2; } #useq .lim-bg-mail { background: #4285F4; } #useq .lim-content {} #useq .lim-name { font-size: 0.78rem; font-weight: 700; color: #1e293b; margin-bottom: 4px; } #useq .lim-track { position: relative; height: 6px; background: #e5e7eb; border-radius: 3px; margin-bottom: 6px; } #useq .lim-fill { position: absolute; top: 0; left: 0; height: 6px; border-radius: 3px; } #useq .lim-fill-blue { background: linear-gradient(90deg, #0A66C2, #4285F4); } #useq .lim-fill-green { background: linear-gradient(90deg, #3BB98B, #34A853); } #useq .lim-thumb { position: absolute; top: -4px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 2px solid #0A66C2; box-shadow: 0 1px 4px rgba(0,0,0,0.15); } #useq .lim-desc { font-size: 0.55rem; color: #94a3b8; } #useq .lim-markers { display: flex; justify-content: space-between; margin-top: 2px; } #useq .lim-marker { font-size: 0.48rem; color: #94a3b8; font-weight: 500; text-align: center; } #useq .lim-marker span { display: block; font-size: 0.55rem; } #useq .lim-warmup { text-align: center; } #useq .lim-wu-label { font-size: 0.48rem; color: #94a3b8; font-weight: 500; } #useq .lim-wu-val { font-size: 0.52rem; font-weight: 600; color: #EA4335; } #useq .lim-limit-val { font-size: 0.78rem; font-weight: 700; color: #1e293b; } \/* \u2500\u2500 CTAs \u2500\u2500 *\/ #useq .ctas { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; margin-top: 60px; } #useq .cta-p { display: inline-flex; align-items: center; gap: 8px; background: #DDDF4C; color: #0F2836; font-weight: 700; font-size: 0.9rem; padding: 12px 28px; border-radius: 8px; transition: transform 0.25s ease; } #useq .cta-p:hover { transform: translateY(-3px); } #useq .cta-p svg { width: 14px; height: 14px; } #useq .cta-s { display: inline-flex; align-items: center; gap: 8px; background: transparent; border: 1.5px solid rgba(221,223,76,0.5); color: #DDDF4C; font-weight: 600; font-size: 0.9rem; padding: 11px 26px; border-radius: 8px; transition: all 0.25s ease; } #useq .cta-s:hover { border-color: #DDDF4C; transform: translateY(-3px); } #useq .cta-s svg { width: 14px; height: 14px; } #useq .cta-sub { text-align: center; margin-top: 10px; font-size: 0.78rem; color: rgba(255,255,255,0.45); } \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media (max-width: 960px) { #useq .feat-row, #useq .feat-row.reverse { grid-template-columns: 1fr; gap: 36px; direction: ltr; } #useq .hd h2 { font-size: 28px !important; } #useq .seq-body { grid-template-columns: 1fr; } #useq .act-col { border-left: none; border-top: 1px solid #f1f5f9; } } @media (max-width: 600px) { #useq { padding: 52px 2px; } #useq .hd h2 { font-size: 26px !important; } #useq .donuts { grid-template-columns: 1fr 1fr; gap: 14px; } #useq .lim-row { grid-template-columns: 30px 1fr 50px; gap: 8px; padding: 10px 12px; } } @media (max-width: 400px) { #useq .hd h2 { font-size: 24px !important; } #useq .ctas { flex-direction: column; } #useq .cta-p, #useq .cta-s { width: 100%; justify-content: center; } } <\/style>\n<p><\/head><body style=\"background:#0f2736;margin:0;padding:0;\"><\/p>\n<section id=\"useq\"> <\/p>\n<div class=\"container\">  <\/p>\n<div class=\"hd\"> <\/p>\n<h2>Build Custom Outreach Sequences for Your Users<\/h2>\n<p> <pee>Enable your software to offer fully customizable outreach sequences. Your users can build and coordinate actions like sending LinkedIn invitations, emails, and WhatsApp messages, all within your platform. Deliver a seamless workflow to streamline communication and maximize engagement.<\/pee> <\/div>\n<p>  ROW 1: SEQUENCE BUILDER (mockup left, text right) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 –> <\/p>\n<div class=\"feat-row\"> <\/p>\n<div class=\"app\"> <\/p>\n<div class=\"app-bar\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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=\"app-nm\">Your CRM<\/span> <\/div>\n<p> <\/p>\n<div class=\"seq-body\">  <\/p>\n<div class=\"seq-col\"> <\/p>\n<div class=\"seq-start\">Start New Sequence<\/div>\n<p> <\/p>\n<div class=\"seq-line\"><\/div>\n<p> <\/p>\n<div class=\"seq-step\"> <\/p>\n<div class=\"seq-step-ico bg-li\"><svg viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg><\/div>\n<p> <\/p>\n<div>\n<div class=\"seq-step-nm\">LinkedIn Invitation<\/div>\n<div class=\"seq-step-delay\">Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"seq-line\"><\/div>\n<p> <\/p>\n<div class=\"seq-step active\"> <\/p>\n<div class=\"seq-step-ico bg-li\"><svg viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg><\/div>\n<p> <\/p>\n<div>\n<div class=\"seq-step-nm\">LinkedIn Message<\/div>\n<div class=\"seq-step-delay\">3 Days <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"seq-line\"><\/div>\n<p> <\/p>\n<div class=\"seq-step\"> <\/p>\n<div class=\"seq-step-ico\" style=\"background:rgba(234,67,53,0.1);\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"><\/div>\n<p> <\/p>\n<div>\n<div class=\"seq-step-nm\">Email Follow-up<\/div>\n<div class=\"seq-step-delay\">3 Days <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"seq-line\"><\/div>\n<p> <\/p>\n<div class=\"seq-step\"> <\/p>\n<div class=\"seq-step-ico\" style=\"background:rgba(37,211,102,0.12);\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"><\/div>\n<p> <\/p>\n<div>\n<div class=\"seq-step-nm\">WhatsApp Reminder<\/div>\n<div class=\"seq-step-delay\">2 Days <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"act-col\"> <\/p>\n<div class=\"act-hd\"> <\/p>\n<div class=\"act-hd-plus\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" 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> <span class=\"act-hd-txt\">Add a New Step<\/span> <span class=\"act-hd-chev\">v<\/span> <\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><span>Send a message<\/span><\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><span>Send an InMail<\/span><\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><span>Send a voice note<\/span><\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><span>Send a comment<\/span><\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"><span>Send a message<\/span><\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"><span>Send an email<\/span><\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><span>Send an email<\/span><\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><span>Send an email<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"text-block\"> <\/p>\n<h3>Build Personalized Targeted Campaigns<\/h3>\n<p> <\/p>\n<div class=\"feat-items\"> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"fi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#DDDF4C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fi-content\"> <\/p>\n<div class=\"fi-title\">Boosted Engagement<\/div>\n<p> <\/p>\n<div class=\"fi-desc\">Build and customize templates tailored to specific outreach needs. Help your users craft messages that resonate personally, ensuring stronger connections with their audience.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"fi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#DDDF4C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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> <\/p>\n<div class=\"fi-content\"> <\/p>\n<div class=\"fi-title\">Unique Outreach Strategy<\/div>\n<p> <\/p>\n<div class=\"fi-desc\">Design a tailored and unique outreach strategy directly within your platform. Help your users align communication with their target audience preferences, improving campaign outcomes.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <pee>Learn more about sequence setup in our <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\">documentation<\/a>.<\/pee> <\/div>\n<p> <\/div>\n<p>  ROW 2: ANALYTICS (text left, mockup right) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 –> <\/p>\n<div class=\"feat-row\"> <\/p>\n<div class=\"text-block\"> <\/p>\n<h3>Offer Outreach Limit Management<\/h3>\n<p> <pee>Allow your users to manage daily limits for emails, LinkedIn messages, and comments, helping them ensure safe and effective campaign execution while respecting platform guidelines.<\/pee> <pee>Provide detailed analytics and actionable insights to help your users optimize their outreach campaigns while maintaining compliance.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"analytics-app\"> <\/p>\n<div class=\"an-bar\"> <\/p>\n<div class=\"an-logo\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"an-title\">Your CRM<\/span> <\/div>\n<p> <span class=\"an-filter\">Last 7 days v<\/span> <\/div>\n<p> <\/p>\n<div class=\"an-sub\">Responses rate<\/div>\n<p> <\/p>\n<div class=\"an-body\"> <\/p>\n<div class=\"stat-row\"> <\/p>\n<div class=\"stat-ico\"><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=\"stat-content\"> <\/p>\n<div class=\"stat-hd\"><span class=\"stat-label\">LinkedIn Invitations Accepted<\/span><span class=\"stat-val\">62%<\/span><\/div>\n<p> <\/p>\n<div class=\"stat-track\">\n<div class=\"stat-fill\" style=\"width:62%;background:#0A66C2;\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"stat-row\"> <\/p>\n<div class=\"stat-ico\"><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=\"stat-content\"> <\/p>\n<div class=\"stat-hd\"><span class=\"stat-label\">LinkedIn Message Read<\/span><span class=\"stat-val\">81%<\/span><\/div>\n<p> <\/p>\n<div class=\"stat-track\">\n<div class=\"stat-fill\" style=\"width:81%;background:#0A66C2;\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"stat-row\"> <\/p>\n<div class=\"stat-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4285F4\" stroke-width=\"2\" style=\"width:16px;height:16px;\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><polyline points=\"22,4 12,13 2,4\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"stat-content\"> <\/p>\n<div class=\"stat-hd\"><span class=\"stat-label\">Email Open Rate<\/span><span class=\"stat-val\">22%<\/span><\/div>\n<p> <\/p>\n<div class=\"stat-track\">\n<div class=\"stat-fill\" style=\"width:22%;background:#94a3b8;\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"stat-row\"> <\/p>\n<div class=\"stat-ico\"><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=\"stat-content\"> <\/p>\n<div class=\"stat-hd\"><span class=\"stat-label\">WhatsApp Response Rate<\/span><span class=\"stat-val\">59%<\/span><\/div>\n<p> <\/p>\n<div class=\"stat-track\">\n<div class=\"stat-fill\" style=\"width:59%;background:#25D366;\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"perf\"> <\/p>\n<div class=\"perf-block\"> <span class=\"perf-label\">Avg. Time to Hire<\/span> <span class=\"perf-badge\">5 Days<\/span> <\/div>\n<p> <\/p>\n<div class=\"perf-block\"> <span class=\"perf-label\">New connections<\/span> <span class=\"perf-val\">+75 <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><\/span> <\/div>\n<p> <\/p>\n<div class=\"perf-block\"> <span class=\"perf-label\">Engagement<\/span> <span class=\"perf-val\">45%<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  ROW 3: WARMUP \/ LIMITS (text left, mockup right) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 –> <\/p>\n<div class=\"feat-row reverse\"> <\/p>\n<div class=\"text-block\"> <\/p>\n<h3>Support Gradual Warm-Up for Accounts<\/h3>\n<p> <pee>Enable users to safely grow their outreach by integrating warm-up progress tracking, ensuring compliance with platform policies and avoiding penalties.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"limits-app\"> <\/p>\n<div class=\"lim-bar\"> <\/p>\n<div class=\"an-logo\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"an-title\">Your CRM<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"lim-sub\"> Limits report <span class=\"an-filter\">Last 7 days v<\/span> <\/div>\n<p> <\/p>\n<div class=\"lim-body\">  <\/p>\n<div class=\"lim-row\"> <\/p>\n<div class=\"lim-ico lim-bg-mail\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><polyline points=\"22,4 12,13 2,4\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"lim-content\"> <\/p>\n<div style=\"display:flex;align-items:center;justify-content:space-between;\"><span class=\"lim-name\">Emails<\/span><span class=\"lim-limit-val\">65\/day<\/span><\/div>\n<p> <\/p>\n<div class=\"lim-track\">\n<div class=\"lim-fill lim-fill-blue\" style=\"width:62%;\"><\/div>\n<div class=\"lim-thumb\" style=\"left:60%;\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"lim-desc\">Daily limit for emails sent<\/div>\n<p> <\/p>\n<div class=\"lim-markers\"><span class=\"lim-marker\"><span>^<\/span>Safe<\/span><span class=\"lim-marker\"><span>^<\/span>Faster<\/span><span class=\"lim-marker\"><span>^<\/span>Risky<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"lim-warmup\">\n<div class=\"lim-wu-label\">Warmup<!\u2013- [et_pb_br_holder] -\u2013>pending<\/div>\n<div class=\"lim-wu-val\">0%<\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"lim-row\"> <\/p>\n<div class=\"lim-ico lim-bg-blue\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" style=\"filter:brightness(0) invert(1);\"><\/div>\n<p> <\/p>\n<div class=\"lim-content\"> <\/p>\n<div style=\"display:flex;align-items:center;justify-content:space-between;\"><span class=\"lim-name\">LinkedIn Invitations<\/span><span class=\"lim-limit-val\">30\/day<\/span><\/div>\n<p> <\/p>\n<div class=\"lim-track\">\n<div class=\"lim-fill lim-fill-blue\" style=\"width:45%;\"><\/div>\n<div class=\"lim-thumb\" style=\"left:43%;\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"lim-desc\">Daily limit for LinkedIn invitation<\/div>\n<p> <\/p>\n<div class=\"lim-markers\"><span class=\"lim-marker\"><span>^<\/span>Safe<\/span><span class=\"lim-marker\"><span>^<\/span>Faster<\/span><span class=\"lim-marker\"><span>^<\/span>Risky<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"lim-warmup\">\n<div class=\"lim-wu-label\">Warmup<!\u2013- [et_pb_br_holder] -\u2013>pending<\/div>\n<div class=\"lim-wu-val\">0%<\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"lim-row\"> <\/p>\n<div class=\"lim-ico lim-bg-blue\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" style=\"filter:brightness(0) invert(1);\"><\/div>\n<p> <\/p>\n<div class=\"lim-content\"> <\/p>\n<div style=\"display:flex;align-items:center;justify-content:space-between;\"><span class=\"lim-name\">LinkedIn Messages<\/span><span class=\"lim-limit-val\">30\/day<\/span><\/div>\n<p> <\/p>\n<div class=\"lim-track\">\n<div class=\"lim-fill lim-fill-blue\" style=\"width:38%;\"><\/div>\n<div class=\"lim-thumb\" style=\"left:36%;\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"lim-desc\">Daily limit for private messages<\/div>\n<p> <\/p>\n<div class=\"lim-markers\"><span class=\"lim-marker\"><span>^<\/span>Safe<\/span><span class=\"lim-marker\"><span>^<\/span>Faster<\/span><span class=\"lim-marker\"><span>^<\/span>Risky<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"lim-warmup\">\n<div class=\"lim-wu-label\">Warmup<!\u2013- [et_pb_br_holder] -\u2013>pending<\/div>\n<div class=\"lim-wu-val\">0%<\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"lim-row\"> <\/p>\n<div class=\"lim-ico lim-bg-blue\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" style=\"filter:brightness(0) invert(1);\"><\/div>\n<p> <\/p>\n<div class=\"lim-content\"> <\/p>\n<div style=\"display:flex;align-items:center;justify-content:space-between;\"><span class=\"lim-name\">LinkedIn Comments<\/span><span class=\"lim-limit-val\">20\/day<\/span><\/div>\n<p> <\/p>\n<div class=\"lim-track\">\n<div class=\"lim-fill lim-fill-blue\" style=\"width:30%;\"><\/div>\n<div class=\"lim-thumb\" style=\"left:28%;\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"lim-desc\">Daily limit for comments on public LinkedIn posts<\/div>\n<p> <\/p>\n<div class=\"lim-markers\"><span class=\"lim-marker\"><span>^<\/span>Safe<\/span><span class=\"lim-marker\"><span>^<\/span>Faster<\/span><span class=\"lim-marker\"><span>^<\/span>Risky<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"lim-warmup\">\n<div class=\"lim-wu-label\">Warmup<!\u2013- [et_pb_br_holder] -\u2013>pending<\/div>\n<div class=\"lim-wu-val\">0%<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ctas\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"cta-p\"> 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> <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\" class=\"cta-s\"> 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\"\/><\/svg> <\/a> <\/div>\n<p> <\/p>\n<div class=\"cta-sub\">Test the API for free<\/div>\n<p> <\/div>\n<p><\/section>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Outreach Extension<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #uext-out { all: initial; display: block; font-family: 'Inter', sans-serif; background: #f4f5f7; box-sizing: border-box; } #uext-out * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #uext-out { padding: 100px 24px; } #uext-out .w { max-width: 1160px; margin: 0 auto; } \/* \u2500\u2500 HEADER \u2500\u2500 *\/ #uext-out .hd { text-align: center; margin-bottom: 64px; } #uext-out .eyebrow { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #e2e8f0; padding: 5px 14px; border-radius: 20px; font-size: 0.68rem; font-weight: 700; color: #475569; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 22px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); } #uext-out .eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: #3BB98B; } #uext-out .hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.15 !important; margin-bottom: 18px !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; } #uext-out .hd h2 em { font-style: normal !important; color: #3BB98B !important; } #uext-out .hd p { font-size: 16px !important; color: #383838 !important; line-height: 1.7 !important; max-width: 680px !important; margin: 0 auto !important; } \/* \u2500\u2500 3-STEP FLOW \u2500\u2500 *\/ #uext-out .flow { display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr; align-items: center; gap: 0; margin-bottom: 64px; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05); } #uext-out .flow-step { padding: 28px; display: flex; flex-direction: column; gap: 10px; } #uext-out .flow-step:not(:last-child) { border-right: 1px solid #f1f5f9; } #uext-out .flow-num { width: 26px; height: 26px; border-radius: 50%; background: #0f2736; color: #DDDF4C; display: flex; align-items: center; justify-content: center; font-size: 0.65rem; font-weight: 800; } #uext-out .flow-icon-wrap { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 4px; } #uext-out .fi-yellow { background: rgba(221,223,76,0.15); } #uext-out .fi-green { background: rgba(59,185,139,0.12); } #uext-out .fi-blue { background: rgba(10,102,194,0.1); } #uext-out .flow-icon-wrap svg { width: 20px; height: 20px; } #uext-out .flow-title { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 700; color: #0f2736; } #uext-out .flow-desc { font-size: 0.78rem; color: #64748b; line-height: 1.6; } #uext-out .flow-arrow { display: flex; align-items: center; justify-content: center; } #uext-out .flow-arrow svg { width: 20px; height: 20px; color: #cbd5e1; } \/* \u2500\u2500 DUAL MOCKUP \u2500\u2500 *\/ #uext-out .dual { display: grid; grid-template-columns: 1fr auto 1fr; gap: 0; align-items: center; } \/* \u2500\u2500 CONNECTOR \u2500\u2500 *\/ #uext-out .connector-mid { display: flex; flex-direction: column; align-items: center; padding: 0 16px; gap: 10px; } #uext-out .conn-line { height: 2px; width: 60px; background: repeating-linear-gradient(90deg, #3BB98B 0, #3BB98B 6px, transparent 6px, transparent 12px); } #uext-out .conn-badge { display: flex; flex-direction: column; align-items: center; gap: 6px; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px 14px; box-shadow: 0 4px 16px rgba(59,185,139,0.12); min-width: 72px; } #uext-out .conn-badge-icon { width: 32px; height: 32px; border-radius: 8px; background: linear-gradient(135deg, #3BB98B, #2da077); display: flex; align-items: center; justify-content: center; } #uext-out .conn-badge-icon svg { width: 16px; height: 16px; color: #fff; } #uext-out .conn-label { font-size: 0.52rem; font-weight: 700; color: #3BB98B; text-align: center; text-transform: uppercase; letter-spacing: 0.4px; } \/* \u2550\u2550\u2550 LEFT: Chrome + LinkedIn \u2550\u2550\u2550 *\/ #uext-out .mock-ext { background: #fff; border-radius: 16px; border: 1px solid #e2e8f0; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.05), 0 20px 50px rgba(0,0,0,0.08); } #uext-out .chrome-bar { padding: 8px 12px; background: #f1f3f4; border-bottom: 1px solid #e2e8f0; display: flex; align-items: center; gap: 8px; } #uext-out .chrome-dots { display: flex; gap: 4px; } #uext-out .chrome-dot { width: 9px; height: 9px; border-radius: 50%; } #uext-out .cd-r { background: #ff5f57; } #uext-out .cd-y { background: #febc2e; } #uext-out .cd-g { background: #28c840; } #uext-out .chrome-url { flex: 1; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; padding: 4px 10px; display: flex; align-items: center; gap: 6px; font-size: 0.6rem; color: #64748b; } #uext-out .chrome-url svg { width: 10px; height: 10px; color: #94a3b8; } #uext-out .chrome-ext { width: 20px; height: 20px; background: rgba(59,185,139,0.15); border-radius: 5px; display: flex; align-items: center; justify-content: center; } #uext-out .chrome-ext svg { width: 11px; height: 11px; color: #3BB98B; } #uext-out .li-banner { height: 80px; background: linear-gradient(135deg, #0f2736 0%, #1a3d52 50%, #0A66C2 100%); position: relative; display: flex; align-items: flex-end; padding: 0 16px 0; } #uext-out .li-avatar { width: 56px; height: 56px; border-radius: 50%; border: 3px solid #fff; object-fit: cover; position: absolute; bottom: -20px; left: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); } #uext-out .li-banner-text { padding-left: 80px; padding-bottom: 8px; } #uext-out .li-name { font-size: 0.72rem; font-weight: 700; color: #fff; } #uext-out .li-job-title { font-size: 0.58rem; color: rgba(255,255,255,0.75); } #uext-out .li-body { padding: 28px 16px 16px; border-bottom: 1px solid #f1f5f9; } #uext-out .li-full-name { font-size: 0.88rem; font-weight: 700; color: #1e293b; margin-bottom: 2px; } #uext-out .li-full-title { font-size: 0.7rem; color: #64748b; margin-bottom: 8px; } #uext-out .li-bio { font-size: 0.62rem; color: #64748b; line-height: 1.55; margin-bottom: 12px; } #uext-out .li-actions { display: flex; gap: 6px; flex-wrap: wrap; } #uext-out .li-btn { display: inline-flex; align-items: center; gap: 5px; padding: 5px 12px; border-radius: 20px; font-size: 0.62rem; font-weight: 700; } #uext-out .lb-primary { background: #0A66C2; color: #fff; } #uext-out .lb-outline { border: 1.5px solid #0A66C2; color: #0A66C2; } #uext-out .lb-ghost { border: 1.5px solid #cbd5e1; color: #475569; } #uext-out .lb-enrich { background: #DDDF4C; color: #0f2736; padding: 5px 12px; border-radius: 20px; font-size: 0.62rem; font-weight: 700; display: inline-flex; align-items: center; gap: 4px; } #uext-out .lb-enrich svg { width: 9px; height: 9px; } #uext-out .ext-hint { font-size: 0.5rem; color: #94a3b8; text-align: right; padding: 6px 16px 8px; font-style: italic; } \/* \u2550\u2550\u2550 RIGHT: Outreach Tool enriched \u2550\u2550\u2550 *\/ #uext-out .mock-crm { background: #fff; border-radius: 16px; border: 1px solid #e2e8f0; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.05), 0 20px 50px rgba(0,0,0,0.08); } #uext-out .crm-bar { display: flex; align-items: center; gap: 9px; padding: 12px 16px; background: #fff; border-bottom: 1px solid #f1f5f9; } #uext-out .crm-icon { width: 28px; height: 28px; background: rgba(59,185,139,0.12); border-radius: 7px; display: flex; align-items: center; justify-content: center; } #uext-out .crm-icon svg { width: 14px; height: 14px; } #uext-out .crm-name { font-size: 13px; font-weight: 700; color: #0f2736; } #uext-out .crm-profile { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #f1f5f9; } #uext-out .crm-av { width: 46px; height: 46px; border-radius: 10px; object-fit: cover; flex-shrink: 0; } #uext-out .crm-pname { font-size: 0.85rem; font-weight: 700; color: #1e293b; } #uext-out .crm-ptitle { font-size: 0.7rem; color: #64748b; } #uext-out .crm-plevel { font-size: 0.6rem; color: #3BB98B; font-weight: 600; } #uext-out .crm-data { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0 16px 14px; background: rgba(59,185,139,0.04); border: 1px solid rgba(59,185,139,0.15); border-radius: 10px; overflow: hidden; } #uext-out .data-cell { display: flex; align-items: center; gap: 7px; padding: 8px 10px; border-bottom: 1px solid rgba(59,185,139,0.1); border-right: 1px solid rgba(59,185,139,0.1); } #uext-out .data-cell:nth-child(2n) { border-right: none; } #uext-out .data-cell:nth-last-child(-n+2) { border-bottom: none; } #uext-out .data-cell svg { width: 12px; height: 12px; color: #3BB98B; flex-shrink: 0; } #uext-out .data-val { font-size: 0.62rem; color: #374151; font-weight: 500; } #uext-out .data-enriched { width: 7px; height: 7px; border-radius: 50%; background: #3BB98B; margin-left: auto; flex-shrink: 0; } #uext-out .crm-actions-label { font-size: 0.55rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #94a3b8; padding: 0 16px; margin-bottom: 10px; } #uext-out .crm-actions-label span { font-weight: 700; color: #0f2736; } #uext-out .crm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 16px 16px; } #uext-out .act-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 11px 12px; } #uext-out .act-icon { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; margin-bottom: 7px; } #uext-out .ai-teal { background: rgba(59,185,139,0.12); } #uext-out .ai-li { background: rgba(10,102,194,0.1); } #uext-out .ai-em { background: rgba(234,67,53,0.1); } #uext-out .ai-wa { background: rgba(37,211,102,0.1); } #uext-out .act-icon svg { width: 14px; height: 14px; } #uext-out .act-icon img { width: 16px; height: 16px; object-fit: contain; } #uext-out .act-name { font-size: 0.68rem; font-weight: 700; color: #1e293b; margin-bottom: 3px; } #uext-out .act-desc { font-size: 0.57rem; color: #94a3b8; line-height: 1.4; margin-bottom: 8px; } #uext-out .act-btn { display: inline-block; padding: 4px 10px; background: #0f2736; color: #fff; border-radius: 5px; font-size: 0.55rem; font-weight: 700; } #uext-out .act-btn-li { background: #0A66C2; } #uext-out .act-btn-wa { background: #25D366; } \/* \u2500\u2500 CTA \u2500\u2500 *\/ #uext-out .cta-block { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-top: 56px; } #uext-out .cta-row { display: flex; align-items: center; gap: 14px; } #uext-out .btn-primary { display: inline-flex; align-items: center; gap: 8px; background: #DDDF4C; color: #0F2836; font-weight: 700; font-size: 0.9rem; padding: 13px 26px; border-radius: 8px; transition: all 0.3s ease; width: fit-content; } #uext-out .btn-primary:hover { transform: translateX(4px); } #uext-out .btn-primary svg { width: 14px; height: 14px; transition: transform 0.3s ease; } #uext-out .btn-primary:hover svg { transform: translateX(4px); } #uext-out .btn-outline { display: inline-flex; align-items: center; gap: 8px; background: transparent; color: #0f2736; font-weight: 700; font-size: 0.9rem; padding: 12px 26px; border-radius: 8px; border: 1.5px solid #cbd5e1; transition: all 0.3s ease; width: fit-content; } #uext-out .btn-outline:hover { transform: translateX(4px); border-color: #0f2736; } #uext-out .btn-outline svg { width: 14px; height: 14px; } #uext-out .cta-sub { font-size: 0.75rem; color: #94a3b8; } \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media (max-width: 1000px) { #uext-out .flow { grid-template-columns: 1fr; } #uext-out .flow-arrow { display: none; } #uext-out .flow-step { border-right: none !important; border-bottom: 1px solid #f1f5f9; } #uext-out .flow-step:last-child { border-bottom: none; } } @media (max-width: 900px) { #uext-out { padding: 60px 20px; } #uext-out .hd h2 { font-size: 28px !important; } #uext-out .dual { grid-template-columns: 1fr; gap: 24px; } #uext-out .connector-mid { flex-direction: row; padding: 0; justify-content: center; gap: 12px; } #uext-out .conn-line { width: 40px; height: 2px; } } @media (max-width: 600px) { #uext-out { padding: 48px 16px; } #uext-out .hd h2 { font-size: 26px !important; } #uext-out .li-actions { flex-wrap: wrap; gap: 5px; } #uext-out .crm-grid { grid-template-columns: 1fr; } #uext-out .crm-data { grid-template-columns: 1fr; } #uext-out .data-cell { border-right: none !important; } #uext-out .data-cell:nth-last-child(-n+2) { border-bottom: 1px solid rgba(59,185,139,0.1) !important; } #uext-out .data-cell:last-child { border-bottom: none !important; } #uext-out .cta-row { flex-direction: column; width: 100%; } #uext-out .btn-primary, #uext-out .btn-outline { width: 100%; justify-content: center; } } @media (max-width: 400px) { #uext-out .hd h2 { font-size: 24px !important; } } <\/style>\n<p><\/head><body style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"uext-out\"> <\/p>\n<div class=\"w\"> <\/p>\n<div class=\"hd\"> <\/p>\n<div class=\"eyebrow\">\n<div class=\"eyebrow-dot\"><\/div>\n<p>Chrome Extension + API<\/p><\/div>\n<p> <\/p>\n<h2>Your Extension Captures.<!\u2013- [et_pb_br_holder] -\u2013><em>Your Outreach Tool Enriches.<\/em><\/h2>\n<p> <pee>While your extension interacts with users on LinkedIn, Unipile’s API works in the background to enrich profiles, route data securely and trigger outreach actions inside your platform, all without exposing sensitive API keys.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"flow\"> <\/p>\n<div class=\"flow-step\"> <\/p>\n<div style=\"display:flex;align-items:center;gap:10px;margin-bottom:6px;\"> <\/p>\n<div class=\"flow-num\">1<\/div>\n<p> <\/p>\n<div class=\"flow-icon-wrap fi-yellow\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8a8c00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5z\"\/><path d=\"M20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><path d=\"M9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5z\"\/><path d=\"M3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14z\"\/><path d=\"M14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5z\"\/><path d=\"M15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z\"\/><path d=\"M10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5z\"\/><path d=\"M8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z\"\/><\/svg> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"flow-title\">Extension Captures<\/div>\n<p> <\/p>\n<div class=\"flow-desc\">Your Chrome extension detects the active LinkedIn profile and sends structured data to your secure backend via Unipile’s API.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"flow-arrow\"><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\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"flow-step\"> <\/p>\n<div style=\"display:flex;align-items:center;gap:10px;margin-bottom:6px;\"> <\/p>\n<div class=\"flow-num\">2<\/div>\n<p> <\/p>\n<div class=\"flow-icon-wrap fi-green\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"flow-title\">API Enriches Securely<\/div>\n<p> <\/p>\n<div class=\"flow-desc\">Unipile processes the data server-side, enriching profiles and resolving contact info without leaking credentials to the browser.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"flow-arrow\"><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\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"flow-step\"> <\/p>\n<div style=\"display:flex;align-items:center;gap:10px;margin-bottom:6px;\"> <\/p>\n<div class=\"flow-num\">3<\/div>\n<p> <\/p>\n<div class=\"flow-icon-wrap fi-blue\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0A66C2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 2L11 13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"flow-title\">Outreach Takes Action<\/div>\n<p> <\/p>\n<div class=\"flow-desc\">Enriched data lands directly in your outreach tool. Add to sequences, send InMails, trigger follow-ups, all from one unified interface.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"dual\">  <\/p>\n<div class=\"mock-ext\"> <\/p>\n<div class=\"chrome-bar\"> <\/p>\n<div class=\"chrome-dots\">\n<div class=\"chrome-dot cd-r\"><\/div>\n<div class=\"chrome-dot cd-y\"><\/div>\n<div class=\"chrome-dot cd-g\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"chrome-url\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg> linkedin.com\/in\/michel-opra\/ <\/div>\n<p> <\/p>\n<div class=\"chrome-ext\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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> <\/div>\n<p> <\/p>\n<div class=\"li-banner\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=120&h=120&fit=crop&crop=face\" alt=\"Michel Opra\" class=\"li-avatar\"> <\/p>\n<div class=\"li-banner-text\"> <\/p>\n<div class=\"li-name\">Michel Opra<\/div>\n<p> <\/p>\n<div class=\"li-job-title\">VP of Operations<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"li-body\"> <\/p>\n<div class=\"li-full-name\">Michel Opra<\/div>\n<p> <\/p>\n<div class=\"li-full-title\">VP of Operations at Nexatech<\/div>\n<p> <\/p>\n<div class=\"li-bio\">Operations leader with 12+ years of experience driving efficiency in tech companies. Passionate about supply chain optimization and cross-functional team management.<\/div>\n<p> <\/p>\n<div class=\"li-actions\"> <\/p>\n<div class=\"li-btn lb-primary\"> <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg> Connect <\/div>\n<p> <\/p>\n<div class=\"li-btn lb-outline\">Message<\/div>\n<p> <\/p>\n<div class=\"li-btn lb-ghost\">More<\/div>\n<p> <\/p>\n<div class=\"lb-enrich\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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> Enrich <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ext-hint\">Powered by Extension<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"connector-mid\"> <\/p>\n<div class=\"conn-line\"><\/div>\n<p> <\/p>\n<div class=\"conn-badge\"> <\/p>\n<div class=\"conn-badge-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg> <\/div>\n<p> <span class=\"conn-label\">API<!\u2013- [et_pb_br_holder] -\u2013>Relay<\/span> <\/div>\n<p> <\/p>\n<div class=\"conn-line\"><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"mock-crm\"> <\/p>\n<div class=\"crm-bar\"> <\/p>\n<div class=\"crm-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 2L11 13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg> <\/div>\n<p> <span class=\"crm-name\">Your Outreach Tool<\/span> <\/div>\n<p> <\/p>\n<div class=\"crm-profile\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=120&h=120&fit=crop&crop=face\" alt=\"Michel Opra\" class=\"crm-av\"> <\/p>\n<div> <\/p>\n<div class=\"crm-pname\">Michel Opra<\/div>\n<p> <\/p>\n<div class=\"crm-ptitle\">VP of Operations at Nexatech<\/div>\n<p> <\/p>\n<div class=\"crm-plevel\">Seniority: 12 years (VP Level)<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"crm-data\"> <\/p>\n<div class=\"data-cell\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg> <span class=\"data-val\">michel.opra@nexatech.io<\/span> <\/p>\n<div class=\"data-enriched\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"data-cell\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg> <span class=\"data-val\">Nexatech, Jan 2018<\/span> <\/p>\n<div class=\"data-enriched\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"data-cell\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.42 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.96a16 16 0 0 0 6.06 6.06l.95-.95a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7a2 2 0 0 1 1.72 2.02z\"\/><\/svg> <span class=\"data-val\">+33 6 12 34 56 78<\/span> <\/p>\n<div class=\"data-enriched\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"data-cell\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z\"\/><\/svg> <span class=\"data-val\">Paris, France<\/span> <\/p>\n<div class=\"data-enriched\"><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"crm-actions-label\">Engage with <span>Michel Opra<\/span><\/div>\n<p> <\/p>\n<div class=\"crm-grid\"> <\/p>\n<div class=\"act-card\"> <\/p>\n<div class=\"act-icon ai-teal\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"\/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"act-name\">Sequence<\/div>\n<p> <\/p>\n<div class=\"act-desc\">Add to outreach campaign<\/div>\n<p> <\/p>\n<div class=\"act-btn\">Add to sequence<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"act-card\"> <\/p>\n<div class=\"act-icon ai-em\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EA4335\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"act-name\">Email<\/div>\n<p> <\/p>\n<div class=\"act-desc\">Send a personalized email<\/div>\n<p> <\/p>\n<div class=\"act-btn\">Send Email<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"act-card\"> <\/p>\n<div class=\"act-icon ai-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=\"act-name\">InMail<\/div>\n<p> <\/p>\n<div class=\"act-desc\">Send a LinkedIn InMail<\/div>\n<p> <\/p>\n<div class=\"act-btn act-btn-li\">Send InMail<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"act-card\"> <\/p>\n<div class=\"act-icon ai-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=\"act-name\">WhatsApp<\/div>\n<p> <\/p>\n<div class=\"act-desc\">Send a WhatsApp message<\/div>\n<p> <\/p>\n<div class=\"act-btn act-btn-wa\">Send Message<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"cta-block\"> <\/p>\n<div class=\"cta-row\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"btn-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\"\/><\/svg> <\/a> <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\" class=\"btn-outline\"> 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\"\/><\/svg> <\/a> <\/div>\n<p> <span class=\"cta-sub\">Test the API for free<\/span> <\/div>\n<p> <\/div>\n<p><\/section>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – CRM Start Building<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #udev-crm { all: initial; display: block; font-family: 'Inter', sans-serif; background: #f4f5f7; box-sizing: border-box; } #udev-crm * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #udev-crm { padding: 100px 24px; } #udev-crm .w { max-width: 1100px; margin: 0 auto; } \/* HEADER *\/ #udev-crm .hd { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; margin-bottom: 60px; } #udev-crm .eyebrow { display: inline-flex; align-items: center; gap: 7px; background: #fff; border: 1px solid #e2e8f0; padding: 5px 13px; border-radius: 20px; font-size: 0.65rem; font-weight: 700; color: #3BB98B; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.05); } #udev-crm .eyebrow svg { width: 11px; height: 11px; } #udev-crm .hd h2 { font-family: 'Poppins', sans-serif; font-size: 35px; font-weight: 700; color: #0f2736; line-height: 1.18; margin-bottom: 18px; } #udev-crm .hd h2 span { color: #3BB98B; } #udev-crm .hd-desc { font-size: 16px; color: #383838; line-height: 1.7; margin-bottom: 28px; } \/* SDK pills *\/ #udev-crm .sdk-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 28px; } #udev-crm .sdk-label { font-size: 0.62rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; margin-right: 4px; } #udev-crm .sdk-pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; background: #fff; border: 1px solid #e2e8f0; border-radius: 7px; font-size: 0.68rem; font-weight: 600; color: #374151; box-shadow: 0 1px 3px rgba(0,0,0,0.05); transition: border-color 0.2s ease; } #udev-crm .sdk-pill:hover { border-color: #3BB98B; } #udev-crm .sdk-dot { width: 8px; height: 8px; border-radius: 50%; } #udev-crm .dot-js { background: #f7df1e; } #udev-crm .dot-py { background: #3776ab; } #udev-crm .dot-php { background: #777bb4; } #udev-crm .dot-rb { background: #cc342d; } \/* Steps *\/ #udev-crm .hd-right { display: flex; flex-direction: column; gap: 0; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05); } #udev-crm .step-item { display: flex; align-items: flex-start; gap: 14px; padding: 18px 20px; border-bottom: 1px solid #f1f5f9; transition: background 0.15s ease; } #udev-crm .step-item:last-child { border-bottom: none; } #udev-crm .step-item:hover { background: #fafbfc; } #udev-crm .step-num { width: 26px; height: 26px; border-radius: 50%; background: #0f2736; color: #DDDF4C; display: flex; align-items: center; justify-content: center; font-size: 0.62rem; font-weight: 800; flex-shrink: 0; margin-top: 1px; } #udev-crm .step-title { font-size: 0.82rem; font-weight: 700; color: #1e293b; margin-bottom: 4px; } #udev-crm .step-desc { font-size: 0.72rem; color: #64748b; line-height: 1.55; } #udev-crm .step-time { margin-left: auto; flex-shrink: 0; display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; background: rgba(59,185,139,0.1); border-radius: 5px; font-size: 0.58rem; font-weight: 700; color: #3BB98B; margin-top: 2px; } \/* CODE BLOCK *\/ #udev-crm .code-section { background: #0f2736; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.15), 0 32px 64px rgba(0,0,0,0.12); } #udev-crm .code-tabs { display: flex; align-items: center; gap: 0; background: rgba(0,0,0,0.2); border-bottom: 1px solid rgba(255,255,255,0.06); padding: 0 20px; overflow-x: auto; } #udev-crm .code-tab { display: inline-flex; align-items: center; gap: 7px; padding: 12px 18px; font-size: 0.68rem; font-weight: 600; color: rgba(255,255,255,0.45); cursor: pointer; border-bottom: 2px solid transparent; white-space: nowrap; transition: color 0.2s ease; } #udev-crm .code-tab.active { color: #fff; border-bottom-color: #3BB98B; } #udev-crm .code-tab img { width: 14px; height: 14px; object-fit: contain; } #udev-crm .code-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; background: rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0.06); } #udev-crm .code-filename { display: flex; align-items: center; gap: 7px; font-size: 0.62rem; font-weight: 600; color: rgba(255,255,255,0.4); } #udev-crm .code-filename svg { width: 12px; height: 12px; } #udev-crm .code-copy { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; background: rgba(255,255,255,0.07); border-radius: 5px; font-size: 0.6rem; font-weight: 600; color: rgba(255,255,255,0.5); cursor: pointer; } #udev-crm .code-copy svg { width: 11px; height: 11px; } #udev-crm .code-body { padding: 24px; font-family: 'JetBrains Mono', monospace; font-size: 0.78rem; line-height: 1.9; color: rgba(255,255,255,0.85); overflow-x: auto; } #udev-crm .t-comment { color: rgba(255,255,255,0.3); font-style: italic; } #udev-crm .t-keyword { color: #c792ea; } #udev-crm .t-fn { color: #82aaff; } #udev-crm .t-str { color: #c3e88d; } #udev-crm .t-num { color: #f78c6c; } #udev-crm .t-prop { color: #ffcb6b; } #udev-crm .t-op { color: rgba(255,255,255,0.5); } #udev-crm .t-acc { color: #DDDF4C; } #udev-crm .code-line { display: flex; gap: 20px; } #udev-crm .ln { color: rgba(255,255,255,0.18); user-select: none; min-width: 20px; text-align: right; flex-shrink: 0; } #udev-crm .code-line.hl { background: rgba(59,185,139,0.07); border-left: 2px solid #3BB98B; margin: 0 -24px; padding: 0 24px; } #udev-crm .code-response { border-top: 1px solid rgba(255,255,255,0.06); padding: 16px 24px; display: flex; align-items: center; gap: 12px; background: rgba(59,185,139,0.06); } #udev-crm .resp-icon { width: 28px; height: 28px; border-radius: 50%; background: rgba(59,185,139,0.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #udev-crm .resp-icon svg { width: 13px; height: 13px; color: #3BB98B; } #udev-crm .resp-text { font-size: 0.72rem; color: rgba(255,255,255,0.7); font-family: 'JetBrains Mono', monospace; } #udev-crm .resp-val { color: #3BB98B; font-weight: 600; } \/* FEATURES *\/ #udev-crm .feats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 20px; } #udev-crm .feat-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 10px; } #udev-crm .feat-icon { width: 36px; height: 36px; border-radius: 9px; display: flex; align-items: center; justify-content: center; } #udev-crm .fi-g { background: rgba(59,185,139,0.12); } #udev-crm .fi-b { background: rgba(10,102,194,0.1); } #udev-crm .fi-y { background: rgba(221,223,76,0.18); } #udev-crm .fi-p { background: rgba(99,102,241,0.1); } #udev-crm .feat-icon svg { width: 17px; height: 17px; } #udev-crm .feat-title { font-size: 0.82rem; font-weight: 700; color: #1e293b; } #udev-crm .feat-desc { font-size: 0.72rem; color: #64748b; line-height: 1.6; } \/* CTA *\/ #udev-crm .cta-block { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 52px; } #udev-crm .btn-primary { display: inline-flex; align-items: center; gap: 8px; background: #DDDF4C; color: #0F2836; font-weight: 700; font-size: 0.9rem; padding: 13px 26px; border-radius: 8px; transition: all 0.3s ease; width: fit-content; } #udev-crm .btn-primary:hover { transform: translateX(4px); } #udev-crm .btn-primary:hover svg { transform: translateX(4px); } #udev-crm .btn-primary svg { width: 14px; height: 14px; transition: transform 0.3s ease; } #udev-crm .btn-outline { display: inline-flex; align-items: center; gap: 8px; background: transparent; color: #0f2736; font-weight: 700; font-size: 0.9rem; padding: 12px 26px; border-radius: 8px; border: 1.5px solid #cbd5e1; transition: all 0.3s ease; width: fit-content; } #udev-crm .btn-outline:hover { transform: translateX(4px); border-color: #0f2736; } #udev-crm .btn-outline svg { width: 14px; height: 14px; } \/* RESPONSIVE *\/ @media (max-width: 1000px) { #udev-crm .feats { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 900px) { #udev-crm { padding: 60px 20px; } #udev-crm .hd { grid-template-columns: 1fr; gap: 36px; } #udev-crm .hd h2 { font-size: 28px; } } @media (max-width: 600px) { #udev-crm .hd h2 { font-size: 24px; } #udev-crm .feats { grid-template-columns: 1fr; } } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"udev-crm\"> <\/p>\n<div class=\"w\"> <\/p>\n<div class=\"hd\"> <\/p>\n<div class=\"hd-left\"> <\/p>\n<div class=\"eyebrow\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg> For Developers <\/div>\n<p> <\/p>\n<h2>Start Building<!\u2013- [et_pb_br_holder] -\u2013><span>in Minutes<\/span><\/h2>\n<p> <pee class=\"hd-desc\">Integrate LinkedIn messaging, profile enrichment and calendar sync into your Outreach tool with a few API calls. REST endpoints, official SDKs and full documentation ready to go.<\/pee> <\/p>\n<div class=\"sdk-row\"> <span class=\"sdk-label\">SDKs<\/span> <a href=\"https:\/\/developer.unipile.com\/docs\/sdk\" target=\"_blank\" class=\"sdk-pill\"><span class=\"sdk-dot dot-js\"><\/span> Node.js<\/a> <a href=\"https:\/\/developer.unipile.com\/docs\/sdk\" target=\"_blank\" class=\"sdk-pill\"><span class=\"sdk-dot dot-py\"><\/span> Python<\/a> <a href=\"https:\/\/developer.unipile.com\/docs\/sdk\" target=\"_blank\" class=\"sdk-pill\"><span class=\"sdk-dot dot-php\"><\/span> PHP<\/a> <a href=\"https:\/\/developer.unipile.com\/docs\/sdk\" target=\"_blank\" class=\"sdk-pill\"><span class=\"sdk-dot dot-rb\"><\/span> Ruby<\/a> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"hd-right\"> <\/p>\n<div class=\"step-item\"> <\/p>\n<div class=\"step-num\">1<\/div>\n<p> <\/p>\n<div class=\"step-content\"> <\/p>\n<div class=\"step-title\">Create your API key<\/div>\n<p> <\/p>\n<div class=\"step-desc\">Sign up and generate credentials from the Unipile dashboard in seconds.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"step-time\">~2 min<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"step-item\"> <\/p>\n<div class=\"step-num\">2<\/div>\n<p> <\/p>\n<div class=\"step-content\"> <\/p>\n<div class=\"step-title\">Connect a LinkedIn account<\/div>\n<p> <\/p>\n<div class=\"step-desc\">Use the hosted auth flow or embed it directly in your CRM UI.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"step-time\">~10 min<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"step-item\"> <\/p>\n<div class=\"step-num\">3<\/div>\n<p> <\/p>\n<div class=\"step-content\"> <\/p>\n<div class=\"step-title\">Call the Messaging API<\/div>\n<p> <\/p>\n<div class=\"step-desc\">Send messages, retrieve threads, sync inbox, attach files, all via REST.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"step-time\">~15 min<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"step-item\"> <\/p>\n<div class=\"step-num\">4<\/div>\n<p> <\/p>\n<div class=\"step-content\"> <\/p>\n<div class=\"step-title\">Receive webhooks<\/div>\n<p> <\/p>\n<div class=\"step-desc\">Get notified in real-time when prospects reply, accept invitations or open emails.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"step-time\">~5 min<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"code-section\"> <\/p>\n<div class=\"code-tabs\"> <\/p>\n<div class=\"code-tab active\" onclick=\"udevCrmTab(this,'li')\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\">Send LinkedIn Message<\/div>\n<p> <\/p>\n<div class=\"code-tab\" onclick=\"udevCrmTab(this,'email')\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\">Email Sync<\/div>\n<p> <\/p>\n<div class=\"code-tab\" onclick=\"udevCrmTab(this,'cal')\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Calendar\">Calendar Event<\/div>\n<p> <\/p>\n<div class=\"code-tab\" onclick=\"udevCrmTab(this,'wa')\"><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=\"code-toolbar\"> <\/p>\n<div class=\"code-filename\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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 id=\"udev-crm-filename\">send-linkedin-message.js<\/span> <\/div>\n<p> <\/p>\n<div class=\"code-copy\" onclick=\"udevCrmCopy()\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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 2v1\"\/><\/svg> <span id=\"udev-crm-copy-label\">Copy<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"code-body\" id=\"udev-crm-code-body\"> <\/p>\n<div class=\"code-line\"><span class=\"ln\">1<\/span><span class=\"t-comment\">\/\/ Install: npm install @unipile\/node-sdk<\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">2<\/span><span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">3<\/span><span><span class=\"t-keyword\">import<\/span> <span class=\"t-op\">{<\/span> <span class=\"t-fn\">UnipileClient<\/span> <span class=\"t-op\">}<\/span> <span class=\"t-keyword\">from<\/span> <span class=\"t-str\">‘@unipile\/node-sdk’<\/span><span class=\"t-op\">;<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">4<\/span><span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">5<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">client<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">new<\/span> <span class=\"t-fn\">UnipileClient<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">6<\/span><span> <span class=\"t-prop\">apiKey<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">‘your_api_key’<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">7<\/span><span> <span class=\"t-prop\">baseUrl<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">‘https:\/\/api1.unipile.com:13465’<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">8<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">9<\/span><span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line hl\"><span class=\"ln\">10<\/span><span><span class=\"t-comment\">\/\/ Send a LinkedIn message to a prospect<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line hl\"><span class=\"ln\">11<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">message<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">await<\/span> <span class=\"t-acc\">client<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">messaging<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">sendMessage<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line hl\"><span class=\"ln\">12<\/span><span> <span class=\"t-prop\">account_id<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">‘sales_rep_account_id’<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line hl\"><span class=\"ln\">13<\/span><span> <span class=\"t-prop\">attendees_ids<\/span><span class=\"t-op\">:<\/span> <span class=\"t-op\">[<\/span><span class=\"t-str\">‘linkedin_profile_urn’<\/span><span class=\"t-op\">],<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line hl\"><span class=\"ln\">14<\/span><span> <span class=\"t-prop\">text<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">`Hi <\/span><span class=\"t-op\">${<\/span><span class=\"t-acc\">prospect<\/span><span class=\"t-op\">.<\/span><span class=\"t-prop\">firstName<\/span><span class=\"t-op\">}<\/span><span class=\"t-str\">, I’d love to discuss how we can help.`<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line hl\"><span class=\"ln\">15<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">16<\/span><span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">17<\/span><span><span class=\"t-fn\">console<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">log<\/span><span class=\"t-op\">(<\/span><span class=\"t-str\">‘Message sent:’<\/span><span class=\"t-op\">,<\/span> <span class=\"t-acc\">message<\/span><span class=\"t-op\">.<\/span><span class=\"t-prop\">id<\/span><span class=\"t-op\">);<\/span><\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"code-response\"> <\/p>\n<div class=\"resp-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"resp-text\" id=\"udev-crm-resp-text\">Response: <span class=\"resp-val\">200 OK<\/span> | <span class=\"resp-val\">“id”: “msg_01J9X…”<\/span> | <span class=\"resp-val\">“status”: “sent”<\/span> | delivered in <span class=\"resp-val\">~280ms<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"feats\"> <\/p>\n<div class=\"feat-card\"> <\/p>\n<div class=\"feat-icon fi-g\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 20V10\"\/><path d=\"M12 20V4\"\/><path d=\"M6 20v-6\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-title\">Real-time Webhooks<\/div>\n<p> <\/p>\n<div class=\"feat-desc\">Receive instant events when a prospect replies, a connection is accepted, or an email is opened.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-card\"> <\/p>\n<div class=\"feat-icon fi-b\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0A66C2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-title\">Hosted Auth UI<\/div>\n<p> <\/p>\n<div class=\"feat-desc\">Embed a white-label OAuth flow so your sales reps connect their accounts in one click, no credentials stored on your side.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-card\"> <\/p>\n<div class=\"feat-icon fi-y\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8a8c00\" 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><\/div>\n<p> <\/p>\n<div class=\"feat-title\">Secure by Design<\/div>\n<p> <\/p>\n<div class=\"feat-desc\">API keys never exposed to the browser. All credentials stored encrypted server-side. SOC 2 Type II certified.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-card\"> <\/p>\n<div class=\"feat-icon fi-p\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6366f1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-title\">Multi-provider<\/div>\n<p> <\/p>\n<div class=\"feat-desc\">One unified API for LinkedIn, Gmail, Outlook, WhatsApp, Instagram and more. Switch providers without changing your code.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"cta-block\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"btn-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\"\/><\/svg><\/a> <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\" class=\"btn-outline\">Read the Docs <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><\/section>\n<p><script>const udevCrmData = { li: { filename: 'send-linkedin-message.js', resp: 'Response: <span class=\"resp-val\">200 OK<\/span> | <span class=\"resp-val\">\"id\": \"msg_01J9X...\"<\/span> | <span class=\"resp-val\">\"status\": \"sent\"<\/span> | delivered in <span class=\"resp-val\">~280ms<\/span>', code: `<\/p>\n<div class=\"code-line\"><span class=\"ln\">1<\/span><span class=\"t-comment\">\/\/ Install: npm install @unipile\/node-sdk<\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">2<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">3<\/span><span><span class=\"t-keyword\">import<\/span> <span class=\"t-op\">{<\/span> <span class=\"t-fn\">UnipileClient<\/span> <span class=\"t-op\">}<\/span> <span class=\"t-keyword\">from<\/span> <span class=\"t-str\">'@unipile\/node-sdk'<\/span><span class=\"t-op\">;<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">4<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">5<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">client<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">new<\/span> <span class=\"t-fn\">UnipileClient<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">6<\/span><span> <span class=\"t-prop\">apiKey<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'your_api_key'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">7<\/span><span> <span class=\"t-prop\">baseUrl<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'https:\/\/api1.unipile.com:13465'<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">8<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">9<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">10<\/span><span><span class=\"t-comment\">\/\/ Send a LinkedIn message to a prospect<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">11<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">message<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">await<\/span> <span class=\"t-acc\">client<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">messaging<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">sendMessage<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">12<\/span><span> <span class=\"t-prop\">account_id<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'sales_rep_account_id'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">13<\/span><span> <span class=\"t-prop\">attendees_ids<\/span><span class=\"t-op\">:<\/span> <span class=\"t-op\">[<\/span><span class=\"t-str\">'linkedin_profile_urn'<\/span><span class=\"t-op\">],<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">14<\/span><span> <span class=\"t-prop\">text<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">\\`Hi \\${prospect.firstName}, I'd love to discuss how we can help.\\`<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">15<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">16<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">17<\/span><span><span class=\"t-fn\">console<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">log<\/span><span class=\"t-op\">(<\/span><span class=\"t-str\">'Message sent:'<\/span><span class=\"t-op\">,<\/span> <span class=\"t-acc\">message<\/span><span class=\"t-op\">.<\/span><span class=\"t-prop\">id<\/span><span class=\"t-op\">);<\/span><\/span><\/div>\n<p>` }, email: { filename: 'sync-emails.js', resp: 'Response: <span class=\"resp-val\">200 OK<\/span> | <span class=\"resp-val\">\"total\": 142<\/span> | <span class=\"resp-val\">\"unread\": 8<\/span> | synced in <span class=\"resp-val\">~190ms<\/span>', code: `<\/p>\n<div class=\"code-line\"><span class=\"ln\">1<\/span><span class=\"t-comment\">\/\/ Retrieve and sync emails from Gmail or Outlook<\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">2<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">3<\/span><span><span class=\"t-keyword\">import<\/span> <span class=\"t-op\">{<\/span> <span class=\"t-fn\">UnipileClient<\/span> <span class=\"t-op\">}<\/span> <span class=\"t-keyword\">from<\/span> <span class=\"t-str\">'@unipile\/node-sdk'<\/span><span class=\"t-op\">;<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">4<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">5<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">client<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">new<\/span> <span class=\"t-fn\">UnipileClient<\/span><span class=\"t-op\">({ <\/span><span class=\"t-prop\">apiKey<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'your_api_key'<\/span> <span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">6<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">7<\/span><span><span class=\"t-comment\">\/\/ List all emails from a sales rep's inbox<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">8<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">emails<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">await<\/span> <span class=\"t-acc\">client<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">email<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">listEmails<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">9<\/span><span> <span class=\"t-prop\">account_id<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'gmail_account_id'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">10<\/span><span> <span class=\"t-prop\">folder<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'INBOX'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">11<\/span><span> <span class=\"t-prop\">limit<\/span><span class=\"t-op\">:<\/span> <span class=\"t-num\">50<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">12<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">13<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">14<\/span><span><span class=\"t-comment\">\/\/ Send an email on behalf of the sales rep<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">15<\/span><span><span class=\"t-keyword\">await<\/span> <span class=\"t-acc\">client<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">email<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">sendEmail<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">16<\/span><span> <span class=\"t-prop\">account_id<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'gmail_account_id'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">17<\/span><span> <span class=\"t-prop\">to<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'prospect@email.com'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">18<\/span><span> <span class=\"t-prop\">subject<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'Following up on our conversation'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">19<\/span><span> <span class=\"t-prop\">body<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'Hi Michel, great speaking with you...'<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">20<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p>` }, cal: { filename: 'create-meeting-event.js', resp: 'Response: <span class=\"resp-val\">200 OK<\/span> | <span class=\"resp-val\">\"id\": \"evt_04KXY...\"<\/span> | <span class=\"resp-val\">\"status\": \"confirmed\"<\/span> | created in <span class=\"resp-val\">~210ms<\/span>', code: `<\/p>\n<div class=\"code-line\"><span class=\"ln\">1<\/span><span class=\"t-comment\">\/\/ Create a calendar event for a CRM meeting<\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">2<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">3<\/span><span><span class=\"t-keyword\">import<\/span> <span class=\"t-op\">{<\/span> <span class=\"t-fn\">UnipileClient<\/span> <span class=\"t-op\">}<\/span> <span class=\"t-keyword\">from<\/span> <span class=\"t-str\">'@unipile\/node-sdk'<\/span><span class=\"t-op\">;<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">4<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">5<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">client<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">new<\/span> <span class=\"t-fn\">UnipileClient<\/span><span class=\"t-op\">({ <\/span><span class=\"t-prop\">apiKey<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'your_api_key'<\/span> <span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">6<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">7<\/span><span><span class=\"t-comment\">\/\/ Schedule a meeting on the sales rep's calendar<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">8<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">event<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">await<\/span> <span class=\"t-acc\">client<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">calendar<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">createEvent<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">9<\/span><span> <span class=\"t-prop\">account_id<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'google_calendar_id'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">10<\/span><span> <span class=\"t-prop\">title<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'Meeting - Michel Opra (Nexatech)'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">11<\/span><span> <span class=\"t-prop\">start<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'2025-09-08T10:30:00Z'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">12<\/span><span> <span class=\"t-prop\">end<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'2025-09-08T11:30:00Z'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">13<\/span><span> <span class=\"t-prop\">attendees<\/span><span class=\"t-op\">:<\/span> <span class=\"t-op\">[<\/span><span class=\"t-str\">'michel@nexatech.io'<\/span><span class=\"t-op\">,<\/span> <span class=\"t-str\">'sales@company.com'<\/span><span class=\"t-op\">],<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">14<\/span><span> <span class=\"t-prop\">meet_link<\/span><span class=\"t-op\">:<\/span> <span class=\"t-keyword\">true<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">15<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">16<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">17<\/span><span><span class=\"t-fn\">console<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">log<\/span><span class=\"t-op\">(<\/span><span class=\"t-str\">'Event created:'<\/span><span class=\"t-op\">,<\/span> <span class=\"t-acc\">event<\/span><span class=\"t-op\">.<\/span><span class=\"t-prop\">meet_url<\/span><span class=\"t-op\">);<\/span><\/span><\/div>\n<p>` }, wa: { filename: 'send-whatsapp-message.js', resp: 'Response: <span class=\"resp-val\">200 OK<\/span> | <span class=\"resp-val\">\"id\": \"wa_07ZLM...\"<\/span> | <span class=\"resp-val\">\"status\": \"delivered\"<\/span> | sent in <span class=\"resp-val\">~150ms<\/span>', code: `<\/p>\n<div class=\"code-line\"><span class=\"ln\">1<\/span><span class=\"t-comment\">\/\/ Send a WhatsApp reminder to a prospect<\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">2<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">3<\/span><span><span class=\"t-keyword\">import<\/span> <span class=\"t-op\">{<\/span> <span class=\"t-fn\">UnipileClient<\/span> <span class=\"t-op\">}<\/span> <span class=\"t-keyword\">from<\/span> <span class=\"t-str\">'@unipile\/node-sdk'<\/span><span class=\"t-op\">;<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">4<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">5<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">client<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">new<\/span> <span class=\"t-fn\">UnipileClient<\/span><span class=\"t-op\">({ <\/span><span class=\"t-prop\">apiKey<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'your_api_key'<\/span> <span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">6<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">7<\/span><span><span class=\"t-comment\">\/\/ Send a WhatsApp message on behalf of a sales rep<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">8<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">msg<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">await<\/span> <span class=\"t-acc\">client<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">messaging<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">sendMessage<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">9<\/span><span> <span class=\"t-prop\">account_id<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'whatsapp_account_id'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">10<\/span><span> <span class=\"t-prop\">attendees_ids<\/span><span class=\"t-op\">:<\/span> <span class=\"t-op\">[<\/span><span class=\"t-str\">'+33612345678'<\/span><span class=\"t-op\">],<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">11<\/span><span> <span class=\"t-prop\">text<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">\\`Reminder: our call is tomorrow at 10:30 AM.\\`<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">12<\/span><span> <span class=\"t-prop\">provider<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'WHATSAPP'<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">13<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">14<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">15<\/span><span><span class=\"t-fn\">console<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">log<\/span><span class=\"t-op\">(<\/span><span class=\"t-str\">'WhatsApp sent:'<\/span><span class=\"t-op\">,<\/span> <span class=\"t-acc\">msg<\/span><span class=\"t-op\">.<\/span><span class=\"t-prop\">status<\/span><span class=\"t-op\">);<\/span><\/span><\/div>\n<p>` }};function udevCrmTab(el, key) { document.querySelectorAll('#udev-crm .code-tab').forEach(t => t.classList.remove('active')); el.classList.add('active'); document.getElementById('udev-crm-filename').textContent = udevCrmData[key].filename; const body = document.getElementById('udev-crm-code-body'); body.style.opacity = '0'; setTimeout(() => { body.innerHTML = udevCrmData[key].code; body.style.transition = 'opacity 0.2s ease'; body.style.opacity = '1'; }, 120); document.getElementById('udev-crm-resp-text').innerHTML = udevCrmData[key].resp;}function udevCrmCopy() { const code = document.getElementById('udev-crm-code-body').innerText; navigator.clipboard.writeText(code).then(() => { const lbl = document.getElementById('udev-crm-copy-label'); lbl.textContent = 'Copied!'; setTimeout(() => lbl.textContent = 'Copy', 1800); });}<\/script><\/body><\/html>[\/et_pb_fullwidth_code][et_pb_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> <\/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″ custom_padding_last_edited=”off|tablet” module_id=”ig-support” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ custom_margin_last_edited=”off|tablet” custom_padding=”20px|0px|20px|0px|true|true” da_disable_devices=”off|off|off” global_module=”267537″ saved_tabs=”all” 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_row module_id=”support-community” _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”30px||40px||false|false” custom_margin_tablet=”90px||40px||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” width=”100%” locked=”off” global_colors_info=”{}”]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/p>\n<style> .upl-integration-process-wrapper { font-family: 'Inter', sans-serif; padding: 0px 20px; } .upl-integration-process-wrapper * { box-sizing: border-box; margin: 0; padding: 0; } .upl-integration-process-container { max-width: 1100px; margin: 0 auto; } \/* Header *\/ .upl-integration-process-header { text-align: center; margin-bottom: 60px; } .upl-integration-process-title { font-family: 'Poppins', sans-serif; font-size: 35px; font-weight: 700; color: #0f2736; margin-bottom: 16px; line-height: 1.2; } .upl-integration-process-subtitle { font-size: 17px; color: #383838; line-height: 1.6; max-width: 700px; margin: 0 auto; } \/* Timeline Progress Section *\/ .upl-integration-timeline { display: flex; align-items: stretch; gap: 24px; margin-bottom: 70px; position: relative; } .upl-timeline-card { flex: 1; background: #f8fafb; border: 1px solid #e5e9ec; border-radius: 16px; padding: 32px 28px; position: relative; transition: all 0.3s ease; } .upl-timeline-card:hover { border-color: #3BB98B; box-shadow: 0 8px 30px rgba(59, 185, 139, 0.12); transform: translateY(-4px); } \/* Card header with icon *\/ .upl-timeline-header { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; } .upl-timeline-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .upl-timeline-icon.upl-green { background: rgba(59, 185, 139, 0.12); } .upl-timeline-icon.upl-yellow { background: rgba(221, 223, 76, 0.15); } .upl-timeline-icon svg { width: 24px; height: 24px; } .upl-timeline-label { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #8a9aa8; } .upl-timeline-time { font-family: 'Poppins', sans-serif; font-size: 32px; font-weight: 700; color: #0f2736; margin-bottom: 8px; } .upl-timeline-time span { font-size: 18px; font-weight: 500; color: #5a6a78; } .upl-timeline-context { font-size: 14px; color: #5a6a78; line-height: 1.6; margin-bottom: 20px; } .upl-timeline-checklist { display: flex; flex-direction: column; gap: 10px; } .upl-checklist-item { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #3d4f5f; } .upl-checklist-icon { width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .upl-checklist-icon.upl-check { background: rgba(59, 185, 139, 0.12); } .upl-checklist-icon.upl-check svg { color: #3BB98B; } .upl-checklist-icon.upl-wrench { background: rgba(221, 223, 76, 0.15); } .upl-checklist-icon.upl-wrench svg { color: #b8a832; } .upl-checklist-icon svg { width: 12px; height: 12px; } \/* What Unipile Brings Section *\/ .upl-brings-section { margin-bottom: 50px; } .upl-brings-header { text-align: center; margin-bottom: 40px; } .upl-brings-title { font-family: 'Poppins', sans-serif; font-size: 32px; font-weight: 700; color: #0f2736; margin-bottom: 12px; } .upl-brings-subtitle { font-size: 16px; color: #383838; line-height: 1.6; max-width: 680px; margin: 0 auto; } \/* Support Cards Grid *\/ .upl-support-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; } .upl-support-card { background: #f8fafb; border: 1px solid #e5e9ec; border-radius: 16px; padding: 28px 32px; display: flex; align-items: center; gap: 20px; transition: all 0.3s ease; position: relative; z-index: 1; } .upl-support-card:hover { border-color: #3BB98B; box-shadow: 0 6px 24px rgba(59, 185, 139, 0.1); transform: translateY(-2px); } .upl-support-icon-wrapper { flex-shrink: 0; width: 64px; height: 64px; border-radius: 14px; background: rgba(59, 185, 139, 0.08); display: flex; align-items: center; justify-content: center; padding: 4px; overflow: hidden; } .upl-support-icon-wrapper img { width: 100%; height: 100%; object-fit: contain; border-radius: 10px; } .upl-support-icon-wrapper svg { width: 28px; height: 28px; color: #3BB98B; } .upl-support-content { flex: 1; } .upl-support-card-title { font-size: 17px; font-weight: 600; color: #0f2736; margin-bottom: 6px; } .upl-support-card-description { font-size: 14px; color: #5a6a78; line-height: 1.5; } \/* Fix Divi override: force clickability *\/ .upl-integration-process-wrapper a.upl-support-button, .upl-integration-process-wrapper button.upl-support-button { flex-shrink: 0 !important; background: #ffffff !important; color: #0f2736 !important; border: 2px solid #e5e9ec !important; padding: 12px 24px !important; font-size: 14px !important; font-weight: 600 !important; font-family: 'Inter', sans-serif !important; border-radius: 10px !important; cursor: pointer !important; transition: all 0.3s ease !important; white-space: nowrap !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; position: relative !important; z-index: 10 !important; pointer-events: auto !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; } .upl-integration-process-wrapper a.upl-support-button:hover, .upl-integration-process-wrapper button.upl-support-button:hover { background: #DDDF4C !important; border-color: #DDDF4C !important; color: #0f2736 !important; } \/* Slack Community Card *\/ .upl-slack-card { background: #f8fafb; border: 1px solid #e5e9ec; border-radius: 16px; padding: 32px 40px; display: flex; align-items: center; gap: 32px; transition: all 0.3s ease; position: relative; z-index: 1; } .upl-slack-card:hover { border-color: #3BB98B; box-shadow: 0 6px 24px rgba(59, 185, 139, 0.1); } .upl-slack-logo { flex-shrink: 0; width: 70px; } .upl-slack-logo svg { width: 100%; height: auto; } .upl-slack-content { flex: 1; } .upl-slack-title { font-size: 20px; font-weight: 700; color: #0f2736; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; } .upl-slack-badge { background: rgba(59, 185, 139, 0.12); color: #3BB98B; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 20px; } .upl-slack-description { font-size: 15px; color: #5a6a78; line-height: 1.6; } \/* Fix Divi override: force clickability on Slack button *\/ .upl-integration-process-wrapper a.upl-slack-button { flex-shrink: 0 !important; background: #DDDF4C !important; color: #0f2736 !important; border: none !important; padding: 14px 28px !important; font-size: 15px !important; font-weight: 600 !important; font-family: 'Inter', sans-serif !important; border-radius: 10px !important; cursor: pointer !important; transition: all 0.3s ease !important; white-space: nowrap !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; position: relative !important; z-index: 10 !important; pointer-events: auto !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; } .upl-integration-process-wrapper a.upl-slack-button:hover { transform: translateX(4px) !important; box-shadow: 0 4px 16px rgba(221, 223, 76, 0.3) !important; } .upl-slack-button svg { width: 18px; height: 18px; transition: transform 0.3s ease; } .upl-slack-button:hover svg { transform: translateX(4px); } \/* Responsive *\/ @media (max-width: 968px) { .upl-integration-process-wrapper { padding: 60px 20px; } .upl-integration-process-title { font-size: 32px; } .upl-integration-timeline { flex-direction: column; gap: 24px; } .upl-timeline-card.upl-fast, .upl-timeline-card.upl-complete { margin: 0; } .upl-support-grid { grid-template-columns: 1fr; } .upl-slack-card { flex-direction: column; text-align: center; padding: 28px 24px; gap: 20px; } .upl-slack-title { justify-content: center; flex-wrap: wrap; } } @media (max-width: 640px) { .upl-integration-process-title { font-size: 28px; } .upl-brings-title { font-size: 26px; } .upl-timeline-time { font-size: 28px; } .upl-support-card { flex-direction: column; text-align: center; padding: 24px; } .upl-integration-process-wrapper a.upl-support-button, .upl-integration-process-wrapper button.upl-support-button { width: 100% !important; justify-content: center !important; } .upl-integration-process-wrapper a.upl-slack-button { width: 100% !important; justify-content: center !important; } }<\/style>\n<p><\/p>\n<div class=\"upl-integration-process-wrapper\"> <\/p>\n<div class=\"upl-integration-process-container\">   <\/p>\n<div class=\"upl-integration-process-header\"> <\/p>\n<h2 class=\"upl-integration-process-title\">Optimize Your Integration with Experts Support<\/h2>\n<p> <pee class=\"upl-integration-process-subtitle\">Whether you’re starting from scratch or already have a system in place, our integration process is made to get you live fast.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"upl-support-grid\"> <\/p>\n<div class=\"upl-support-card\"> <\/p>\n<div class=\"upl-support-icon-wrapper\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/04\/founders-photo.png\" alt=\"Founders\"> <\/div>\n<p> <\/p>\n<div class=\"upl-support-content\"> <\/p>\n<div class=\"upl-support-card-title\">Call with Founders<\/div>\n<p> <\/p>\n<div class=\"upl-support-card-description\">Secure a meeting with our founders to align on technical and product strategy.<\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/www.unipile.com\/contact-us\/\" class=\"upl-support-button\">Book a Call<\/a> <\/div>\n<p> <\/p>\n<div class=\"upl-support-card\"> <\/p>\n<div class=\"upl-support-icon-wrapper\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-support-content\"> <\/p>\n<div class=\"upl-support-card-title\">Connect with Live Support<\/div>\n<p> <\/p>\n<div class=\"upl-support-card-description\">Get instant help from our team. We’re here to answer all your questions.<\/div>\n<p> <\/div>\n<p> <button onclick=\"$crisp.push(['do', 'chat:open'])\" class=\"upl-support-button\">Live Chat<\/button> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-slack-card\"> <\/p>\n<div class=\"upl-slack-logo\"> <svg viewBox=\"0 0 127 127\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"> <path d=\"M27.2 80C27.2 87.3 21.5 93 14.2 93C6.9 93 1.2 87.3 1.2 80C1.2 72.7 6.9 67 14.2 67H27.2V80Z\" fill=\"#E01E5A\"\/> <path d=\"M33.7 80C33.7 72.7 39.4 67 46.7 67C54 67 59.7 72.7 59.7 80V112.8C59.7 120.1 54 125.8 46.7 125.8C39.4 125.8 33.7 120.1 33.7 112.8V80Z\" fill=\"#E01E5A\"\/> <path d=\"M46.7 27.2C39.4 27.2 33.7 21.5 33.7 14.2C33.7 6.9 39.4 1.2 46.7 1.2C54 1.2 59.7 6.9 59.7 14.2V27.2H46.7Z\" fill=\"#36C5F0\"\/> <path d=\"M46.7 33.7C54 33.7 59.7 39.4 59.7 46.7C59.7 54 54 59.7 46.7 59.7H13.9C6.6 59.7 0.9 54 0.9 46.7C0.9 39.4 6.6 33.7 13.9 33.7H46.7Z\" fill=\"#36C5F0\"\/> <path d=\"M99.5 46.7C99.5 39.4 105.2 33.7 112.5 33.7C119.8 33.7 125.5 39.4 125.5 46.7C125.5 54 119.8 59.7 112.5 59.7H99.5V46.7Z\" fill=\"#2EB67D\"\/> <path d=\"M93 46.7C93 54 87.3 59.7 80 59.7C72.7 59.7 67 54 67 46.7V13.9C67 6.6 72.7 0.9 80 0.9C87.3 0.9 93 6.6 93 13.9V46.7Z\" fill=\"#2EB67D\"\/> <path d=\"M80 99.5C87.3 99.5 93 105.2 93 112.5C93 119.8 87.3 125.5 80 125.5C72.7 125.5 67 119.8 67 112.5V99.5H80Z\" fill=\"#ECB22E\"\/> <path d=\"M80 93C72.7 93 67 87.3 67 80C67 72.7 72.7 67 80 67H112.8C120.1 67 125.8 72.7 125.8 80C125.8 87.3 120.1 93 112.8 93H80Z\" fill=\"#ECB22E\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-slack-content\"> <\/p>\n<div class=\"upl-slack-title\"> Join 1000+ Developers in Our Slack Community <span class=\"upl-slack-badge\">Active<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-slack-description\">Ask questions, share feedback, or get unstuck, our Slack community (English & French) is the fastest way to get help from other devs and the Unipile team.<\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/unipilecommunity.slack.com\/join\/shared_invite\/zt-vivqg9c5-vB9RBdTvlPcIseTPYebWtA#\/shared-invite\/email\" target=\"_blank\" class=\"upl-slack-button\"> Join 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>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/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″ background_enable_image=”off” 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 – Outreach 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> #ufaq-out { all: initial; display: block; font-family: 'Inter', sans-serif; background: transparent; box-sizing: border-box; } #ufaq-out * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #ufaq-out { padding: 80px 20px; max-width: 900px; margin: 0 auto; } #ufaq-out .faq-hd { text-align: center; margin-bottom: 52px; } #ufaq-out .faq-hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.2 !important; margin-bottom: 16px !important; } #ufaq-out .faq-hd p { font-size: 1.05rem !important; color: #383838 !important; line-height: 1.6 !important; max-width: 600px !important; margin: 0 auto !important; } #ufaq-out .faq-list { display: flex; flex-direction: column; gap: 12px; } #ufaq-out .faq-item { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 16px !important; overflow: hidden !important; transition: all 0.3s ease !important; } #ufaq-out .faq-item:hover { border-color: #3BB98B !important; box-shadow: 0 4px 20px rgba(59,185,139,0.08) !important; } #ufaq-out .faq-item.active { border-color: #3BB98B !important; box-shadow: 0 8px 30px rgba(59,185,139,0.12) !important; } #ufaq-out .faq-q { width: 100% !important; display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 20px !important; padding: 24px 28px !important; background: transparent !important; cursor: pointer !important; text-align: left !important; } #ufaq-out .faq-q-content { display: flex !important; align-items: flex-start !important; gap: 16px !important; flex: 1 !important; } #ufaq-out .faq-num { flex-shrink: 0 !important; padding: 6px 12px !important; background: rgba(59,185,139,0.12) !important; color: #3BB98B !important; border-radius: 20px !important; font-size: 0.8rem !important; font-weight: 600 !important; transition: all 0.3s ease !important; } #ufaq-out .faq-item.active .faq-num { background: rgba(59,185,139,0.2) !important; color: #2a9d6f !important; } #ufaq-out .faq-q-text { font-family: 'Poppins', sans-serif !important; font-size: 1.1rem !important; font-weight: 600 !important; color: #0f2736 !important; line-height: 1.4 !important; padding-top: 4px !important; } #ufaq-out .faq-ico { flex-shrink: 0 !important; width: 36px !important; height: 36px !important; background: #f8f9fa !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; margin-top: 2px !important; } #ufaq-out .faq-ico svg { width: 18px !important; height: 18px !important; color: #64748b !important; transition: all 0.3s ease !important; } #ufaq-out .faq-item:hover .faq-ico { background: rgba(59,185,139,0.1) !important; } #ufaq-out .faq-item:hover .faq-ico svg { color: #3BB98B !important; } #ufaq-out .faq-item.active .faq-ico { background: #3BB98B !important; transform: rotate(45deg) !important; } #ufaq-out .faq-item.active .faq-ico svg { color: #fff !important; } #ufaq-out .faq-a { max-height: 0 !important; overflow: hidden !important; transition: max-height 0.4s ease !important; } #ufaq-out .faq-item.active .faq-a { max-height: 500px !important; } #ufaq-out .faq-a-content { padding: 0 28px 28px 76px !important; color: #475569 !important; font-size: 1rem !important; line-height: 1.7 !important; } #ufaq-out .faq-a-content strong { color: #0f2736 !important; font-weight: 600 !important; } #ufaq-out .faq-a-content .hl { color: #3BB98B !important; font-weight: 600 !important; } #ufaq-out .faq-a-content a { color: #0f2736 !important; text-decoration: underline !important; text-underline-offset: 2px !important; transition: color 0.2s ease !important; } #ufaq-out .faq-a-content a:hover { color: #3BB98B !important; } #ufaq-out .faq-cta { margin-top: 50px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; padding: 20px 28px !important; background: #f8f9fa !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; } #ufaq-out .faq-cta-text { color: #475569 !important; font-size: 1rem !important; } #ufaq-out .faq-cta-btn { display: inline-flex !important; align-items: center !important; gap: 10px !important; background: #DDDF4C !important; color: #0F2836 !important; padding: 13px 20px !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 1rem !important; cursor: pointer !important; transition: all 0.3s ease !important; white-space: nowrap !important; } #ufaq-out .faq-cta-btn:hover { transform: translateY(-2px) !important; } #ufaq-out .faq-cta-btn svg { width: 18px !important; height: 18px !important; transition: transform 0.3s ease !important; } #ufaq-out .faq-cta-btn:hover svg { transform: translateX(4px) !important; } @media (max-width: 768px) { #ufaq-out { padding: 60px 16px; } #ufaq-out .faq-q { padding: 20px !important; gap: 16px !important; } #ufaq-out .faq-q-text { font-size: 1rem !important; } #ufaq-out .faq-ico { width: 32px !important; height: 32px !important; } #ufaq-out .faq-ico svg { width: 16px !important; height: 16px !important; } #ufaq-out .faq-a-content { padding: 0 20px 20px 60px !important; font-size: 0.95rem !important; } #ufaq-out .faq-cta { padding: 24px 20px !important; flex-direction: column !important; text-align: center !important; gap: 16px !important; } } @media (max-width: 480px) { #ufaq-out .faq-hd h2 { font-size: 26px !important; } #ufaq-out .faq-q-content { flex-direction: column !important; gap: 8px !important; } #ufaq-out .faq-num { padding: 4px 8px !important; font-size: 0.7rem !important; } #ufaq-out .faq-a-content { padding: 0 20px 20px 20px !important; } } <\/style>\n<p><\/head><body style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"ufaq-out\"> <\/p>\n<div class=\"faq-hd\"> <\/p>\n<h2>Outreach Integration FAQ<\/h2>\n<p> <pee>Everything you need to know about adding multi-channel outreach capabilities to your platform<\/pee> <\/div>\n<p> <\/p>\n<div class=\"faq-list\"> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">01<\/span><span class=\"faq-q-text\">Which outreach channels does Unipile support?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">Unipile provides a unified API covering <strong>LinkedIn<\/strong> (Classic, Recruiter, Sales Navigator), <strong>Email<\/strong> (Gmail, Outlook, IMAP), <strong>WhatsApp<\/strong>, <strong>Telegram<\/strong>, and <strong>Instagram<\/strong>. Your users can send messages, invitations, InMails, and emails across all these channels from a single integration.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">02<\/span><span class=\"faq-q-text\">How do outreach sequences work through the API?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">You build the sequence logic on your side, Unipile handles the execution. Your platform defines the steps (LinkedIn invitation, follow-up email, WhatsApp message), timing, and conditions. Unipile’s API sends each action <span class=\"hl\">on behalf of your authenticated users<\/span>, respecting platform rate limits and guidelines. When a prospect replies, webhooks notify your system in real time so you can pause or adjust the sequence.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">03<\/span><span class=\"faq-q-text\">How does Unipile handle rate limits and account safety?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">Account protection is built in. Unipile includes <strong>proxy management<\/strong>, <strong>daily activity quotas<\/strong>, and <strong>warm-up tracking<\/strong> to help your users stay within platform guidelines. You can configure daily limits for LinkedIn invitations, messages, comments, and emails. The API uses respectful usage patterns aligned with each platform’s policies, reducing the risk of restrictions.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">04<\/span><span class=\"faq-q-text\">Can I centralize replies from all channels in one inbox?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">Yes. Unipile’s API lets you aggregate all incoming messages, whether from LinkedIn, Gmail, Outlook, WhatsApp, or other connected channels, into a <strong>single unified inbox<\/strong> within your application. You receive real-time webhooks for every new message, enabling you to build reply detection, sequence stop rules, and conversation threading across all channels.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">05<\/span><span class=\"faq-q-text\">How long does it take to integrate outreach features?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">If you’ve already integrated a messaging provider, you can add outreach capabilities in <strong>1 to 2 days<\/strong>. From scratch, expect <strong>4 to 10 days<\/strong> depending on your team. Our <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\">documentation<\/a> covers every endpoint with code examples, and our support team is available via <a href=\"https:\/\/join.slack.com\/t\/unipilecommunity\/shared_invite\/zt-vivqg9c5-vB9RBdTvlPcIseTPYebWtA\" target=\"_blank\">Slack<\/a> and live chat during integration.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">06<\/span><span class=\"faq-q-text\">Does Unipile support multi-account management?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">Yes. Each of your users can connect multiple accounts (LinkedIn, Gmail, Outlook, WhatsApp) through Unipile’s <strong>hosted authentication flow<\/strong>. Your platform can then act on behalf of any connected account, enabling team-based outreach, account switching, and delegation, all from a single API integration.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">07<\/span><span class=\"faq-q-text\">Can I integrate calendar scheduling into outreach workflows?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">Absolutely. Unipile’s <strong>Calendar API<\/strong> connects Google Calendar and Outlook Calendar. You can programmatically create, update, or cancel meetings directly from your outreach platform. Combine it with reply detection to <span class=\"hl\">automatically trigger calendar invites<\/span> when a prospect responds positively, no manual back-and-forth needed.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">08<\/span><span class=\"faq-q-text\">Is Unipile compliant with GDPR and data protection regulations?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">Yes. Unipile is <strong>GDPR compliant<\/strong> and <strong>SOC 2 certified<\/strong>. All data is processed securely with encryption in transit and at rest. We act as a technical intermediary on behalf of your authenticated users, meaning data flows through secure, auditable channels. Please <a href=\"https:\/\/www.unipile.com\/contact-us\/\" target=\"_blank\">contact us<\/a> if you require audit reports or additional security documentation.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-cta\"> <pee class=\"faq-cta-text\">Still have questions? Our team is here to help.<\/pee> <button onclick=\"$crisp.push(['do', 'chat:open'])\" class=\"faq-cta-btn\">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('#ufaq-out .faq-q').forEach(function(button) { button.addEventListener('click', function() { var item = button.closest('.faq-item'); var isActive = item.classList.contains('active'); document.querySelectorAll('#ufaq-out .faq-item').forEach(function(otherItem) { otherItem.classList.remove('active'); otherItem.querySelector('.faq-q').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>Unipile – CRM Start Building For Developers Start Buildingin Minutes Integrate LinkedIn messaging, profile enrichment and calendar sync into your Outreach tool with a few API calls. REST endpoints, official SDKs and full documentation ready to go. SDKs Node.js Python PHP Ruby 1 Create your API key Sign up and generate credentials from the Unipile […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"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-255343","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Integrate LinkedIn & WhatsApp Messaging in Your CRM via API - Unipile<\/title>\n<meta name=\"description\" content=\"Elevate your CRM with LinkedIn and WhatsApp API integration, enriching customer engagement for improved business outcomes.\" \/>\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\/tr\/kullanim-ornegi-crm-yayincisi\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integrate LinkedIn & WhatsApp Messaging in Your CRM via API - Unipile\" \/>\n<meta property=\"og:description\" content=\"Elevate your CRM with LinkedIn and WhatsApp API integration, enriching customer engagement for improved business outcomes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.unipile.com\/tr\/kullanim-ornegi-crm-yayincisi\/\" \/>\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-06-18T14:32:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.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\\\/use-case-crm-publisher\\\/\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/use-case-crm-publisher\\\/\",\"name\":\"Integrate LinkedIn & WhatsApp Messaging in Your CRM via API - Unipile\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/use-case-crm-publisher\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/use-case-crm-publisher\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/linkedin-5.svg\",\"datePublished\":\"2024-01-04T15:06:41+00:00\",\"dateModified\":\"2026-06-18T14:32:39+00:00\",\"description\":\"Elevate your CRM with LinkedIn and WhatsApp API integration, enriching customer engagement for improved business outcomes.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/use-case-crm-publisher\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.unipile.com\\\/use-case-crm-publisher\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/use-case-crm-publisher\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/linkedin-5.svg\",\"contentUrl\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/linkedin-5.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/use-case-crm-publisher\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.unipile.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integrate LinkedIn & WhatsApp Messaging in Your CRM via API\"}]},{\"@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\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#organization\",\"name\":\"Unipile\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@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":"LinkedIn ve WhatsApp Mesajla\u015fmalar\u0131n\u0131 API ile CRM'inize Entegre Edin - Unipile","description":"CRM'inizi LinkedIn ve WhatsApp API entegrasyonu ile y\u00fckseltin, daha iyi i\u015f sonu\u00e7lar\u0131 i\u00e7in m\u00fc\u015fteri etkile\u015fimini zenginle\u015ftirin.","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\/tr\/kullanim-ornegi-crm-yayincisi\/","og_locale":"tr_TR","og_type":"article","og_title":"Integrate LinkedIn & WhatsApp Messaging in Your CRM via API - Unipile","og_description":"Elevate your CRM with LinkedIn and WhatsApp API integration, enriching customer engagement for improved business outcomes.","og_url":"https:\/\/www.unipile.com\/tr\/kullanim-ornegi-crm-yayincisi\/","og_site_name":"Unipile","article_publisher":"https:\/\/www.facebook.com\/unipilefr","article_modified_time":"2026-06-18T14:32:39+00:00","og_image":[{"url":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.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\/use-case-crm-publisher\/","url":"https:\/\/www.unipile.com\/use-case-crm-publisher\/","name":"LinkedIn ve WhatsApp Mesajla\u015fmalar\u0131n\u0131 API ile CRM'inize Entegre Edin - Unipile","isPartOf":{"@id":"https:\/\/www.unipile.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.unipile.com\/use-case-crm-publisher\/#primaryimage"},"image":{"@id":"https:\/\/www.unipile.com\/use-case-crm-publisher\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg","datePublished":"2024-01-04T15:06:41+00:00","dateModified":"2026-06-18T14:32:39+00:00","description":"CRM'inizi LinkedIn ve WhatsApp API entegrasyonu ile y\u00fckseltin, daha iyi i\u015f sonu\u00e7lar\u0131 i\u00e7in m\u00fc\u015fteri etkile\u015fimini zenginle\u015ftirin.","breadcrumb":{"@id":"https:\/\/www.unipile.com\/use-case-crm-publisher\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.unipile.com\/use-case-crm-publisher\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.unipile.com\/use-case-crm-publisher\/#primaryimage","url":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg","contentUrl":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.unipile.com\/use-case-crm-publisher\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.unipile.com\/"},{"@type":"ListItem","position":2,"name":"Integrate LinkedIn & WhatsApp Messaging in Your CRM via API"}]},{"@type":"WebSite","@id":"https:\/\/www.unipile.com\/#website","url":"https:\/\/www.unipile.com\/","name":"Unipile","description":"Mesajla\u015fma ve E-postay\u0131 Entegre Edin, API ile Kolayca Ba\u011flan\u0131n","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":"tr"},{"@type":"Organization","@id":"https:\/\/www.unipile.com\/#organization","name":"Unipile","url":"https:\/\/www.unipile.com\/","logo":{"@type":"ImageObject","inLanguage":"tr","@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\/tr\/wp-json\/wp\/v2\/pages\/255343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/comments?post=255343"}],"version-history":[{"count":53,"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/pages\/255343\/revisions"}],"predecessor-version":[{"id":279262,"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/pages\/255343\/revisions\/279262"}],"wp:attachment":[{"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/media?parent=255343"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/folder?post=255343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":255343,"date":"2024-01-04T16:06:41","date_gmt":"2024-01-04T15:06:41","guid":{"rendered":"https:\/\/www.unipile.com\/?page_id=255343"},"modified":"2026-06-18T16:32:39","modified_gmt":"2026-06-18T14:32:39","slug":"kullanim-ornegi-crm-yayincisi","status":"publish","type":"page","link":"https:\/\/www.unipile.com\/tr\/use-case-crm-publisher\/","title":{"rendered":"LinkedIn ve WhatsApp Mesajla\u015fmalar\u0131n\u0131 API ile CRM'inize Entegre Edin"},"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” 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″] Unipile – Outreach Hero<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #uout { all: initial; display: block; font-family: 'Inter', sans-serif; background: transparent; box-sizing: border-box; } #uout * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #uout { padding: 80px 24px; } #uout .grid { max-width: 1160px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.1fr; gap: 60px; align-items: center; } \/* \u2500\u2500 LEFT \u2500\u2500 *\/ #uout .left { display: flex; flex-direction: column; gap: 24px; } #uout h1 { font-family: 'Poppins', sans-serif !important; font-size: 42px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.15 !important; } #uout .desc { font-size: 16px; color: #ffffff; line-height: 1.72; max-width: 480px; opacity: 0.85; } #uout .pills { display: flex; flex-wrap: wrap; gap: 8px; } #uout .pill { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.8); padding: 5px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 500; } #uout .pill img { width: 14px; height: 14px; object-fit: contain; } #uout .ctas { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } #uout .cta-p { display: inline-flex; align-items: center; gap: 8px; background: #DDDF4C; color: #0F2836; font-weight: 700; font-size: 0.9rem; padding: 12px 24px; border-radius: 8px; text-decoration: none !important; transition: transform 0.25s ease; width: fit-content; } #uout .cta-p:hover { transform: translateY(-3px); } #uout .cta-p svg { width: 14px; height: 14px; } #uout .cta-s { display: inline-flex; align-items: center; gap: 8px; background: transparent; border: 1.5px solid rgba(221,223,76,0.5); color: #DDDF4C; font-weight: 600; font-size: 0.9rem; padding: 11px 22px; border-radius: 8px; text-decoration: none !important; transition: all 0.25s ease; width: fit-content; } #uout .cta-s:hover { border-color: #DDDF4C; transform: translateY(-3px); } #uout .cta-s svg { width: 14px; height: 14px; } \/* \u2500\u2500 RIGHT \u2500\u2500 *\/ #uout .right { position: relative; } #uout .fbadge { position: absolute; top: -14px; right: -8px; background: #0f2736; border: 1px solid rgba(59,185,139,0.25); border-radius: 10px; padding: 10px 14px; z-index: 10; text-align: center; min-width: 100px; } #uout .fbadge-val { font-family: 'Poppins', sans-serif; font-size: 1.4rem; font-weight: 800; color: #3BB98B; line-height: 1; margin-bottom: 4px; } #uout .fbadge-label { font-size: 0.58rem; color: rgba(255,255,255,0.6); line-height: 1.4; } \/* App *\/ #uout .app { background: #fff; border-radius: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 24px 70px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.04); } #uout .app-bar { display: flex; align-items: center; justify-content: space-between; padding: 11px 16px; background: #fff; border-bottom: 1px solid #f1f5f9; } #uout .abl { display: flex; align-items: center; gap: 9px; } #uout .app-ico { width: 30px; height: 30px; background: rgba(59,185,139,0.12); border-radius: 7px; display: flex; align-items: center; justify-content: center; } #uout .app-ico svg { width: 15px; height: 15px; } #uout .app-nm { font-size: 13px; font-weight: 700; color: #1e293b; } #uout .abr { display: flex; align-items: center; gap: 8px; } #uout .sync-pill { display: flex; align-items: center; gap: 5px; background: rgba(59,185,139,0.1); padding: 3px 9px; border-radius: 20px; font-size: 0.6rem; font-weight: 600; color: #3BB98B; } #uout .sync-dot { width: 5px; height: 5px; border-radius: 50%; background: #3BB98B; } \/* Tabs *\/ #uout .tabs { display: flex; background: #fff; border-bottom: 1px solid #f1f5f9; padding: 0 14px; overflow-x: auto; } #uout .tab { padding: 9px 12px; font-size: 0.68rem; font-weight: 500; color: #94a3b8; border-bottom: 2px solid transparent; white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0; } #uout .tab.on { color: #3BB98B; font-weight: 700; border-bottom-color: #3BB98B; } #uout .tc { background: rgba(59,185,139,0.1); color: #3BB98B; font-size: 0.55rem; font-weight: 700; padding: 1px 5px; border-radius: 8px; } \/* Body *\/ #uout .body { display: grid; grid-template-columns: 170px 1fr 170px; } \/* Inbox column *\/ #uout .inbox { border-right: 1px solid #f1f5f9; } #uout .col-hd { padding: 7px 12px; font-size: 0.57rem; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.6px; background: #fafbfc; border-bottom: 1px solid #f1f5f9; } #uout .row { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border-bottom: 1px solid #f9fafb; } #uout .row.sel { background: rgba(59,185,139,0.05); border-left: 2px solid #3BB98B; } #uout .rav { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.48rem; font-weight: 700; color: #fff; flex-shrink: 0; } #uout .ri { flex: 1; min-width: 0; } #uout .rn { font-size: 0.63rem; font-weight: 700; color: #1e293b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #uout .rp { font-size: 0.52rem; color: #94a3b8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px; } #uout .rm { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; flex-shrink: 0; } #uout .rim { width: 10px; height: 10px; object-fit: contain; } #uout .ru { width: 5px; height: 5px; border-radius: 50%; background: #3BB98B; } \/* Messaging center *\/ #uout .messaging { display: flex; flex-direction: column; border-right: 1px solid #f1f5f9; } #uout .msg-hd { padding: 12px 14px 10px; border-bottom: 1px solid #f1f5f9; display: flex; align-items: center; gap: 10px; } #uout .msg-av { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.5rem; font-weight: 700; color: #fff; flex-shrink: 0; } #uout .msg-info { flex: 1; } #uout .msg-nm { font-size: 0.78rem; font-weight: 700; color: #1e293b; } #uout .msg-co { font-size: 0.55rem; color: #94a3b8; margin-top: 1px; } #uout .msgs { padding: 10px 12px; display: flex; flex-direction: column; gap: 8px; flex: 1; } #uout .msg { display: flex; flex-direction: column; gap: 3px; } #uout .msg-meta { display: flex; align-items: center; gap: 4px; font-size: 0.48rem; color: #94a3b8; } #uout .msg-meta img { width: 9px; height: 9px; object-fit: contain; } #uout .msg-meta .sender { font-weight: 600; color: #64748b; } #uout .bubble { padding: 6px 9px; border-radius: 6px; font-size: 0.56rem; line-height: 1.5; max-width: 95%; } #uout .b-in { background: #f3f4f6; color: #374151; border-bottom-left-radius: 2px; } #uout .b-out { background: linear-gradient(135deg,#3BB98B,#2da077); color: #fff; border-bottom-right-radius: 2px; align-self: flex-end; } \/* Sequence panel *\/ #uout .seqpanel { display: flex; flex-direction: column; } #uout .seq-hd { padding: 7px 10px; font-size: 0.57rem; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; background: #fafbfc; border-bottom: 1px solid #f1f5f9; } #uout .seq-status { display: flex; align-items: center; gap: 5px; padding: 8px 10px; border-bottom: 1px solid #f1f5f9; } #uout .seq-dot { width: 6px; height: 6px; border-radius: 50%; background: #3BB98B; flex-shrink: 0; } #uout .seq-active { font-size: 0.55rem; font-weight: 700; color: #3BB98B; } #uout .seq-name { font-size: 0.52rem; color: #64748b; margin-left: auto; } #uout .seq-provs { display: flex; align-items: center; gap: 4px; padding: 6px 10px; border-bottom: 1px solid #f1f5f9; } #uout .seq-prov { width: 18px; height: 18px; border-radius: 4px; display: flex; align-items: center; justify-content: center; background: #f3f4f6; } #uout .seq-prov img { width: 11px; height: 11px; object-fit: contain; } #uout .seq-steps { padding: 6px 10px; display: flex; flex-direction: column; gap: 0; } #uout .seq-step { display: flex; align-items: flex-start; gap: 7px; padding: 5px 0; position: relative; } #uout .seq-step:not(:last-child)::after { content: ''; position: absolute; left: 8px; top: 22px; width: 1px; height: calc(100% - 14px); background: #e5e7eb; } #uout .seq-ico { width: 17px; height: 17px; border-radius: 4px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: #f3f4f6; position: relative; z-index: 1; } #uout .seq-ico img { width: 10px; height: 10px; object-fit: contain; } #uout .seq-detail { flex: 1; min-width: 0; } #uout .seq-type { font-size: 0.52rem; font-weight: 700; color: #1e293b; } #uout .seq-time { font-size: 0.45rem; color: #94a3b8; margin-top: 1px; } #uout .seq-tags { display: flex; gap: 3px; margin-top: 3px; flex-wrap: wrap; } #uout .seq-tag { font-size: 0.42rem; padding: 1px 5px; border-radius: 3px; font-weight: 600; } #uout .st-green { background: rgba(59,185,139,0.1); color: #3BB98B; } #uout .st-blue { background: rgba(66,133,244,0.1); color: #4285F4; } #uout .st-yellow { background: rgba(251,188,4,0.1); color: #d4a004; } #uout .seq-delay { display: flex; align-items: center; gap: 4px; padding: 3px 0 3px 22px; font-size: 0.42rem; color: #94a3b8; font-weight: 500; } #uout .delay-badge { background: rgba(59,185,139,0.08); color: #3BB98B; padding: 1px 5px; border-radius: 3px; font-weight: 700; font-size: 0.42rem; } \/* Responsive *\/ @media (max-width: 960px) { #uout .grid { grid-template-columns: 1fr; gap: 40px; } #uout h1 { font-size: 36px !important; } #uout .fbadge { top: -10px; right: 0; } } @media (max-width: 640px) { #uout { padding: 52px 18px; } #uout h1 { font-size: 30px !important; } #uout .desc { font-size: 15px; max-width: 100%; } #uout .body { grid-template-columns: 1fr; } #uout .inbox { display: none; } #uout .seqpanel { display: none; } #uout .messaging { border-right: none; } #uout .fbadge { display: none; } } @media (max-width: 400px) { #uout h1 { font-size: 26px !important; } #uout .pills { gap: 6px; } #uout .ctas { flex-direction: column; align-items: flex-start; } #uout .cta-p, #uout .cta-s { width: 100%; justify-content: center; } } <\/style>\n<p><\/head><body data-rsssl=1 style=\"background:#0f2736;margin:0;padding:0;\"><\/p>\n<section id=\"uout\"> <\/p>\n<div class=\"grid\">  <\/p>\n<div class=\"left\"> <\/p>\n<h1>Boost Your Users’<!\u2013- [et_pb_br_holder] -\u2013>Outreach Success with<!\u2013- [et_pb_br_holder] -\u2013>Multi-Channel<!\u2013- [et_pb_br_holder] -\u2013>Communication<\/h1>\n<p> <pee class=\"desc\">Enhance your outreach software by providing users with seamless LinkedIn, WhatsApp, and email integration through Unipile’s API. Help them connect with more prospects, personalize their communication, and achieve higher conversion rates directly from your platform.<\/pee> <\/p>\n<div class=\"pills\"> <\/p>\n<div class=\"pill\"><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=\"pill\"><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=\"pill\"><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=\"pill\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\">WhatsApp<\/div>\n<p> <\/p>\n<div class=\"pill\" style=\"color:rgba(255,255,255,0.35);\">+more<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ctas\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"cta-p\"> 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> <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\" class=\"cta-s\"> 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\"\/><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"right\"> <\/p>\n<div class=\"fbadge\"> <\/p>\n<div class=\"fbadge-val\">3x<\/div>\n<p> <\/p>\n<div class=\"fbadge-label\">Higher response<!\u2013- [et_pb_br_holder] -\u2013>rate with sequences<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"app\"> <\/p>\n<div class=\"app-bar\"> <\/p>\n<div class=\"abl\"> <\/p>\n<div class=\"app-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M22 2L11 13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/> <\/svg> <\/div>\n<p> <span class=\"app-nm\">Your Outreach Tool<\/span> <\/div>\n<p> <\/p>\n<div class=\"abr\"> <\/p>\n<div class=\"sync-pill\">\n<div class=\"sync-dot\"><\/div>\n<p>Synced<\/p><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tabs\"> <\/p>\n<div class=\"tab on\">Inbox <span class=\"tc\">6<\/span><\/div>\n<p> <\/p>\n<div class=\"tab\">Prospects<\/div>\n<p> <\/p>\n<div class=\"tab\">Sequences<\/div>\n<p> <\/p>\n<div class=\"tab\">Analytics<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"body\">  <\/p>\n<div class=\"inbox\"> <\/p>\n<div class=\"col-hd\">Prospects<\/div>\n<p> <\/p>\n<div class=\"row sel\"> <\/p>\n<div class=\"rav\" style=\"background:#0A66C2;\">MO<\/div>\n<p> <\/p>\n<div class=\"ri\"> <\/p>\n<div class=\"rn\">Michel Opra<\/div>\n<p> <\/p>\n<div class=\"rp\">Thank you!<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rm\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"rim\"> <\/p>\n<div class=\"ru\"><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div class=\"rav\" style=\"background:#34A853;\">SR<\/div>\n<p> <\/p>\n<div class=\"ri\"> <\/p>\n<div class=\"rn\">Sofia Rivera<\/div>\n<p> <\/p>\n<div class=\"rp\">Hi Sarah, I am Spanish…<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rm\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\" class=\"rim\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div class=\"rav\" style=\"background:#7c3aed;\">DM<\/div>\n<p> <\/p>\n<div class=\"ri\"> <\/p>\n<div class=\"rn\">Daniel Martinez<\/div>\n<p> <\/p>\n<div class=\"rp\">When you got it?<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rm\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\" class=\"rim\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div class=\"rav\" style=\"background:#ea580c;\">GL<\/div>\n<p> <\/p>\n<div class=\"ri\"> <\/p>\n<div class=\"rn\">Gabriel Lopez<\/div>\n<p> <\/p>\n<div class=\"rp\">Can you help me with it?<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rm\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\" class=\"rim\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div class=\"rav\" style=\"background:#0891b2;\">EG<\/div>\n<p> <\/p>\n<div class=\"ri\"> <\/p>\n<div class=\"rn\">Elena Garcia<\/div>\n<p> <\/p>\n<div class=\"rp\">Dear Sarah,<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rm\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\" class=\"rim\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div class=\"rav\" style=\"background:#db2777;\">ND<\/div>\n<p> <\/p>\n<div class=\"ri\"> <\/p>\n<div class=\"rn\">Natalia Diaz<\/div>\n<p> <\/p>\n<div class=\"rp\">So, it’s up to you!<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"rm\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"rim\"> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"messaging\"> <\/p>\n<div class=\"msg-hd\"> <\/p>\n<div class=\"msg-av\" style=\"background:#0A66C2;\">MO<\/div>\n<p> <\/p>\n<div class=\"msg-info\"> <\/p>\n<div class=\"msg-nm\">Michel Opra<\/div>\n<p> <\/p>\n<div class=\"msg-co\">VP Operations, Nexatech<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"msgs\"> <\/p>\n<div class=\"msg\"> <\/p>\n<div class=\"msg-meta\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <span class=\"sender\">Sarah Brown<\/span> Monday, 15 Sept 09:00 AM <\/div>\n<p> <\/p>\n<div class=\"bubble b-out\">Hi Michel, thanks for connecting! I’d love to discuss a UI design role. Free for a quick chat?<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"msg\"> <\/p>\n<div class=\"msg-meta\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <span class=\"sender\">Sarah Brown<\/span> Monday, 15 Sept 09:00 AM <\/div>\n<p> <\/p>\n<div class=\"bubble b-out\">Sharing the job description here. Let me know if you’d like to go further!<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"msg\"> <\/p>\n<div class=\"msg-meta\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <span class=\"sender\">Michel Opra<\/span> Monday, 15 Sept 10:04 AM <\/div>\n<p> <\/p>\n<div class=\"bubble b-in\">Thank you. What documents do I need to send via LinkedIn?<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"seqpanel\"> <\/p>\n<div class=\"seq-hd\">Sequence<\/div>\n<p> <\/p>\n<div class=\"seq-status\"> <\/p>\n<div class=\"seq-dot\"><\/div>\n<p> <span class=\"seq-active\">Active<\/span> <span class=\"seq-name\">Sequence 1<\/span> <\/div>\n<p> <\/p>\n<div class=\"seq-provs\"> <\/p>\n<div class=\"seq-prov\"><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=\"seq-prov\"><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=\"seq-prov\"><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=\"seq-steps\"> <\/p>\n<div class=\"seq-step\"> <\/p>\n<div class=\"seq-ico\"><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=\"seq-detail\"> <\/p>\n<div class=\"seq-type\">Invitation Sent<\/div>\n<p> <\/p>\n<div class=\"seq-time\">15 Sept 09:00 AM<\/div>\n<p> <\/p>\n<div class=\"seq-tags\"> <span class=\"seq-tag st-green\">Invitation accepted<\/span> <span class=\"seq-tag st-blue\">Profile viewed<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"seq-delay\"> <span class=\"delay-badge\">3 Days<\/span> <\/div>\n<p> <\/p>\n<div class=\"seq-step\"> <\/p>\n<div class=\"seq-ico\"><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=\"seq-detail\"> <\/p>\n<div class=\"seq-type\">InMail Sent<\/div>\n<p> <\/p>\n<div class=\"seq-time\">18 Sept 09:00 AM<\/div>\n<p> <\/p>\n<div class=\"seq-tags\"> <span class=\"seq-tag st-yellow\">Pending<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"seq-delay\"> <span class=\"delay-badge\">2 Days<\/span> <\/div>\n<p> <\/p>\n<div class=\"seq-step\"> <\/p>\n<div class=\"seq-ico\"><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=\"seq-detail\"> <\/p>\n<div class=\"seq-type\">Email Sent<\/div>\n<p> <\/p>\n<div class=\"seq-time\">20 Sept 09:00 AM<\/div>\n<p> <\/p>\n<div class=\"seq-tags\"> <span class=\"seq-tag st-green\">Opened<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/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” 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 – LinkedIn Search Section<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #ulks { all: initial; display: block; font-family: 'Inter', sans-serif; background: transparent; box-sizing: border-box; } #ulks * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #ulks { padding: 80px 24px; } #ulks .container { max-width: 1160px; margin: 0 auto; } \/* \u2500\u2500 TOP HEADER \u2500\u2500 *\/ #ulks .top-hd { text-align: center; margin-bottom: 70px; } #ulks .top-hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; margin-bottom: 16px !important; } #ulks .top-hd p { font-size: 16px !important; color: #383838 !important; line-height: 1.7 !important; max-width: 660px !important; margin: 0 auto !important; } \/* \u2500\u2500 GRID \u2500\u2500 *\/ #ulks .row { display: grid !important; grid-template-columns: 1fr 1.15fr !important; gap: 56px !important; align-items: center !important; } \/* Left *\/ #ulks .left { display: flex !important; flex-direction: column !important; gap: 20px !important; } #ulks .left h3 { font-family: 'Poppins', sans-serif !important; font-size: 26px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; } #ulks .left h3 span { color: #3BB98B !important; } #ulks .left p { font-size: 15px !important; color: #383838 !important; line-height: 1.7 !important; } #ulks .features { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-top: 4px !important; } #ulks .feat { display: flex !important; align-items: flex-start !important; gap: 10px !important; } #ulks .feat-ico { width: 28px !important; height: 28px !important; border-radius: 6px !important; background: rgba(59,185,139,0.1) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; margin-top: 1px !important; } #ulks .feat-ico svg { width: 14px !important; height: 14px !important; } #ulks .feat-txt { font-size: 0.85rem !important; color: #383838 !important; line-height: 1.5 !important; } #ulks .feat-txt strong { color: #0f2736 !important; font-weight: 600 !important; } #ulks .cta-btn { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #DDDF4C !important; color: #0F2836 !important; font-weight: 700 !important; font-size: 0.9rem !important; padding: 12px 24px !important; border-radius: 8px !important; transition: all 0.25s ease !important; width: fit-content !important; margin-top: 4px !important; } #ulks .cta-btn:hover { transform: translateX(4px) !important; } #ulks .cta-btn svg { width: 14px !important; height: 14px !important; transition: transform 0.25s ease !important; } #ulks .cta-btn:hover svg { transform: translateX(4px) !important; } \/* \u2500\u2500 MOCKUP \u2500\u2500 *\/ #ulks .mockup-wrap { position: relative !important; } #ulks .app { background: #fff !important; border-radius: 14px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important; box-shadow: 0 8px 32px rgba(0,0,0,0.07) !important; } #ulks .app-top { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 12px 18px !important; border-bottom: 1px solid #f1f5f9 !important; } #ulks .app-logo { display: flex !important; align-items: center !important; gap: 9px !important; } #ulks .app-ico { width: 28px !important; height: 28px !important; background: rgba(59,185,139,0.12) !important; border-radius: 7px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #ulks .app-ico svg { width: 14px !important; height: 14px !important; } #ulks .app-nm { font-size: 13px !important; font-weight: 700 !important; color: #1e293b !important; } #ulks .app-provs { display: flex !important; gap: 5px !important; } #ulks .app-prov { width: 24px !important; height: 24px !important; border-radius: 6px !important; background: #f3f4f6 !important; display: flex !important; align-items: center !important; justify-content: center !important; } #ulks .app-prov img { width: 14px !important; height: 14px !important; object-fit: contain !important; } #ulks .srch { display: flex !important; align-items: center !important; gap: 8px !important; padding: 10px 18px !important; border-bottom: 1px solid #f1f5f9 !important; } #ulks .srch svg { width: 14px !important; height: 14px !important; stroke: #94a3b8 !important; flex-shrink: 0 !important; } #ulks .srch-input { flex: 1 !important; font-size: 0.72rem !important; color: #1e293b !important; font-weight: 500 !important; background: transparent !important; } #ulks .srch-count { font-size: 0.58rem !important; color: #94a3b8 !important; font-weight: 600 !important; white-space: nowrap !important; } #ulks .filters { display: flex !important; align-items: center !important; gap: 6px !important; padding: 8px 18px !important; border-bottom: 1px solid #f1f5f9 !important; flex-wrap: wrap !important; } #ulks .fp { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 3px 10px !important; border-radius: 20px !important; font-size: 0.55rem !important; font-weight: 600 !important; } #ulks .fp-dark { background: #0f2736 !important; color: #fff !important; } #ulks .fp-green { background: rgba(59,185,139,0.12) !important; color: #3BB98B !important; } #ulks .fp-x { opacity: 0.6 !important; font-size: 0.6rem !important; margin-left: 2px !important; } #ulks .tbl-hd { display: grid !important; grid-template-columns: 24px 1.2fr 1fr 0.5fr 20px !important; padding: 7px 18px !important; background: #fafbfc !important; border-bottom: 1px solid #f1f5f9 !important; } #ulks .th { font-size: 0.52rem !important; font-weight: 700 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } #ulks .tbl-row { display: grid !important; grid-template-columns: 24px 1.2fr 1fr 0.5fr 20px !important; padding: 8px 18px !important; align-items: center !important; border-bottom: 1px solid #f9fafb !important; } #ulks .chk { width: 14px !important; height: 14px !important; border-radius: 3px !important; background: #3BB98B !important; display: flex !important; align-items: center !important; justify-content: center !important; } #ulks .chk svg { width: 9px !important; height: 9px !important; stroke: #fff !important; } #ulks .name-cell { display: flex !important; align-items: center !important; gap: 8px !important; } #ulks .av { width: 22px !important; height: 22px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.42rem !important; font-weight: 700 !important; color: #fff !important; flex-shrink: 0 !important; } #ulks .nm { font-size: 0.65rem !important; font-weight: 600 !important; color: #1e293b !important; } #ulks .co { font-size: 0.62rem !important; color: #64748b !important; } #ulks .role { font-size: 0.58rem !important; color: #94a3b8 !important; } #ulks .arrow { font-size: 0.6rem !important; color: #cbd5e1 !important; text-align: right !important; } #ulks .tbl-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 18px !important; background: #fafbfc !important; border-top: 1px solid #f1f5f9 !important; } #ulks .tbl-cta-left { font-size: 0.58rem !important; color: #94a3b8 !important; font-weight: 500 !important; } #ulks .tbl-cta-left strong { color: #3BB98B !important; font-weight: 700 !important; } #ulks .tbl-cta-btn { display: inline-flex !important; align-items: center !important; gap: 5px !important; background: #3BB98B !important; color: #fff !important; padding: 5px 14px !important; border-radius: 6px !important; font-size: 0.58rem !important; font-weight: 700 !important; } #ulks .tbl-cta-btn svg { width: 10px !important; height: 10px !important; } #ulks .fbadge { position: absolute !important; top: -12px !important; right: -8px !important; background: #0f2736 !important; border: 1px solid rgba(59,185,139,0.25) !important; border-radius: 10px !important; padding: 10px 14px !important; z-index: 10 !important; text-align: center !important; } #ulks .fbadge-val { font-family: 'Poppins', sans-serif !important; font-size: 1.2rem !important; font-weight: 800 !important; color: #3BB98B !important; line-height: 1 !important; margin-bottom: 3px !important; } #ulks .fbadge-label { font-size: 0.52rem !important; color: rgba(255,255,255,0.6) !important; line-height: 1.3 !important; } \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media (max-width: 900px) { #ulks .row { grid-template-columns: 1fr !important; gap: 36px !important; } #ulks .top-hd h2 { font-size: 28px !important; } #ulks .left h3 { font-size: 22px !important; } #ulks .fbadge { top: -10px !important; right: 0 !important; } } @media (max-width: 600px) { #ulks { padding: 52px 16px !important; } #ulks .top-hd { margin-bottom: 40px !important; } #ulks .top-hd h2 { font-size: 26px !important; } #ulks .row { gap: 28px !important; } #ulks .left { gap: 16px !important; } #ulks .fbadge { display: none !important; } #ulks .mockup-wrap { margin-left: -10px !important; margin-right: -10px !important; } #ulks .app { border-radius: 12px !important; } #ulks .srch { padding: 10px 14px !important; } #ulks .filters { padding: 8px 14px !important; } #ulks .tbl-hd { padding: 7px 14px !important; grid-template-columns: 20px 1fr 0.7fr 20px !important; } #ulks .tbl-row { padding: 8px 14px !important; grid-template-columns: 20px 1fr 0.7fr 20px !important; } #ulks .th:nth-child(4) { display: none !important; } #ulks .role { display: none !important; } #ulks .tbl-cta { padding: 10px 14px !important; } #ulks .app-top { padding: 10px 14px !important; } } @media (max-width: 400px) { #ulks { padding: 40px 14px !important; } #ulks .mockup-wrap { margin-left: -8px !important; margin-right: -8px !important; } #ulks .top-hd h2 { font-size: 22px !important; } #ulks .left h3 { font-size: 19px !important; } #ulks .left p { font-size: 14px !important; } #ulks .feat-txt { font-size: 0.8rem !important; } #ulks .cta-btn { width: 100% !important; justify-content: center !important; } #ulks .nm { font-size: 0.6rem !important; } #ulks .co { font-size: 0.55rem !important; } #ulks .srch-input { font-size: 0.65rem !important; } } <\/style>\n<p><\/head><body style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"ulks\"> <\/p>\n<div class=\"container\"> <\/p>\n<div class=\"top-hd\"> <\/p>\n<h2>Help Your Users Work Smarter with Advanced Features<\/h2>\n<p> <pee>Add value to your outreach tool by integrating smart functionalities that help your users find the right contacts, communicate across channels, and manage their daily workflows more efficiently.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"row\"> <\/p>\n<div class=\"left\"> <\/p>\n<h3>Integrated <span>LinkedIn Search<\/span> to help your users find the right contacts<\/h3>\n<p> <pee>Let your users search and filter LinkedIn profiles directly from your platform to identify relevant contacts by industry, location, job title, and relationship level.<\/pee> <\/p>\n<div class=\"features\"> <\/p>\n<div class=\"feat\"> <\/p>\n<div class=\"feat-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"feat-txt\"><strong>Advanced filters<\/strong> by industry, role, location, relationship, and keywords<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat\"> <\/p>\n<div class=\"feat-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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> <\/p>\n<div class=\"feat-txt\"><strong>Save contacts<\/strong> to your CRM or outreach pipeline for personalized follow-ups<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat\"> <\/p>\n<div class=\"feat-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"feat-txt\"><strong>Up-to-date profiles<\/strong> with synced data to keep contact information accurate<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/www.unipile.com\/communication-api\/messaging-api\/\" class=\"cta-btn\"> LinkedIn API <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=\"mockup-wrap\"> <\/p>\n<div class=\"fbadge\"> <\/p>\n<div class=\"fbadge-val\">87<\/div>\n<p> <\/p>\n<div class=\"fbadge-label\">Relevant contacts<!\u2013- [et_pb_br_holder] -\u2013>identified<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"app\"> <\/p>\n<div class=\"app-top\"> <\/p>\n<div class=\"app-logo\"> <\/p>\n<div class=\"app-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"app-nm\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"app-provs\"> <\/p>\n<div class=\"app-prov\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:13px;height:13px;\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"app-prov\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"srch\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg> <span class=\"srch-input\">CEO Healthcare North America<\/span> <span class=\"srch-count\">87 results<\/span> <\/div>\n<p> <\/p>\n<div class=\"filters\"> <span class=\"fp fp-dark\">CEO <span class=\"fp-x\">x<\/span><\/span> <span class=\"fp fp-dark\">Healthcare <span class=\"fp-x\">x<\/span><\/span> <span class=\"fp fp-dark\">North America <span class=\"fp-x\">x<\/span><\/span> <span class=\"fp fp-green\">2nd Degree<\/span> <span class=\"fp fp-green\">Financial Services<\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-hd\"> <\/p>\n<div class=\"th\"><\/div>\n<p> <\/p>\n<div class=\"th\">Name<\/div>\n<p> <\/p>\n<div class=\"th\">Company<\/div>\n<p> <\/p>\n<div class=\"th\">Role<\/div>\n<p> <\/p>\n<div class=\"th\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#EA4335;\">DR<\/div>\n<p><span class=\"nm\">Darlene Roberson<\/span><\/div>\n<p> <span class=\"co\">Medico<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#7c3aed;\">TC<\/div>\n<p><span class=\"nm\">Theresa Cooper<\/span><\/div>\n<p> <span class=\"co\">HealthCo<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#0A66C2;\">GH<\/div>\n<p><span class=\"nm\">Guy Hawkins<\/span><\/div>\n<p> <span class=\"co\">VitalPath<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#34A853;\">RF<\/div>\n<p><span class=\"nm\">Robert Fox<\/span><\/div>\n<p> <span class=\"co\">CureCorp<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#ea580c;\">DL<\/div>\n<p><span class=\"nm\">Devon Lane<\/span><\/div>\n<p> <span class=\"co\">MediLife<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#0891b2;\">CF<\/div>\n<p><span class=\"nm\">Cody Fisher<\/span><\/div>\n<p> <span class=\"co\">HealthNet<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#db2777;\">BC<\/div>\n<p><span class=\"nm\">Bruce Colleen<\/span><\/div>\n<p> <span class=\"co\">MediPlus<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"chk\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"name-cell\">\n<div class=\"av\" style=\"background:#4285F4;\">TM<\/div>\n<p><span class=\"nm\">Tom McCoy<\/span><\/div>\n<p> <span class=\"co\">HealthMax<\/span><span class=\"role\">CEO<\/span><span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-cta\"> <span class=\"tbl-cta-left\"><strong>87<\/strong> contacts selected<\/span> <span class=\"tbl-cta-btn\"> Add to Pipeline <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> <\/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″]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Multi-Channel Outreach Actions<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #umca { all: initial; display: block; font-family: 'Inter', sans-serif; background: transparent; box-sizing: border-box; } #umca * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #umca { padding: 80px 24px; } #umca .container { max-width: 1160px; margin: 0 auto; } \/* \u2500\u2500 TOP HEADER \u2500\u2500 *\/ #umca .top-hd { text-align: center; margin-bottom: 64px; } #umca .top-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(59,185,139,0.08); color: #3BB98B; padding: 6px 14px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px; } #umca .top-badge svg { width: 14px; height: 14px; } #umca .top-hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; margin-bottom: 16px !important; } #umca .top-hd p { font-size: 16px !important; color: #383838 !important; line-height: 1.7 !important; max-width: 660px !important; margin: 0 auto !important; } \/* \u2500\u2500 FEATURE ROWS \u2500\u2500 *\/ #umca .feat-row { display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center; margin-bottom: 72px; } #umca .feat-row.reverse { direction: rtl; } #umca .feat-row.reverse > * { direction: ltr; } #umca .feat-row:last-child { margin-bottom: 0; } \/* Text side *\/ #umca .feat-text { display: flex; flex-direction: column; gap: 16px; } #umca .feat-provs { display: flex; gap: 6px; } #umca .feat-prov { width: 36px; height: 36px; border-radius: 10px; background: #f3f4f6; display: flex; align-items: center; justify-content: center; } #umca .feat-prov img { width: 22px; height: 22px; object-fit: contain; } #umca .feat-text h3 { font-family: 'Poppins', sans-serif !important; font-size: 24px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; } #umca .feat-text h3 span { color: #3BB98B !important; } #umca .feat-text p { font-size: 15px !important; color: #383838 !important; line-height: 1.7 !important; } #umca .feat-list { display: flex; flex-direction: column; gap: 10px; margin-top: 2px; } #umca .feat-item { display: flex; align-items: flex-start; gap: 10px; } #umca .feat-check { width: 20px; height: 20px; border-radius: 50%; background: rgba(59,185,139,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } #umca .feat-check svg { width: 10px; height: 10px; } #umca .feat-label { font-size: 0.85rem; color: #383838; line-height: 1.5; } #umca .feat-label strong { color: #0f2736; font-weight: 600; } #umca .cta-link { display: inline-flex; align-items: center; gap: 6px; color: #3BB98B; font-weight: 600; font-size: 0.85rem; transition: gap 0.25s ease; margin-top: 4px; } #umca .cta-link:hover { gap: 10px; } #umca .cta-link svg { width: 14px; height: 14px; transition: transform 0.25s ease; } \/* \u2500\u2500 MOCKUPS \u2500\u2500 *\/ #umca .mockup-wrap { position: relative; overflow: hidden; } \/* App card base *\/ #umca .app { background: #fff; border-radius: 14px; overflow: hidden; border: 1px solid #e5e7eb; box-shadow: 0 8px 32px rgba(0,0,0,0.07); max-width: 540px; margin: 0 auto; } #umca .app.app-narrow { max-width: 400px; } #umca .app-top { display: flex; align-items: center; justify-content: space-between; padding: 12px 18px; border-bottom: 1px solid #f1f5f9; } #umca .app-logo { display: flex; align-items: center; gap: 9px; } #umca .app-ico { width: 28px; height: 28px; background: rgba(59,185,139,0.12); border-radius: 7px; display: flex; align-items: center; justify-content: center; } #umca .app-ico svg { width: 14px; height: 14px; } #umca .app-nm { font-size: 13px; font-weight: 700; color: #1e293b; } #umca .sync-pill { display: flex; align-items: center; gap: 5px; background: rgba(59,185,139,0.1); padding: 3px 9px; border-radius: 20px; font-size: 0.55rem; font-weight: 600; color: #3BB98B; } #umca .sync-dot { width: 5px; height: 5px; border-radius: 50%; background: #3BB98B; } \/* \u2500\u2500 LINKEDIN MOCKUP: actions dropdown + activity timeline \u2500\u2500 *\/ #umca .li-body { padding: 16px 18px; display: flex; gap: 20px; } #umca .li-body > * { min-width: 0; } \/* Dropdown card *\/ #umca .dropdown { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 0; min-width: 180px; box-shadow: 0 4px 16px rgba(0,0,0,0.06); flex-shrink: 1; max-width: 100%; } #umca .dd-header { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid #f1f5f9; } #umca .dd-plus { width: 18px; height: 18px; border-radius: 50%; background: rgba(59,185,139,0.12); display: flex; align-items: center; justify-content: center; } #umca .dd-plus svg { width: 10px; height: 10px; } #umca .dd-title { font-size: 0.65rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; } #umca .dd-arrow { margin-left: auto; font-size: 0.6rem; color: #cbd5e1; } #umca .dd-item { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid #f9fafb; } #umca .dd-item:last-child { border-bottom: none; } #umca .dd-item img { width: 16px; height: 16px; object-fit: contain; flex-shrink: 0; } #umca .dd-item span { font-size: 0.72rem; font-weight: 500; color: #1e293b; } \/* Activity timeline card *\/ #umca .timeline { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 14px 16px; flex: 1; min-width: 0; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,0.04); } #umca .tl-header { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; } #umca .tl-av { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; flex-shrink: 0; } #umca .tl-av img { width: 100%; height: 100%; object-fit: cover; } #umca .tl-info { flex: 1; } #umca .tl-name { font-size: 0.85rem; font-weight: 700; color: #1e293b; } #umca .tl-provs { display: flex; gap: 4px; margin-top: 3px; } #umca .tl-provs img { width: 14px; height: 14px; object-fit: contain; } #umca .tl-badges { display: flex; gap: 6px; margin-bottom: 10px; } #umca .tl-badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 4px; font-size: 0.52rem; font-weight: 600; } #umca .tl-badge-green { background: rgba(52,168,83,0.1); color: #34A853; } #umca .tl-badge-dot { width: 5px; height: 5px; border-radius: 50%; background: #34A853; } #umca .tl-steps { display: flex; flex-direction: column; gap: 0; } #umca .tl-step { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; border-bottom: 1px solid #f3f4f6; } #umca .tl-step:last-child { border-bottom: none; } #umca .tl-step-ico { width: 24px; height: 24px; border-radius: 6px; background: rgba(10,102,194,0.08); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } #umca .tl-step-ico img { width: 13px; height: 13px; object-fit: contain; } #umca .tl-step-content { flex: 1; min-width: 0; } #umca .tl-step-title { font-size: 0.68rem; font-weight: 700; color: #1e293b; } #umca .tl-step-desc { font-size: 0.58rem; color: #64748b; line-height: 1.4; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #umca .tl-step-time { font-size: 0.52rem; color: #94a3b8; flex-shrink: 0; margin-top: 2px; } #umca .tl-step-actions { display: flex; gap: 6px; flex-shrink: 0; margin-top: 2px; } #umca .tl-step-actions svg { width: 12px; height: 12px; stroke: #cbd5e1; } \/* \u2500\u2500 EMAIL MOCKUP: conversation view \u2500\u2500 *\/ #umca .em-tabs { display: flex; gap: 0; border-bottom: 1px solid #f1f5f9; } #umca .em-tab { display: inline-flex; align-items: center; gap: 5px; padding: 8px 14px; font-size: 0.6rem; font-weight: 600; border-bottom: 2px solid transparent; color: #94a3b8; } #umca .em-tab.on { color: #3BB98B; border-bottom-color: #3BB98B; } #umca .em-tab img { width: 11px; height: 11px; object-fit: contain; } #umca .em-tab svg { width: 11px; height: 11px; } #umca .em-tab .chk { color: #3BB98B; font-size: 0.55rem; } #umca .em-profile { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid #f1f5f9; } #umca .em-av { width: 38px; height: 38px; border-radius: 50%; overflow: hidden; flex-shrink: 0; } #umca .em-av img { width: 100%; height: 100%; object-fit: cover; } #umca .em-info { flex: 1; } #umca .em-name { font-size: 0.82rem; font-weight: 700; color: #1e293b; } #umca .em-name .verified { display: inline-flex; width: 12px; height: 12px; background: #3BB98B; border-radius: 50%; align-items: center; justify-content: center; margin-left: 4px; vertical-align: middle; } #umca .em-name .verified svg { width: 7px; height: 7px; stroke: #fff; } #umca .em-channels { display: flex; gap: 4px; margin-top: 4px; } #umca .em-channels img { width: 16px; height: 16px; object-fit: contain; } #umca .em-ch-plus { width: 16px; height: 16px; border-radius: 50%; background: #f3f4f6; display: flex; align-items: center; justify-content: center; font-size: 0.55rem; color: #94a3b8; font-weight: 700; } #umca .em-msgs { padding: 14px 18px; display: flex; flex-direction: column; gap: 12px; } #umca .em-msg { display: flex; flex-direction: column; gap: 4px; } #umca .em-msg-meta { display: flex; align-items: center; gap: 6px; font-size: 0.52rem; color: #94a3b8; } #umca .em-msg-meta .em-msg-av { width: 16px; height: 16px; border-radius: 50%; overflow: hidden; flex-shrink: 0; } #umca .em-msg-meta .em-msg-av img { width: 100%; height: 100%; object-fit: cover; } #umca .em-msg-meta .sender { font-weight: 600; color: #64748b; } #umca .em-bubble { padding: 8px 12px; border-radius: 8px; font-size: 0.65rem; line-height: 1.55; max-width: 88%; } #umca .b-out { background: #0f2736; color: #fff; border-bottom-right-radius: 3px; align-self: flex-end; } #umca .b-in { background: #f3f4f6; color: #374151; border-bottom-left-radius: 3px; } #umca .em-reply { display: flex; align-items: center; gap: 8px; padding: 10px 18px; border-top: 1px solid #f1f5f9; } #umca .em-reply svg { width: 14px; height: 14px; stroke: #cbd5e1; flex-shrink: 0; } #umca .em-reply-input { flex: 1; font-size: 0.62rem; color: #94a3b8; background: transparent; } #umca .em-reply-send { width: 24px; height: 24px; border-radius: 6px; background: #0f2736; display: flex; align-items: center; justify-content: center; } #umca .em-reply-send svg { width: 11px; height: 11px; stroke: #fff; } \/* \u2500\u2500 WHATSAPP MOCKUP: chat sent on behalf of the user account \u2500\u2500 *\/ #umca .wa-onbehalf { display: flex; align-items: center; gap: 8px; padding: 9px 18px; border-bottom: 1px solid #f1f5f9; background: rgba(59,185,139,0.05); } #umca .wa-onbehalf img { width: 15px; height: 15px; object-fit: contain; flex-shrink: 0; } #umca .wa-onbehalf-txt { font-size: 0.6rem; color: #64748b; font-weight: 500; } #umca .wa-onbehalf-txt strong { color: #0f2736; font-weight: 700; } #umca .wa-profile { display: flex; align-items: center; gap: 10px; padding: 13px 18px; border-bottom: 1px solid #f1f5f9; } #umca .wa-av { width: 38px; height: 38px; border-radius: 50%; overflow: hidden; flex-shrink: 0; } #umca .wa-av img { width: 100%; height: 100%; object-fit: cover; } #umca .wa-info { flex: 1; } #umca .wa-name { font-size: 0.82rem; font-weight: 700; color: #1e293b; } #umca .wa-status { display: flex; align-items: center; gap: 5px; font-size: 0.58rem; color: #3BB98B; margin-top: 2px; font-weight: 600; } #umca .wa-status .wa-dot { width: 5px; height: 5px; border-radius: 50%; background: #3BB98B; } #umca .wa-chat { padding: 16px 18px; display: flex; flex-direction: column; gap: 10px; background: #fafbfc; } #umca .wa-day { align-self: center; background: #eef2f6; color: #94a3b8; font-size: 0.5rem; font-weight: 600; padding: 3px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 2px; } #umca .wa-bubble { padding: 8px 12px; border-radius: 10px; font-size: 0.65rem; line-height: 1.55; max-width: 82%; } #umca .wa-out { background: #0f2736; color: #fff; border-bottom-right-radius: 3px; align-self: flex-end; } #umca .wa-in { background: #fff; color: #374151; border: 1px solid #eef2f6; border-bottom-left-radius: 3px; align-self: flex-start; } #umca .wa-token { color: #DDDF4C; font-weight: 600; } #umca .wa-meta { display: flex; align-items: center; gap: 4px; justify-content: flex-end; margin-top: 4px; font-size: 0.5rem; opacity: 0.75; } #umca .wa-ticks { color: #3BB98B; font-weight: 700; letter-spacing: -1px; } #umca .wa-compose { display: flex; align-items: center; gap: 8px; padding: 10px 18px; border-top: 1px solid #f1f5f9; } #umca .wa-compose-input { flex: 1; font-size: 0.62rem; color: #94a3b8; background: #f3f4f6; padding: 8px 12px; border-radius: 16px; } #umca .wa-compose-send { width: 28px; height: 28px; border-radius: 50%; background: #3BB98B; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #umca .wa-compose-send svg { width: 13px; height: 13px; stroke: #fff; } \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media (max-width: 900px) { #umca .feat-row, #umca .feat-row.reverse { grid-template-columns: 1fr !important; gap: 36px !important; direction: ltr !important; } #umca .top-hd h2 { font-size: 28px !important; } #umca .feat-text h3 { font-size: 21px !important; } #umca .li-body { flex-direction: column !important; } #umca .dropdown { min-width: auto !important; flex-shrink: 1 !important; } } @media (max-width: 600px) { #umca { padding: 52px 2px !important; } #umca .top-hd h2 { font-size: 26px !important; } #umca .feat-row { margin-bottom: 52px !important; } #umca .app { overflow: hidden !important; } #umca .li-body { padding: 12px !important; gap: 12px !important; } #umca .dropdown { min-width: auto !important; width: 100% !important; flex-shrink: 1 !important; } #umca .timeline { width: 100% !important; } #umca .tl-step-desc { white-space: normal !important; } #umca .em-bubble { max-width: 100% !important; } #umca .em-msgs { padding: 12px !important; } #umca .em-profile { padding: 12px !important; } #umca .em-reply { padding: 10px 12px !important; } #umca .feat-text p { font-size: 14px !important; } #umca .feat-label { font-size: 0.8rem !important; } #umca .wa-bubble { max-width: 100% !important; } #umca .wa-chat { padding: 12px !important; } #umca .wa-profile { padding: 12px !important; } #umca .wa-onbehalf { padding: 9px 12px !important; } #umca .wa-compose { padding: 10px 12px !important; } } @media (max-width: 400px) { #umca .top-hd h2 { font-size: 22px !important; } #umca .feat-text h3 { font-size: 18px !important; } #umca .dd-item span { font-size: 0.65rem !important; } #umca .tl-step-actions { display: none !important; } #umca .em-tabs { overflow-x: auto !important; } } <\/style>\n<p><\/head><body style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"umca\"> <\/p>\n<div class=\"container\">  <\/p>\n<div class=\"top-hd\"> <\/p>\n<div class=\"top-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 2L11 13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg> Multi-Channel Actions <\/div>\n<p> <\/p>\n<h2>Send LinkedIn, Email, and WhatsApp<!\u2013- [et_pb_br_holder] -\u2013>Directly from Your Platform<\/h2>\n<p> <pee>Enable your users to launch outreach campaigns across every channel. Invitations, InMails, personalized emails, and follow-ups, all orchestrated from a single integration.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"feat-row\"> <\/p>\n<div class=\"feat-text\"> <\/p>\n<div class=\"feat-provs\"> <\/p>\n<div class=\"feat-prov\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<h3>Build and Customize <span>LinkedIn Campaigns<\/span><\/h3>\n<p> <pee>Empower your users to choose and build campaigns tailored to their outreach strategy: simple invitations, invitations with personalized messages, or InMails for greater engagement.<\/pee> <\/p>\n<div class=\"feat-list\"> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Invitation Request<\/strong> with or without a personalized note<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>InMail<\/strong> for reaching prospects outside your network<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Activity timeline<\/strong> to track every action per contact<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/www.unipile.com\/communication-api\/messaging-api\/linkedin-api\/\" class=\"cta-link\"> Explore LinkedIn API <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=\"mockup-wrap\"> <\/p>\n<div class=\"app\"> <\/p>\n<div class=\"app-top\"> <\/p>\n<div class=\"app-logo\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"app-nm\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"sync-pill\">\n<div class=\"sync-dot\"><\/div>\n<p>Synced<\/p><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"li-body\">  <\/p>\n<div class=\"dropdown\"> <\/p>\n<div class=\"dd-header\"> <\/p>\n<div class=\"dd-plus\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <span class=\"dd-title\">Add a New Step<\/span> <span class=\"dd-arrow\">v<\/span> <\/div>\n<p> <\/p>\n<div class=\"dd-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><span>Invitation Request<\/span><\/div>\n<p> <\/p>\n<div class=\"dd-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><span>Invitation Request \/ Note<\/span><\/div>\n<p> <\/p>\n<div class=\"dd-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><span>Send InMail<\/span><\/div>\n<p> <\/p>\n<div class=\"dd-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"><span>Email<\/span><\/div>\n<p> <\/p>\n<div class=\"dd-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"><span>WhatsApp Message<\/span><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"timeline\"> <\/p>\n<div class=\"tl-header\"> <\/p>\n<div class=\"tl-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face\" alt=\"John Rodriguez\"><\/div>\n<p> <\/p>\n<div class=\"tl-info\"> <\/p>\n<div class=\"tl-name\">John Rodriguez<\/div>\n<p> <\/p>\n<div class=\"tl-provs\"> <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\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <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=\"tl-badges\"> <\/p>\n<div class=\"tl-badge tl-badge-green\">\n<div class=\"tl-badge-dot\"><\/div>\n<p>Invitation accepted<\/p><\/div>\n<p> <\/p>\n<div class=\"tl-badge tl-badge-green\">\n<div class=\"tl-badge-dot\"><\/div>\n<p>Profile Synced<\/p><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tl-steps\"> <\/p>\n<div class=\"tl-step\"> <\/p>\n<div class=\"tl-step-ico\"><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=\"tl-step-content\"> <\/p>\n<div class=\"tl-step-title\">InMail sent<\/div>\n<p> <\/p>\n<div class=\"tl-step-desc\">I’m happy to announce I’ve just joined IBS as their new VP…<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tl-step-time\">4:13 PM<\/div>\n<p> <\/p>\n<div class=\"tl-step-actions\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 17 4 12 9 7\"\/><path d=\"M20 18v-2a4 4 0 0 0-4-4H4\"\/><\/svg> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tl-step\"> <\/p>\n<div class=\"tl-step-ico\"><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=\"tl-step-content\"> <\/p>\n<div class=\"tl-step-title\">Invitation accepted<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tl-step-time\">2:11 PM<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tl-step\"> <\/p>\n<div class=\"tl-step-ico\"><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=\"tl-step-content\"> <\/p>\n<div class=\"tl-step-title\">Invitation sent<\/div>\n<p> <\/p>\n<div class=\"tl-step-desc\">My team shares brand new use cases on how to…<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tl-step-time\">2 days ago<\/div>\n<p> <\/p>\n<div class=\"tl-step-actions\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/><\/svg> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 17 4 12 9 7\"\/><path d=\"M20 18v-2a4 4 0 0 0-4-4H4\"\/><\/svg> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"feat-row reverse\"> <\/p>\n<div class=\"feat-text\"> <\/p>\n<div class=\"feat-provs\"> <\/p>\n<div class=\"feat-prov\"><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=\"feat-prov\"><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=\"feat-prov\"><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>Extend Outreach with <span>Integrated Email<\/span><\/h3>\n<p> <pee>Build personalized email campaigns by selecting from direct emails, follow-ups, or final emails. Messages are sent on behalf of your users from their own Gmail, Outlook, or IMAP mailboxes, which keeps an authentic sender identity and the best deliverability rate.<\/pee> <\/p>\n<div class=\"feat-list\"> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Tailored campaigns<\/strong> with email, follow-up, and final email steps<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Sent from real user mailboxes<\/strong> on their behalf, for the best deliverability rate<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Unified inbox<\/strong> across Gmail, Outlook, IMAP, and LinkedIn<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Complete timeline<\/strong> for effective multi-channel follow-ups<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/www.unipile.com\/communication-api\/email-api\/\" class=\"cta-link\"> Explore Email API <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=\"mockup-wrap\"> <\/p>\n<div class=\"app app-narrow\"> <\/p>\n<div class=\"app-top\"> <\/p>\n<div class=\"app-logo\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"app-nm\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"sync-pill\">\n<div class=\"sync-dot\"><\/div>\n<p>Synced<\/p><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"em-profile\"> <\/p>\n<div class=\"em-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face\" alt=\"Mery Yard\"><\/div>\n<p> <\/p>\n<div class=\"em-info\"> <\/p>\n<div class=\"em-name\"> Mery Yard <span class=\"verified\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span> <\/div>\n<p> <\/p>\n<div class=\"em-channels\"> <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\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <\/p>\n<div class=\"em-ch-plus\">+<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"em-tabs\"> <\/p>\n<div class=\"em-tab on\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> IMAP <span class=\"chk\">\u2713\u2713<\/span> <\/div>\n<p> <\/p>\n<div class=\"em-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> WhatsApp <span class=\"chk\">\u2713\u2713<\/span> <\/div>\n<p> <\/p>\n<div class=\"em-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> LinkedIn <span class=\"chk\">\u2713\u2713<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"em-msgs\"> <\/p>\n<div class=\"em-msg\"> <\/p>\n<div class=\"em-msg-meta\"> <\/p>\n<div class=\"em-msg-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=60&h=60&fit=crop&crop=face\" alt=\"Me\"><\/div>\n<p> <span class=\"sender\">Me<\/span> Monday, 05:09 PM <\/div>\n<p> <\/p>\n<div class=\"em-bubble b-out\">Hi Mery, What are your needs for the upcoming quarter? Thank you.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"em-msg\"> <\/p>\n<div class=\"em-msg-meta\"> <\/p>\n<div class=\"em-msg-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=60&h=60&fit=crop&crop=face\" alt=\"Mery Yard\"><\/div>\n<p> <span class=\"sender\">Mery Yard<\/span> Monday, 07:12 PM <\/div>\n<p> <\/p>\n<div class=\"em-bubble b-in\">Dear Sarah, for next quarter, we’ll need 2,000 units of the flagship model and 1,000 of the budget model. Best.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"em-reply\"> <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\"\/><\/svg> <span class=\"em-reply-input\">Reply to Mery via IMAP<\/span> <\/p>\n<div class=\"em-reply-send\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"feat-row\"> <\/p>\n<div class=\"feat-text\"> <\/p>\n<div class=\"feat-provs\"> <\/p>\n<div class=\"feat-prov\"><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<h3>Reach Prospects on <span>WhatsApp<\/span><\/h3>\n<p> <pee>Add WhatsApp to your outreach sequences and let your users send personalized messages and follow-ups straight from your platform. Conversations are handled through their own connected WhatsApp account, on their behalf, for a direct and trusted channel.<\/pee> <\/p>\n<div class=\"feat-list\"> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Personalized messages<\/strong> and follow-ups as a sequence step<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Sent from the user’s own account<\/strong> on their behalf, for a trusted channel<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"feat-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-label\"><strong>Delivery and read status<\/strong> synced back to the activity timeline<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/www.unipile.com\/communication-api\/messaging-api\/\" class=\"cta-link\"> Explore WhatsApp API <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=\"mockup-wrap\"> <\/p>\n<div class=\"app app-narrow\"> <\/p>\n<div class=\"app-top\"> <\/p>\n<div class=\"app-logo\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"app-nm\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"sync-pill\">\n<div class=\"sync-dot\"><\/div>\n<p>Synced<\/p><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"wa-profile\"> <\/p>\n<div class=\"wa-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face\" alt=\"John Rodriguez\"><\/div>\n<p> <\/p>\n<div class=\"wa-info\"> <\/p>\n<div class=\"wa-name\">John Rodriguez<\/div>\n<p> <\/p>\n<div class=\"wa-status\"><span class=\"wa-dot\"><\/span>online<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"wa-chat\"> <\/p>\n<div class=\"wa-day\">Today<\/div>\n<p> <\/p>\n<div class=\"wa-bubble wa-out\"> Hi <span class=\"wa-token\">John<\/span>, great connecting on LinkedIn! Following up here, would you be open to a quick call this week? <\/p>\n<div class=\"wa-meta\">4:21 PM <span class=\"wa-ticks\">\u2713\u2713<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"wa-bubble wa-in\"> Hi Sarah, sure, Thursday afternoon works well for me. <\/p>\n<div class=\"wa-meta\" style=\"opacity:0.6;\">4:35 PM<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"wa-bubble wa-out\"> Perfect, I’ll send a calendar invite right away. Talk soon! <\/p>\n<div class=\"wa-meta\">4:37 PM <span class=\"wa-ticks\">\u2713\u2713<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"wa-compose\"> <span class=\"wa-compose-input\">Type a WhatsApp message<\/span> <\/p>\n<div class=\"wa-compose-send\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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> <\/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” 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 – Centralize Responses<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #uctr { all: initial; display: block; font-family: 'Inter', sans-serif; background: transparent; box-sizing: border-box; } #uctr * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #uctr { padding: 80px 24px; } #uctr .container { max-width: 1160px; margin: 0 auto; } \/* \u2500\u2500 HEADER \u2500\u2500 *\/ #uctr .hd { text-align: center; margin-bottom: 48px; } #uctr .hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; margin-bottom: 16px !important; } #uctr .hd p { font-size: 16px !important; color: #383838 !important; line-height: 1.7 !important; max-width: 680px !important; margin: 0 auto !important; } \/* \u2500\u2500 MOCKUP \u2500\u2500 *\/ #uctr .mockup-wrap { margin-bottom: 52px; } #uctr .app { background: #fff !important; border-radius: 14px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important; box-shadow: 0 8px 32px rgba(0,0,0,0.07) !important; } \/* App bar *\/ #uctr .app-bar { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 12px 20px !important; border-bottom: 1px solid #f1f5f9 !important; } #uctr .app-logo { display: flex !important; align-items: center !important; gap: 9px !important; } #uctr .app-ico { width: 28px !important; height: 28px !important; background: rgba(59,185,139,0.12) !important; border-radius: 7px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #uctr .app-ico svg { width: 14px !important; height: 14px !important; } #uctr .app-nm { font-size: 13px !important; font-weight: 700 !important; color: #1e293b !important; } #uctr .sync-pill { display: flex !important; align-items: center !important; gap: 5px !important; background: rgba(59,185,139,0.1) !important; padding: 3px 9px !important; border-radius: 20px !important; font-size: 0.55rem !important; font-weight: 600 !important; color: #3BB98B !important; } #uctr .sync-dot { width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #3BB98B !important; } \/* CRM Tabs *\/ #uctr .crm-tabs { display: flex !important; border-bottom: 1px solid #f1f5f9 !important; } #uctr .crm-tab { padding: 9px 24px !important; font-size: 0.65rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; color: #94a3b8 !important; } #uctr .crm-tab.on { background: #3BB98B !important; color: #fff !important; } \/* Body grid: contacts table + conversation *\/ #uctr .crm-body { display: grid !important; grid-template-columns: 1fr 1fr !important; } \/* \u2500\u2500 CONTACTS TABLE \u2500\u2500 *\/ #uctr .contacts { border-right: 1px solid #f1f5f9 !important; } #uctr .ct-hd { display: grid !important; grid-template-columns: 24px 1.3fr 0.7fr 28px !important; padding: 7px 14px !important; background: #fafbfc !important; border-bottom: 1px solid #f1f5f9 !important; gap: 8px !important; align-items: center !important; } #uctr .ct-th { font-size: 0.5rem !important; font-weight: 700 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; display: flex !important; align-items: center !important; gap: 3px !important; } #uctr .ct-th svg { width: 8px !important; height: 8px !important; stroke: #cbd5e1 !important; } #uctr .ct-row { display: grid !important; grid-template-columns: 24px 1.3fr 0.7fr 28px !important; padding: 8px 14px !important; align-items: center !important; gap: 8px !important; border-bottom: 1px solid #f9fafb !important; } #uctr .ct-row.sel { background: rgba(59,185,139,0.04) !important; } #uctr .ct-radio { width: 13px !important; height: 13px !important; border-radius: 50% !important; border: 1.5px solid #cbd5e1 !important; } #uctr .ct-radio.on { border-color: #3BB98B !important; background: #3BB98B !important; } #uctr .ct-name { display: flex !important; align-items: center !important; gap: 8px !important; } #uctr .ct-av { width: 26px !important; height: 26px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.42rem !important; font-weight: 700 !important; color: #fff !important; } #uctr .ct-av img { width: 100% !important; height: 100% !important; object-fit: cover !important; } #uctr .ct-info { min-width: 0 !important; } #uctr .ct-nm { font-size: 0.65rem !important; font-weight: 600 !important; color: #1e293b !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #uctr .ct-msg { font-size: 0.52rem !important; color: #94a3b8 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; margin-top: 1px !important; } #uctr .ct-job { display: flex !important; align-items: center !important; gap: 5px !important; } #uctr .ct-dot { width: 5px !important; height: 5px !important; border-radius: 50% !important; flex-shrink: 0 !important; } #uctr .ct-dot-green { background: #34A853 !important; } #uctr .ct-dot-red { background: #EA4335 !important; } #uctr .ct-role { font-size: 0.58rem !important; color: #64748b !important; white-space: nowrap !important; } #uctr .ct-prov { width: 16px !important; height: 16px !important; object-fit: contain !important; } \/* \u2500\u2500 CONVERSATION PANEL \u2500\u2500 *\/ #uctr .conv { display: flex !important; flex-direction: column !important; } \/* Conversation toolbar *\/ #uctr .conv-bar { display: flex !important; align-items: center !important; gap: 6px !important; padding: 6px 14px !important; border-bottom: 1px solid #f1f5f9 !important; background: #fafbfc !important; flex-wrap: wrap !important; } #uctr .conv-bar svg { width: 12px !important; height: 12px !important; stroke: #94a3b8 !important; cursor: pointer !important; } #uctr .conv-sep { width: 1px !important; height: 14px !important; background: #e5e7eb !important; } #uctr .ch-pill { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 3px 8px !important; border-radius: 4px !important; font-size: 0.5rem !important; font-weight: 600 !important; } #uctr .ch-pill img { width: 10px !important; height: 10px !important; object-fit: contain !important; } #uctr .ch-on { background: #0A66C2 !important; color: #fff !important; } #uctr .ch-off { background: transparent !important; color: #94a3b8 !important; } #uctr .ch-pill .dbl { font-size: 0.45rem !important; opacity: 0.7 !important; } \/* Conv header *\/ #uctr .conv-hd { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 16px !important; border-bottom: 1px solid #f1f5f9 !important; } #uctr .conv-av { width: 34px !important; height: 34px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; } #uctr .conv-av img { width: 100% !important; height: 100% !important; object-fit: cover !important; } #uctr .conv-nm { font-size: 0.8rem !important; font-weight: 700 !important; color: #1e293b !important; } #uctr .conv-badge { display: inline-flex !important; padding: 2px 8px !important; border-radius: 4px !important; background: #0f2736 !important; color: #fff !important; font-size: 0.48rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-left: 6px !important; } \/* Messages *\/ #uctr .conv-msgs { padding: 12px 16px !important; display: flex !important; flex-direction: column !important; gap: 12px !important; flex: 1 !important; } #uctr .cv-msg { display: flex !important; flex-direction: column !important; gap: 3px !important; } #uctr .cv-meta { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 0.5rem !important; color: #94a3b8 !important; } #uctr .cv-meta-av { width: 16px !important; height: 16px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; } #uctr .cv-meta-av img { width: 100% !important; height: 100% !important; object-fit: cover !important; } #uctr .cv-meta .sender { font-weight: 600 !important; color: #64748b !important; } #uctr .cv-bubble { padding: 8px 12px !important; border-radius: 8px !important; font-size: 0.62rem !important; line-height: 1.55 !important; max-width: 88% !important; } #uctr .cv-out { background: #0f2736 !important; color: #fff !important; border-bottom-right-radius: 3px !important; align-self: flex-end !important; } #uctr .cv-in { background: #f3f4f6 !important; color: #374151 !important; border-bottom-left-radius: 3px !important; } \/* Reply bar *\/ #uctr .conv-reply { display: flex !important; align-items: center !important; gap: 8px !important; padding: 10px 16px !important; border-top: 1px solid #f1f5f9 !important; } #uctr .conv-reply svg { width: 14px !important; height: 14px !important; stroke: #cbd5e1 !important; flex-shrink: 0 !important; } #uctr .conv-reply-input { flex: 1 !important; font-size: 0.62rem !important; color: #94a3b8 !important; background: transparent !important; } #uctr .conv-reply-send { width: 24px !important; height: 24px !important; border-radius: 6px !important; background: #0f2736 !important; display: flex !important; align-items: center !important; justify-content: center !important; } #uctr .conv-reply-send svg { width: 11px !important; height: 11px !important; stroke: #fff !important; } \/* \u2500\u2500 FEATURE CARDS BELOW \u2500\u2500 *\/ #uctr .feat-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 28px !important; } #uctr .feat-card { background: #fff !important; border-radius: 12px !important; padding: 28px !important; border: 1px solid #e5e7eb !important; } #uctr .fc-ico { width: 36px !important; height: 36px !important; border-radius: 8px !important; background: rgba(59,185,139,0.1) !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 14px !important; } #uctr .fc-ico svg { width: 18px !important; height: 18px !important; } #uctr .fc-title { font-family: 'Poppins', sans-serif !important; font-size: 1rem !important; font-weight: 700 !important; color: #0f2736 !important; margin-bottom: 10px !important; line-height: 1.3 !important; } #uctr .fc-desc { font-size: 0.85rem !important; color: #383838 !important; line-height: 1.65 !important; margin-bottom: 14px !important; } #uctr .fc-list { display: flex !important; flex-direction: column !important; gap: 8px !important; } #uctr .fc-item { display: flex !important; align-items: flex-start !important; gap: 8px !important; } #uctr .fc-check { width: 16px !important; height: 16px !important; border-radius: 50% !important; background: rgba(59,185,139,0.1) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; margin-top: 2px !important; } #uctr .fc-check svg { width: 8px !important; height: 8px !important; } #uctr .fc-label { font-size: 0.8rem !important; color: #383838 !important; line-height: 1.45 !important; } \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media (max-width: 900px) { #uctr .hd h2 { font-size: 28px !important; } #uctr .crm-body { grid-template-columns: 1fr !important; } #uctr .contacts { border-right: none !important; } #uctr .feat-grid { grid-template-columns: 1fr !important; } } @media (max-width: 600px) { #uctr { padding: 30px 2px !important; } #uctr .hd h2 { font-size: 26px !important; } #uctr .conv-bar { display: none !important; } } @media (max-width: 400px) { #uctr .hd h2 { font-size: 24px !important; } #uctr .feat-card { padding: 20px !important; } } <\/style>\n<p><\/head><body data-rsssl=1 style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"uctr\"> <\/p>\n<div class=\"container\">  <\/p>\n<div class=\"hd\"> <\/p>\n<h2>Centralizing and Managing Responses<\/h2>\n<p> <pee>Allow your users to centralize all responses from ongoing campaigns, making response management more efficient. Enable halting automated sequences based on user interactions and simplifying response handling.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"mockup-wrap\"> <\/p>\n<div class=\"app\">  <\/p>\n<div class=\"app-bar\"> <\/p>\n<div class=\"app-logo\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"app-nm\">Your CRM<\/span> <\/div>\n<p> <\/p>\n<div class=\"sync-pill\">\n<div class=\"sync-dot\"><\/div>\n<p>Synced<\/p><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"crm-tabs\"> <\/p>\n<div class=\"crm-tab on\">Contacts<\/div>\n<p> <\/p>\n<div class=\"crm-tab\">Opportunities<\/div>\n<p> <\/p>\n<div class=\"crm-tab\">Deals<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"crm-body\">  <\/p>\n<div class=\"contacts\"> <\/p>\n<div class=\"ct-hd\"> <\/p>\n<div class=\"ct-th\"><\/div>\n<p> <\/p>\n<div class=\"ct-th\">Candidate <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"ct-th\">Job <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"ct-th\">From<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-row sel\"> <\/p>\n<div class=\"ct-radio on\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=80&h=80&fit=crop&crop=face\" alt=\"Michel Opra\"><\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Michel Opra<\/div>\n<div class=\"ct-msg\">Hi Sarah…<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-green\"><\/div>\n<p><span class=\"ct-role\">Senior Dev<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"ct-prov\"> <\/div>\n<p> <\/p>\n<div class=\"ct-row\"> <\/p>\n<div class=\"ct-radio\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=80&h=80&fit=crop&crop=face\" alt=\"Sofia Rivera\"><\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Sofia Rivera<\/div>\n<div class=\"ct-msg\">Hi Sarah, I am Spanish…<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-green\"><\/div>\n<p><span class=\"ct-role\">Junior Dev<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"ct-prov\"> <\/div>\n<p> <\/p>\n<div class=\"ct-row\"> <\/p>\n<div class=\"ct-radio\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=80&h=80&fit=crop&crop=face\" alt=\"Daniel Martinez\"><\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Daniel Martinez<\/div>\n<div class=\"ct-msg\">When you got it?<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-green\"><\/div>\n<p><span class=\"ct-role\">Marketer<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"ct-prov\"> <\/div>\n<p> <\/p>\n<div class=\"ct-row\"> <\/p>\n<div class=\"ct-radio\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=80&h=80&fit=crop&crop=face\" alt=\"Gabriel Lopez\"><\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Gabriel Lopez<\/div>\n<div class=\"ct-msg\">Can you help me with it?<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-green\"><\/div>\n<p><span class=\"ct-role\">Marketer<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\" class=\"ct-prov\"> <\/div>\n<p> <\/p>\n<div class=\"ct-row\"> <\/p>\n<div class=\"ct-radio\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=80&h=80&fit=crop&crop=face\" alt=\"Elena Garcia\"><\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Elena Garcia<\/div>\n<div class=\"ct-msg\">Dear Sarah,<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-green\"><\/div>\n<p><span class=\"ct-role\">Product C.<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\" class=\"ct-prov\"> <\/div>\n<p> <\/p>\n<div class=\"ct-row\"> <\/p>\n<div class=\"ct-radio\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face\" alt=\"Natalia Diaz\"><\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Natalia Diaz<\/div>\n<div class=\"ct-msg\">So, it’s up to you!<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-green\"><\/div>\n<p><span class=\"ct-role\">Senior Dev<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\" class=\"ct-prov\"> <\/div>\n<p> <\/p>\n<div class=\"ct-row\"> <\/p>\n<div class=\"ct-radio\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\" style=\"background:#4285F4;\">VH<\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Victor Harris<\/div>\n<div class=\"ct-msg\">I’m Victor from Poland…<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-red\"><\/div>\n<p><span class=\"ct-role\">Junior Dev<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\" class=\"ct-prov\"> <\/div>\n<p> <\/p>\n<div class=\"ct-row\"> <\/p>\n<div class=\"ct-radio\"><\/div>\n<p> <\/p>\n<div class=\"ct-name\"> <\/p>\n<div class=\"ct-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=80&h=80&fit=crop&crop=face\" alt=\"Oscar Ward\"><\/div>\n<p> <\/p>\n<div class=\"ct-info\">\n<div class=\"ct-nm\">Oscar Ward<\/div>\n<div class=\"ct-msg\">Thank you to ask!<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ct-job\">\n<div class=\"ct-dot ct-dot-green\"><\/div>\n<p><span class=\"ct-role\">Senior Dev<\/span><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"ct-prov\"> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"conv\">  <\/p>\n<div class=\"conv-bar\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><\/svg> <svg 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> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"3 6 5 6 21 6\"\/><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"\/><\/svg> <\/p>\n<div class=\"conv-sep\"><\/div>\n<p> <\/p>\n<div class=\"ch-pill ch-on\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\">LinkedIn <span class=\"dbl\">\u2713\u2713<\/span><\/div>\n<p> <\/p>\n<div class=\"ch-pill ch-off\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\">Outlook <span class=\"dbl\">\u2713\u2713<\/span><\/div>\n<p> <\/p>\n<div class=\"ch-pill ch-off\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\">WhatsApp <span class=\"dbl\">\u2713\u2713<\/span><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"conv-hd\"> <\/p>\n<div class=\"conv-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face\" alt=\"Michel Opra\"><\/div>\n<p> <\/p>\n<div> <span class=\"conv-nm\">Michel Opra<\/span> <span class=\"conv-badge\">Details<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"conv-msgs\"> <\/p>\n<div class=\"cv-msg\"> <\/p>\n<div class=\"cv-meta\"> <\/p>\n<div class=\"cv-meta-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=60&h=60&fit=crop&crop=face\" alt=\"Sarah Brown\"><\/div>\n<p> <span class=\"sender\">Sarah Brown<\/span> Today, 05:09 PM <\/div>\n<p> <\/p>\n<div class=\"cv-bubble cv-out\">Hello Michel!<!\u2013- [et_pb_br_holder] -\u2013>Based on our last convo, I’ve tailored a solution for your ops challenges. Interested in a quick overview?<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"cv-msg\"> <\/p>\n<div class=\"cv-meta\"> <\/p>\n<div class=\"cv-meta-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=60&h=60&fit=crop&crop=face\" alt=\"Michel Opra\"><\/div>\n<p> <span class=\"sender\">Michel Opra<\/span> Today, 07:12 PM <\/div>\n<p> <\/p>\n<div class=\"cv-bubble cv-in\">Hi Sarah,<!\u2013- [et_pb_br_holder] -\u2013>that sounds promising.<!\u2013- [et_pb_br_holder] -\u2013>Can you send over the details?<!\u2013- [et_pb_br_holder] -\u2013>Let’s schedule a call if it fits our needs.<!\u2013- [et_pb_br_holder] -\u2013>Thank you.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"conv-reply\"> <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\"\/><\/svg> <span class=\"conv-reply-input\">Reply to Michel via LinkedIn<\/span> <\/p>\n<div class=\"conv-reply-send\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"feat-grid\"> <\/p>\n<div class=\"feat-card\"> <\/p>\n<div class=\"fc-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"fc-title\">Centralize Responses into a Unified Inbox<\/div>\n<p> <\/p>\n<div class=\"fc-desc\">Enable users to consolidate responses from multiple channels, such as LinkedIn, email (Gmail, Outlook, IMAP), and WhatsApp, into a single, organized view.<\/div>\n<p> <\/p>\n<div class=\"fc-list\"> <\/p>\n<div class=\"fc-item\"> <\/p>\n<div class=\"fc-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fc-label\">Halt ongoing sequences for leads who respond to campaigns<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"fc-item\"> <\/p>\n<div class=\"fc-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fc-label\">Streamlined interface for managing responses across all channels<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-card\"> <\/p>\n<div class=\"fc-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"fc-title\">Automate Sequence Stop Rules<\/div>\n<p> <\/p>\n<div class=\"fc-desc\">With an integrated inbox, set automated rules to stop follow-ups or campaign sequences for contacts who reply, enhancing professionalism and improving response rates.<\/div>\n<p> <\/p>\n<div class=\"fc-list\"> <\/p>\n<div class=\"fc-item\"> <\/p>\n<div class=\"fc-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fc-label\">Automatically detect replies from any connected channel<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"fc-item\"> <\/p>\n<div class=\"fc-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fc-label\">Stop ongoing campaigns and update lead status in real-time<\/div>\n<p> <\/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” 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 – Calendar Sync<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #ucal { all: initial; display: block; font-family: 'Inter', sans-serif; background: transparent; box-sizing: border-box; } #ucal * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #ucal { padding: 80px 24px; } #ucal .container { max-width: 1160px; margin: 0 auto; } \/* \u2500\u2500 HEADER \u2500\u2500 *\/ #ucal .hd { text-align: center; margin-bottom: 48px; } #ucal .hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; margin-bottom: 14px !important; } #ucal .hd p { font-size: 15px !important; color: #383838 !important; line-height: 1.7 !important; max-width: 660px !important; margin: 0 auto !important; } \/* \u2500\u2500 GRID \u2500\u2500 *\/ #ucal .row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 52px !important; align-items: center !important; } \/* \u2500\u2500 MOCKUP \u2500\u2500 *\/ #ucal .mockup-wrap { position: relative !important; } \/* Schedule card (main) *\/ #ucal .sched { background: #fff !important; border-radius: 14px !important; overflow: hidden !important; border: 1px solid #e5e7eb !important; box-shadow: 0 8px 32px rgba(0,0,0,0.07) !important; } \/* Profile bar *\/ #ucal .sc-profile { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 16px !important; border-bottom: 1px solid #f1f5f9 !important; } #ucal .sc-av { width: 32px !important; height: 32px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; } #ucal .sc-av img { width: 100% !important; height: 100% !important; object-fit: cover !important; } #ucal .sc-nm { font-size: 0.78rem !important; font-weight: 700 !important; color: #1e293b !important; } #ucal .sc-sub { font-size: 0.55rem !important; color: #94a3b8 !important; margin-top: 1px !important; } #ucal .sc-provs { display: flex !important; gap: 4px !important; margin-left: auto !important; } #ucal .sc-provs img { width: 14px !important; height: 14px !important; object-fit: contain !important; } \/* Day view header *\/ #ucal .day-hd { display: flex !important; align-items: center !important; gap: 8px !important; padding: 8px 16px !important; border-bottom: 1px solid #f1f5f9 !important; } #ucal .day-label { font-size: 0.7rem !important; font-weight: 700 !important; color: #1e293b !important; } #ucal .day-date { font-size: 0.58rem !important; color: #94a3b8 !important; } #ucal .day-spacer { flex: 1 !important; } #ucal .day-btn { padding: 3px 8px !important; border-radius: 4px !important; font-size: 0.5rem !important; font-weight: 700 !important; } #ucal .day-btn-on { background: #0f2736 !important; color: #fff !important; } #ucal .day-btn-off { color: #94a3b8 !important; background: transparent !important; } \/* Time slots *\/ #ucal .slots { padding: 4px 0 !important; } #ucal .slot { display: flex !important; align-items: stretch !important; gap: 0 !important; min-height: 36px !important; } #ucal .slot-time { width: 48px !important; font-size: 0.48rem !important; color: #cbd5e1 !important; text-align: right !important; padding: 4px 8px 0 0 !important; flex-shrink: 0 !important; } #ucal .slot-content { flex: 1 !important; border-top: 1px solid #f3f4f6 !important; position: relative !important; min-height: 36px !important; } \/* Events *\/ #ucal .evt { display: flex !important; align-items: center !important; gap: 8px !important; margin: 3px 8px 3px 0 !important; padding: 6px 10px !important; border-radius: 6px !important; font-size: 0.58rem !important; font-weight: 600 !important; } #ucal .evt img { width: 12px !important; height: 12px !important; object-fit: contain !important; flex-shrink: 0 !important; } #ucal .evt-green { background: rgba(59,185,139,0.12) !important; color: #2a9d6f !important; border-left: 3px solid #3BB98B !important; } #ucal .evt-blue { background: rgba(66,133,244,0.1) !important; color: #3574d4 !important; border-left: 3px solid #4285F4 !important; } #ucal .evt-purple { background: rgba(124,58,237,0.08) !important; color: #6d28d9 !important; border-left: 3px solid #7c3aed !important; } #ucal .evt-time { margin-left: auto !important; font-size: 0.5rem !important; opacity: 0.7 !important; font-weight: 500 !important; } \/* Meeting overlay card *\/ #ucal .meet-card { position: absolute !important; bottom: -20px !important; left: -14px !important; background: #fff !important; border-radius: 12px !important; padding: 16px 18px !important; box-shadow: 0 8px 28px rgba(0,0,0,0.12) !important; border: 1px solid #e5e7eb !important; z-index: 10 !important; width: 240px !important; } #ucal .meet-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: #34A853 !important; display: inline-block !important; margin-right: 6px !important; vertical-align: middle !important; } #ucal .meet-title { font-family: 'Poppins', sans-serif !important; font-size: 0.88rem !important; font-weight: 700 !important; color: #0f2736 !important; margin-bottom: 3px !important; } #ucal .meet-date { font-size: 0.62rem !important; color: #64748b !important; margin-bottom: 10px !important; } #ucal .meet-link { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 10px !important; } #ucal .meet-link-ico { width: 22px !important; height: 22px !important; border-radius: 5px !important; background: rgba(59,185,139,0.1) !important; display: flex !important; align-items: center !important; justify-content: center !important; } #ucal .meet-link-ico svg { width: 12px !important; height: 12px !important; } #ucal .meet-link-text { font-size: 0.62rem !important; font-weight: 600 !important; color: #1e293b !important; } #ucal .meet-link-url { font-size: 0.55rem !important; color: #3BB98B !important; } #ucal .meet-label { font-size: 0.52rem !important; color: #94a3b8 !important; margin-bottom: 6px !important; } #ucal .meet-people { display: flex !important; flex-direction: column !important; gap: 6px !important; } #ucal .meet-person { display: flex !important; align-items: center !important; gap: 7px !important; } #ucal .meet-pav { width: 20px !important; height: 20px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; } #ucal .meet-pav img { width: 100% !important; height: 100% !important; object-fit: cover !important; } #ucal .meet-pnm { font-size: 0.6rem !important; color: #1e293b !important; font-weight: 500 !important; } #ucal .meet-prole { font-size: 0.52rem !important; color: #94a3b8 !important; } \/* \u2500\u2500 TEXT SIDE \u2500\u2500 *\/ #ucal .text-side { display: flex !important; flex-direction: column !important; gap: 20px !important; } #ucal .feat-block { display: flex !important; flex-direction: column !important; gap: 6px !important; } #ucal .feat-block h3 { font-size: 0.95rem !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; } #ucal .feat-block p { font-size: 0.82rem !important; color: #383838 !important; line-height: 1.6 !important; } #ucal .cta-link { display: inline-flex !important; align-items: center !important; gap: 6px !important; color: #3BB98B !important; font-weight: 600 !important; font-size: 0.85rem !important; transition: gap 0.25s ease !important; margin-top: 6px !important; } #ucal .cta-link:hover { gap: 10px !important; } #ucal .cta-link svg { width: 14px !important; height: 14px !important; } \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media (max-width: 900px) { #ucal .row { grid-template-columns: 1fr !important; gap: 36px !important; } #ucal .hd h2 { font-size: 28px !important; } #ucal .meet-card { left: 0 !important; bottom: -16px !important; } } @media (max-width: 600px) { #ucal { padding: 32px 2px !important; } #ucal .hd h2 { font-size: 26px !important; } #ucal .meet-card { position: relative !important; bottom: auto !important; left: auto !important; margin-top: 12px !important; width: 100% !important; } } @media (max-width: 400px) { #ucal .hd h2 { font-size: 24px !important; } } <\/style>\n<p><\/head><body style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"ucal\"> <\/p>\n<div class=\"container\"> <\/p>\n<div class=\"hd\"> <\/p>\n<h2>Integrated Calendar Sync to Convert Prospects Faster<\/h2>\n<p> <pee>Embed scheduling directly into your outreach workflows. Automate calendar invites as soon as a prospect replies. No manual back-and-forth, no app switching.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"row\">  <\/p>\n<div class=\"mockup-wrap\"> <\/p>\n<div class=\"sched\"> <\/p>\n<div class=\"sc-profile\"> <\/p>\n<div class=\"sc-av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face\" alt=\"Michel Opra\"><\/div>\n<p> <\/p>\n<div> <\/p>\n<div class=\"sc-nm\">Michel Opra<\/div>\n<p> <\/p>\n<div class=\"sc-sub\">Media Buyer, Nexatech<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"sc-provs\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <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<div class=\"day-hd\"> <span class=\"day-label\">Friday, Sep 8<\/span> <span class=\"day-date\">Week 36<\/span> <\/p>\n<div class=\"day-spacer\"><\/div>\n<p> <span class=\"day-btn day-btn-on\">Week<\/span> <span class=\"day-btn day-btn-off\">Day<\/span> <\/div>\n<p> <\/p>\n<div class=\"slots\"> <\/p>\n<div class=\"slot\"> <\/p>\n<div class=\"slot-time\">9:00<\/div>\n<p> <\/p>\n<div class=\"slot-content\"> <\/p>\n<div class=\"evt evt-blue\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> Team standup <span class=\"evt-time\">9:00 – 9:30<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"slot\"> <\/p>\n<div class=\"slot-time\">10:00<\/div>\n<p> <\/p>\n<div class=\"slot-content\"> <\/p>\n<div class=\"evt evt-green\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/11\/zoomus-icon-1.svg\" alt=\"Google Meet\"> Michel Opra – Discovery call <span class=\"evt-time\">10:30 – 11:00<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"slot\"> <\/p>\n<div class=\"slot-time\">11:00<\/div>\n<p> <\/p>\n<div class=\"slot-content\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"slot\"> <\/p>\n<div class=\"slot-time\">12:00<\/div>\n<p> <\/p>\n<div class=\"slot-content\"> <\/p>\n<div class=\"evt evt-purple\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> Pipeline review <span class=\"evt-time\">12:00 – 12:45<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"slot\"> <\/p>\n<div class=\"slot-time\">14:00<\/div>\n<p> <\/p>\n<div class=\"slot-content\"> <\/p>\n<div class=\"evt evt-blue\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> Sofia Rivera – Follow-up <span class=\"evt-time\">14:00 – 14:30<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"slot\"> <\/p>\n<div class=\"slot-time\">15:00<\/div>\n<p> <\/p>\n<div class=\"slot-content\"> <\/p>\n<div class=\"evt evt-green\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/11\/Microsoft_Office_Teams_2018\u2013present-1-1.svg\" alt=\"Microsoft Teams\"> Daniel Martinez – Demo <span class=\"evt-time\">15:30 – 16:00<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"meet-card\"> <\/p>\n<div class=\"meet-title\"><span class=\"meet-dot\"><\/span>Meeting scheduled<\/div>\n<p> <\/p>\n<div class=\"meet-date\">Friday, Sep 8 at 10:30 AM<\/div>\n<p> <\/p>\n<div class=\"meet-link\"> <\/p>\n<div class=\"meet-link-ico\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-5.77-5.77A19.79 19.79 0 0 1 2.18 4.18 2 2 0 0 1 4.05 2h3a2 2 0 0 1 2 1.72\"\/><\/svg> <\/div>\n<p> <\/p>\n<div> <\/p>\n<div class=\"meet-link-text\">Meeting Call<\/div>\n<p> <\/p>\n<div class=\"meet-link-url\">Join link<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"meet-label\">Participants:<\/div>\n<p> <\/p>\n<div class=\"meet-people\"> <\/p>\n<div class=\"meet-person\"> <\/p>\n<div class=\"meet-pav\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=60&h=60&fit=crop&crop=face\" alt=\"Judith Smith\"><\/div>\n<p> <span class=\"meet-pnm\">Judith Smith<\/span> <span class=\"meet-prole\">– Sales Manager<\/span> <\/div>\n<p> <\/p>\n<div class=\"meet-person\"> <\/p>\n<div class=\"meet-pav\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=60&h=60&fit=crop&crop=face\" alt=\"Michel Opra\"><\/div>\n<p> <span class=\"meet-pnm\">Michel Opra<\/span> <span class=\"meet-prole\">– Media Buyer<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"text-side\"> <\/p>\n<div class=\"feat-block\"> <\/p>\n<h3>Smart Meeting Trigger from Reply<\/h3>\n<p> <pee>Detect a positive reply in LinkedIn, WhatsApp or email and automatically trigger a calendar invite, no need for manual follow-up.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"feat-block\"> <\/p>\n<h3>Unified Scheduling Across Channels<\/h3>\n<p> <pee>Let reps propose availability in cold emails, LinkedIn messages, or WhatsApp. Connect Google and Outlook calendars for real-time syncing of available slots.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"feat-block\"> <\/p>\n<h3>Programmatic Event Creation<\/h3>\n<p> <pee>Create, update, or cancel meetings directly from the outreach platform. Attach context (contact, campaign, message ID) for full traceability.<\/pee> <\/div>\n<p> <a href=\"https:\/\/www.unipile.com\/communication-api\/calendar-api\/\" class=\"cta-link\"> Calendar Integration <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><\/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” 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 – Multi-Account Access<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #umaa { all: initial; display: block; font-family: 'Inter', sans-serif; background: transparent; box-sizing: border-box; } #umaa * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #umaa { padding: 80px 24px; } #umaa .container { max-width: 1160px; margin: 0 auto; } \/* \u2500\u2500 HEADER \u2500\u2500 *\/ #umaa .hd { text-align: center; margin-bottom: 48px; } #umaa .hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; margin-bottom: 16px !important; } #umaa .hd p { font-size: 16px !important; color: #383838 !important; line-height: 1.7 !important; max-width: 700px !important; margin: 0 auto !important; } \/* \u2500\u2500 GRID \u2500\u2500 *\/ #umaa .row { display: grid !important; grid-template-columns: 1.1fr 1fr !important; gap: 52px !important; align-items: center !important; margin-bottom: 48px !important; } \/* \u2500\u2500 MOCKUP \u2500\u2500 *\/ #umaa .mockup-wrap { position: relative !important; } #umaa .app { background: #fff !important; border-radius: 14px !important; overflow: visible !important; border: 1px solid #e5e7eb !important; box-shadow: 0 8px 32px rgba(0,0,0,0.07) !important; position: relative !important; } \/* App bar *\/ #umaa .app-bar { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 14px 20px !important; border-bottom: 1px solid #f1f5f9 !important; } #umaa .app-logo { display: flex !important; align-items: center !important; gap: 10px !important; } #umaa .app-ico { 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; } #umaa .app-ico svg { width: 16px !important; height: 16px !important; } #umaa .app-nm { font-size: 15px !important; font-weight: 700 !important; color: #1e293b !important; } \/* CRM Tab *\/ #umaa .crm-tab-bar { border-bottom: 1px solid #f1f5f9 !important; } #umaa .crm-tab-active { display: inline-block !important; padding: 10px 28px !important; font-size: 0.78rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; background: #3BB98B !important; color: #fff !important; } \/* Table header *\/ #umaa .tbl-hd { display: grid !important; grid-template-columns: 1.3fr 0.7fr 30px 0.6fr 24px !important; padding: 9px 18px !important; background: #fafbfc !important; border-bottom: 1px solid #f1f5f9 !important; gap: 10px !important; align-items: center !important; } #umaa .th { font-size: 0.65rem !important; font-weight: 700 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; display: flex !important; align-items: center !important; gap: 4px !important; } #umaa .th svg { width: 10px !important; height: 10px !important; stroke: #cbd5e1 !important; } \/* Table rows *\/ #umaa .tbl-row { display: grid !important; grid-template-columns: 1.3fr 0.7fr 30px 0.6fr 24px !important; padding: 10px 18px !important; align-items: center !important; gap: 10px !important; border-bottom: 1px solid #f9fafb !important; } #umaa .name-cell { display: flex !important; align-items: center !important; gap: 10px !important; } #umaa .av { width: 32px !important; height: 32px !important; border-radius: 50% !important; overflow: hidden !important; flex-shrink: 0 !important; } #umaa .av img { width: 100% !important; height: 100% !important; object-fit: cover !important; } #umaa .nm-info { min-width: 0 !important; } #umaa .nm { font-size: 0.8rem !important; font-weight: 600 !important; color: #1e293b !important; } #umaa .nm-msg { font-size: 0.65rem !important; color: #94a3b8 !important; margin-top: 2px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #umaa .co { font-size: 0.75rem !important; color: #64748b !important; } #umaa .prov { width: 18px !important; height: 18px !important; object-fit: contain !important; } #umaa .status-cell { display: flex !important; align-items: center !important; gap: 6px !important; } #umaa .status-dot { width: 6px !important; height: 6px !important; border-radius: 50% !important; flex-shrink: 0 !important; } #umaa .status-dot-green { background: #34A853 !important; } #umaa .status-dot-red { background: #EA4335 !important; } #umaa .status-label { font-size: 0.65rem !important; font-weight: 500 !important; padding: 2px 8px !important; border-radius: 4px !important; } #umaa .sl-green { background: rgba(52,168,83,0.08) !important; color: #34A853 !important; } #umaa .sl-orange { background: rgba(251,188,4,0.08) !important; color: #d4a004 !important; } #umaa .sl-blue { background: rgba(66,133,244,0.08) !important; color: #4285F4 !important; } #umaa .arrow { font-size: 0.7rem !important; color: #cbd5e1 !important; text-align: right !important; } \/* User selector dropdown overlay *\/ #umaa .user-dropdown { position: absolute !important; top: 50px !important; right: -12px !important; background: #fff !important; border-radius: 10px !important; box-shadow: 0 8px 28px rgba(0,0,0,0.12) !important; border: 1px solid #e5e7eb !important; z-index: 10 !important; width: 210px !important; overflow: hidden !important; } #umaa .ud-hd { display: flex !important; align-items: center !important; gap: 6px !important; padding: 10px 14px !important; border-bottom: 1px solid #f1f5f9 !important; } #umaa .ud-hd svg { width: 12px !important; height: 12px !important; stroke: #94a3b8 !important; } #umaa .ud-hd span { font-size: 0.68rem !important; font-weight: 700 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } #umaa .ud-hd .ud-arrow { margin-left: auto !important; font-size: 0.6rem !important; color: #cbd5e1 !important; } #umaa .ud-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 9px 14px !important; border-bottom: 1px solid #f9fafb !important; font-size: 0.78rem !important; font-weight: 500 !important; color: #1e293b !important; } #umaa .ud-item:last-child { border-bottom: none !important; } #umaa .ud-item.active { background: #3BB98B !important; color: #fff !important; font-weight: 600 !important; } #umaa .ud-av { width: 24px !important; height: 24px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.5rem !important; font-weight: 700 !important; color: #fff !important; flex-shrink: 0 !important; } \/* \u2500\u2500 TEXT SIDE \u2500\u2500 *\/ #umaa .text-side { display: flex !important; flex-direction: column !important; gap: 24px !important; } #umaa .feat-block { display: flex !important; flex-direction: column !important; gap: 6px !important; } #umaa .feat-block h3 { font-size: 1rem !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.3 !important; } #umaa .feat-block p { font-size: 0.88rem !important; color: #383838 !important; line-height: 1.65 !important; } \/* \u2500\u2500 CTAs \u2500\u2500 *\/ #umaa .ctas { display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; flex-wrap: wrap !important; } #umaa .cta-p { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #DDDF4C !important; color: #0F2836 !important; font-weight: 700 !important; font-size: 0.9rem !important; padding: 12px 28px !important; border-radius: 8px !important; transition: transform 0.25s ease !important; } #umaa .cta-p:hover { transform: translateY(-3px) !important; } #umaa .cta-p svg { width: 14px !important; height: 14px !important; } #umaa .cta-s { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: transparent !important; border: 1.5px solid #0f2736 !important; color: #0f2736 !important; font-weight: 600 !important; font-size: 0.9rem !important; padding: 11px 26px !important; border-radius: 8px !important; transition: all 0.25s ease !important; } #umaa .cta-s:hover { transform: translateY(-3px) !important; } #umaa .cta-s svg { width: 14px !important; height: 14px !important; } #umaa .cta-sub { text-align: center !important; margin-top: 8px !important; font-size: 0.75rem !important; color: #94a3b8 !important; } \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media (max-width: 900px) { #umaa .row { grid-template-columns: 1fr !important; gap: 36px !important; } #umaa .hd h2 { font-size: 28px !important; } #umaa .user-dropdown { right: 0 !important; } } @media (max-width: 600px) { #umaa { padding: 10px 2px !important; } #umaa .hd h2 { font-size: 26px !important; } #umaa .user-dropdown { display: none !important; } #umaa .tbl-row { grid-template-columns: 1fr 0.5fr 24px !important; } #umaa .tbl-hd { grid-template-columns: 1fr 0.5fr 24px !important; } #umaa .tbl-hd .th:nth-child(3), #umaa .tbl-hd .th:nth-child(4) { display: none !important; } #umaa .tbl-row .prov, #umaa .tbl-row .status-cell { display: none !important; } } @media (max-width: 400px) { #umaa .hd h2 { font-size: 24px !important; } #umaa .ctas { flex-direction: column !important; } #umaa .cta-p, #umaa .cta-s { width: 100% !important; justify-content: center !important; } } <\/style>\n<p><\/head><body style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"umaa\"> <\/p>\n<div class=\"container\"> <\/p>\n<div class=\"hd\"> <\/p>\n<h2>Manage Multi-Account Access Seamlessly<\/h2>\n<p> <pee>Let your users handle multiple email and LinkedIn accounts from one centralized platform. Whether managing personal accounts, team accounts, or acting on behalf of colleagues, provide a seamless experience from a single access point.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"row\">  <\/p>\n<div class=\"mockup-wrap\"> <\/p>\n<div class=\"app\"> <\/p>\n<div class=\"app-bar\"> <\/p>\n<div class=\"app-logo\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"app-nm\">Your CRM<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"crm-tab-bar\"> <span class=\"crm-tab-active\">Contacts<\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-hd\"> <\/p>\n<div class=\"th\">Contacts <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"th\">Company <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"th\"><\/div>\n<p> <\/p>\n<div class=\"th\">Status<\/div>\n<p> <\/p>\n<div class=\"th\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"name-cell\"> <\/p>\n<div class=\"av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=80&h=80&fit=crop&crop=face\" alt=\"Michel Opra\"><\/div>\n<p> <\/p>\n<div class=\"nm-info\">\n<div class=\"nm\">Michel Opra<\/div>\n<div class=\"nm-msg\">OK Perfect…<\/div>\n<\/div>\n<p> <\/div>\n<p> <span class=\"co\">NexaTech<\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"prov\"> <\/p>\n<div class=\"status-cell\">\n<div class=\"status-dot status-dot-green\"><\/div>\n<p><span class=\"status-label sl-green\">Interested<\/span><\/div>\n<p> <span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"name-cell\"> <\/p>\n<div class=\"av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=80&h=80&fit=crop&crop=face\" alt=\"Sofia Rivera\"><\/div>\n<p> <\/p>\n<div class=\"nm-info\">\n<div class=\"nm\">Sofia Rivera<\/div>\n<div class=\"nm-msg\">Hi Sarah, I just saw your…<\/div>\n<\/div>\n<p> <\/div>\n<p> <span class=\"co\">Synthex<\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"prov\"> <\/p>\n<div class=\"status-cell\">\n<div class=\"status-dot status-dot-green\"><\/div>\n<p><span class=\"status-label sl-green\">Interested<\/span><\/div>\n<p> <span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"name-cell\"> <\/p>\n<div class=\"av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=80&h=80&fit=crop&crop=face\" alt=\"Daniel Martinez\"><\/div>\n<p> <\/p>\n<div class=\"nm-info\">\n<div class=\"nm\">Daniel Martinez<\/div>\n<div class=\"nm-msg\">Thanks for the proposal!<\/div>\n<\/div>\n<p> <\/div>\n<p> <span class=\"co\">Orbix<\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" class=\"prov\"> <\/p>\n<div class=\"status-cell\">\n<div class=\"status-dot status-dot-green\"><\/div>\n<p><span class=\"status-label sl-orange\">Proposal<\/span><\/div>\n<p> <span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"name-cell\"> <\/p>\n<div class=\"av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=80&h=80&fit=crop&crop=face\" alt=\"Gabriel Lopez\"><\/div>\n<p> <\/p>\n<div class=\"nm-info\">\n<div class=\"nm\">Gabriel Lopez<\/div>\n<div class=\"nm-msg\">I will be a great yes!<\/div>\n<\/div>\n<p> <\/div>\n<p> <span class=\"co\">Vortex<\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\" class=\"prov\"> <\/p>\n<div class=\"status-cell\">\n<div class=\"status-dot status-dot-green\"><\/div>\n<p><span class=\"status-label sl-blue\">Responsive<\/span><\/div>\n<p> <span class=\"arrow\">><\/span> <\/div>\n<p> <\/p>\n<div class=\"tbl-row\"> <\/p>\n<div class=\"name-cell\"> <\/p>\n<div class=\"av\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=80&h=80&fit=crop&crop=face\" alt=\"Elena Garcia\"><\/div>\n<p> <\/p>\n<div class=\"nm-info\">\n<div class=\"nm\">Elena Garcia<\/div>\n<div class=\"nm-msg\">Dear Sarah,<\/div>\n<\/div>\n<p> <\/div>\n<p> <span class=\"co\">Quark<\/span> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\" class=\"prov\"> <\/p>\n<div class=\"status-cell\">\n<div class=\"status-dot status-dot-green\"><\/div>\n<p><span class=\"status-label sl-green\">Closed Won<\/span><\/div>\n<p> <span class=\"arrow\">><\/span> <\/div>\n<p>  <\/p>\n<div class=\"user-dropdown\"> <\/p>\n<div class=\"ud-hd\"> <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> <span>Select User<\/span> <span class=\"ud-arrow\">v<\/span> <\/div>\n<p> <\/p>\n<div class=\"ud-item active\"> <\/p>\n<div class=\"ud-av\" style=\"background:#3BB98B;\">CR<\/div>\n<p> Carlos Reed <\/div>\n<p> <\/p>\n<div class=\"ud-item\"> <\/p>\n<div class=\"ud-av\" style=\"background:#7c3aed;\">IS<\/div>\n<p> Isabella Stone <\/div>\n<p> <\/p>\n<div class=\"ud-item\"> <\/p>\n<div class=\"ud-av\" style=\"background:#0A66C2;\">JM<\/div>\n<p> Javier Mitchell <\/div>\n<p> <\/p>\n<div class=\"ud-item\"> <\/p>\n<div class=\"ud-av\" style=\"background:#ea580c;\">LB<\/div>\n<p> Lucia Brooks <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"text-side\"> <\/p>\n<div class=\"feat-block\"> <\/p>\n<h3>Centralized Multi-Account Control<\/h3>\n<p> <pee>Users can connect Gmail, Outlook, LinkedIn, and other accounts into one interface, streamlining their daily workflow and eliminating the need to switch between platforms.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"feat-block\"> <\/p>\n<h3>Send Messages Across Accounts<\/h3>\n<p> <pee>Enable users to communicate from different accounts, ensuring personalized engagement while respecting activity limits and platform guidelines.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"feat-block\"> <\/p>\n<h3>Delegate and Act On Behalf<\/h3>\n<p> <pee>Support actions like scheduling follow-ups or sending messages on behalf of teammates, ensuring continuity and collaboration in outreach efforts.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ctas\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"cta-p\"> 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> <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\" class=\"cta-s\"> 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\"\/><\/svg> <\/a> <\/div>\n<p> <\/p>\n<div class=\"cta-sub\">Test the API for free<\/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” 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 – Outreach Sequences & Analytics<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #useq { all: initial; display: block; font-family: 'Inter', sans-serif; box-sizing: border-box; } #useq * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #useq { padding: 80px 24px; background: #0f2736; } #useq .container { max-width: 1160px; margin: 0 auto; } \/* \u2500\u2500 TOP HEADER \u2500\u2500 *\/ #useq .hd { text-align: center; margin-bottom: 60px; } #useq .hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #fff !important; line-height: 1.3 !important; margin-bottom: 16px !important; } #useq .hd p { font-size: 16px !important; color: #ffffff !important; line-height: 1.7 !important; max-width: 700px !important; margin: 0 auto !important; } \/* \u2500\u2500 ROWS \u2500\u2500 *\/ #useq .feat-row { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 52px; align-items: center; margin-bottom: 80px; } #useq .feat-row.reverse { direction: rtl; } #useq .feat-row.reverse > * { direction: ltr; } \/* \u2500\u2500 TEXT BLOCKS (dark bg) \u2500\u2500 *\/ #useq .text-block { display: flex; flex-direction: column; gap: 20px; } #useq .text-block h3 { font-family: 'Poppins', sans-serif !important; font-size: 1.5rem !important; font-weight: 700 !important; color: #fff !important; line-height: 1.3 !important; } #useq .text-block p { font-size: 15px !important; color: rgba(255,255,255,0.75) !important; line-height: 1.7 !important; } #useq .text-block p a { color: #DDDF4C !important; font-weight: 600 !important; } #useq .feat-items { display: flex; flex-direction: column; gap: 18px; } #useq .feat-item { display: flex; align-items: flex-start; gap: 12px; } #useq .fi-ico { width: 32px; height: 32px; border-radius: 50%; background: rgba(221,223,76,0.12); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; } #useq .fi-ico svg { width: 16px; height: 16px; } #useq .fi-content {} #useq .fi-title { font-size: 0.9rem; font-weight: 700; color: #fff; margin-bottom: 4px; } #useq .fi-desc { font-size: 0.85rem; color: rgba(255,255,255,0.65); line-height: 1.6; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOCKUP 1: SEQUENCE BUILDER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/ #useq .app { background: #fff; border-radius: 16px; overflow: hidden; } #useq .app-bar { display: flex; align-items: center; gap: 10px; padding: 14px 20px; border-bottom: 1px solid #f1f5f9; } #useq .app-ico { width: 30px; height: 30px; background: rgba(59,185,139,0.12); border-radius: 7px; display: flex; align-items: center; justify-content: center; } #useq .app-ico svg { width: 15px; height: 15px; } #useq .app-nm { font-size: 0.85rem; font-weight: 700; color: #1e293b; } #useq .seq-body { display: grid; grid-template-columns: 1fr 1fr; } \/* Sequence column *\/ #useq .seq-col { padding: 20px 18px; display: flex; flex-direction: column; align-items: center; gap: 0; } #useq .seq-start { background: #0f2736; color: #fff; padding: 10px 32px; border-radius: 22px; font-size: 0.75rem; font-weight: 700; text-align: center; } #useq .seq-line { width: 2px; height: 16px; background: #cbd5e1; } #useq .seq-step { display: flex; align-items: center; gap: 12px; background: #fff; border: 1.5px solid #e5e7eb; border-radius: 12px; padding: 12px 16px; width: 100%; max-width: 260px; } #useq .seq-step.active { border-color: #0A66C2; border-style: dashed; background: rgba(10,102,194,0.02); } #useq .seq-step-ico { width: 36px; height: 36px; border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #useq .seq-step-ico img { width: 20px; height: 20px; object-fit: contain; } #useq .seq-step-nm { font-size: 0.75rem; font-weight: 700; color: #1e293b; } #useq .seq-step-delay { display: inline-flex; align-items: center; gap: 4px; background: #f1f5f9; padding: 3px 10px; border-radius: 12px; font-size: 0.55rem; font-weight: 600; color: #64748b; margin-top: 4px; } #useq .seq-step-delay svg { width: 8px; height: 8px; } #useq .bg-li { background: #0A66C2; } \/* Actions panel *\/ #useq .act-col { border-left: 1px solid #f1f5f9; padding: 16px 18px; } #useq .act-hd { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #f8f9fa; border-radius: 8px; margin-bottom: 10px; } #useq .act-hd-plus { width: 18px; height: 18px; border-radius: 50%; background: #0f2736; display: flex; align-items: center; justify-content: center; } #useq .act-hd-plus svg { width: 9px; height: 9px; } #useq .act-hd-txt { font-size: 0.65rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; } #useq .act-hd-chev { margin-left: auto; font-size: 0.6rem; color: #94a3b8; } #useq .act-item { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-bottom: 1px solid #f8f9fa; } #useq .act-item:last-child { border-bottom: none; } #useq .act-item img { width: 18px; height: 18px; object-fit: contain; flex-shrink: 0; } #useq .act-item span { font-size: 0.75rem; font-weight: 500; color: #374151; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOCKUP 2: ANALYTICS DONUTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/ #useq .analytics-app { background: #fff; border-radius: 16px; overflow: hidden; } #useq .an-bar { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-bottom: 1px solid #f1f5f9; } #useq .an-logo { display: flex; align-items: center; gap: 10px; } #useq .an-title { font-size: 0.85rem; font-weight: 700; color: #1e293b; } #useq .an-sub { font-size: 0.78rem; font-weight: 600; color: #1e293b; padding: 8px 20px; border-bottom: 1px solid #f1f5f9; } #useq .an-filter { font-size: 0.62rem; color: #64748b; background: #f8f9fa; padding: 4px 10px; border-radius: 5px; font-weight: 500; } #useq .an-body { padding: 20px; } \/* Stat rows (horizontal bars) *\/ #useq .stat-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f1f5f9; } #useq .stat-row:last-of-type { border-bottom: none; } #useq .stat-ico { width: 28px; height: 28px; border-radius: 6px; background: #f3f4f6; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #useq .stat-ico img { width: 16px; height: 16px; object-fit: contain; } #useq .stat-content { flex: 1; } #useq .stat-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; } #useq .stat-label { font-size: 0.75rem; font-weight: 600; color: #1e293b; } #useq .stat-val { font-size: 0.8rem; font-weight: 700; color: #1e293b; } #useq .stat-track { height: 8px; background: #e5e7eb; border-radius: 4px; overflow: hidden; } #useq .stat-fill { height: 8px; border-radius: 4px; transition: width 0.3s ease; } \/* Performance insights *\/ #useq .perf { display: flex; align-items: center; gap: 16px; padding-top: 16px; border-top: 1px solid #f1f5f9; } #useq .perf-block { display: flex; flex-direction: column; gap: 2px; } #useq .perf-label { font-size: 0.52rem; color: #94a3b8; font-weight: 500; } #useq .perf-val { display: flex; align-items: center; gap: 4px; font-size: 0.85rem; font-weight: 700; color: #1e293b; } #useq .perf-val img { width: 14px; height: 14px; object-fit: contain; } #useq .perf-badge { background: #0f2736; color: #fff; padding: 3px 10px; border-radius: 5px; font-size: 0.65rem; font-weight: 700; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOCKUP 3: LIMITS \/ WARMUP SLIDERS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/ #useq .limits-app { background: #fff; border-radius: 16px; overflow: hidden; } #useq .lim-bar { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-bottom: 1px solid #f1f5f9; } #useq .lim-sub { font-size: 0.78rem; font-weight: 600; color: #1e293b; padding: 8px 20px; border-bottom: 1px solid #f1f5f9; display: flex; align-items: center; justify-content: space-between; } #useq .lim-body { padding: 14px 20px; display: flex; flex-direction: column; gap: 8px; } #useq .lim-row { background: rgba(66,133,244,0.04); border-radius: 10px; padding: 14px 16px; display: grid; grid-template-columns: 36px 1fr 60px; gap: 12px; align-items: center; } #useq .lim-ico { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; } #useq .lim-ico img { width: 20px; height: 20px; object-fit: contain; } #useq .lim-ico svg { width: 18px; height: 18px; } #useq .lim-bg-blue { background: #0A66C2; } #useq .lim-bg-mail { background: #4285F4; } #useq .lim-content {} #useq .lim-name { font-size: 0.78rem; font-weight: 700; color: #1e293b; margin-bottom: 4px; } #useq .lim-track { position: relative; height: 6px; background: #e5e7eb; border-radius: 3px; margin-bottom: 6px; } #useq .lim-fill { position: absolute; top: 0; left: 0; height: 6px; border-radius: 3px; } #useq .lim-fill-blue { background: linear-gradient(90deg, #0A66C2, #4285F4); } #useq .lim-fill-green { background: linear-gradient(90deg, #3BB98B, #34A853); } #useq .lim-thumb { position: absolute; top: -4px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 2px solid #0A66C2; box-shadow: 0 1px 4px rgba(0,0,0,0.15); } #useq .lim-desc { font-size: 0.55rem; color: #94a3b8; } #useq .lim-markers { display: flex; justify-content: space-between; margin-top: 2px; } #useq .lim-marker { font-size: 0.48rem; color: #94a3b8; font-weight: 500; text-align: center; } #useq .lim-marker span { display: block; font-size: 0.55rem; } #useq .lim-warmup { text-align: center; } #useq .lim-wu-label { font-size: 0.48rem; color: #94a3b8; font-weight: 500; } #useq .lim-wu-val { font-size: 0.52rem; font-weight: 600; color: #EA4335; } #useq .lim-limit-val { font-size: 0.78rem; font-weight: 700; color: #1e293b; } \/* \u2500\u2500 CTAs \u2500\u2500 *\/ #useq .ctas { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; margin-top: 60px; } #useq .cta-p { display: inline-flex; align-items: center; gap: 8px; background: #DDDF4C; color: #0F2836; font-weight: 700; font-size: 0.9rem; padding: 12px 28px; border-radius: 8px; transition: transform 0.25s ease; } #useq .cta-p:hover { transform: translateY(-3px); } #useq .cta-p svg { width: 14px; height: 14px; } #useq .cta-s { display: inline-flex; align-items: center; gap: 8px; background: transparent; border: 1.5px solid rgba(221,223,76,0.5); color: #DDDF4C; font-weight: 600; font-size: 0.9rem; padding: 11px 26px; border-radius: 8px; transition: all 0.25s ease; } #useq .cta-s:hover { border-color: #DDDF4C; transform: translateY(-3px); } #useq .cta-s svg { width: 14px; height: 14px; } #useq .cta-sub { text-align: center; margin-top: 10px; font-size: 0.78rem; color: rgba(255,255,255,0.45); } \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media (max-width: 960px) { #useq .feat-row, #useq .feat-row.reverse { grid-template-columns: 1fr; gap: 36px; direction: ltr; } #useq .hd h2 { font-size: 28px !important; } #useq .seq-body { grid-template-columns: 1fr; } #useq .act-col { border-left: none; border-top: 1px solid #f1f5f9; } } @media (max-width: 600px) { #useq { padding: 52px 2px; } #useq .hd h2 { font-size: 26px !important; } #useq .donuts { grid-template-columns: 1fr 1fr; gap: 14px; } #useq .lim-row { grid-template-columns: 30px 1fr 50px; gap: 8px; padding: 10px 12px; } } @media (max-width: 400px) { #useq .hd h2 { font-size: 24px !important; } #useq .ctas { flex-direction: column; } #useq .cta-p, #useq .cta-s { width: 100%; justify-content: center; } } <\/style>\n<p><\/head><body style=\"background:#0f2736;margin:0;padding:0;\"><\/p>\n<section id=\"useq\"> <\/p>\n<div class=\"container\">  <\/p>\n<div class=\"hd\"> <\/p>\n<h2>Build Custom Outreach Sequences for Your Users<\/h2>\n<p> <pee>Enable your software to offer fully customizable outreach sequences. Your users can build and coordinate actions like sending LinkedIn invitations, emails, and WhatsApp messages, all within your platform. Deliver a seamless workflow to streamline communication and maximize engagement.<\/pee> <\/div>\n<p>  ROW 1: SEQUENCE BUILDER (mockup left, text right) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 –> <\/p>\n<div class=\"feat-row\"> <\/p>\n<div class=\"app\"> <\/p>\n<div class=\"app-bar\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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=\"app-nm\">Your CRM<\/span> <\/div>\n<p> <\/p>\n<div class=\"seq-body\">  <\/p>\n<div class=\"seq-col\"> <\/p>\n<div class=\"seq-start\">Start New Sequence<\/div>\n<p> <\/p>\n<div class=\"seq-line\"><\/div>\n<p> <\/p>\n<div class=\"seq-step\"> <\/p>\n<div class=\"seq-step-ico bg-li\"><svg viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg><\/div>\n<p> <\/p>\n<div>\n<div class=\"seq-step-nm\">LinkedIn Invitation<\/div>\n<div class=\"seq-step-delay\">Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"seq-line\"><\/div>\n<p> <\/p>\n<div class=\"seq-step active\"> <\/p>\n<div class=\"seq-step-ico bg-li\"><svg viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg><\/div>\n<p> <\/p>\n<div>\n<div class=\"seq-step-nm\">LinkedIn Message<\/div>\n<div class=\"seq-step-delay\">3 Days <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"seq-line\"><\/div>\n<p> <\/p>\n<div class=\"seq-step\"> <\/p>\n<div class=\"seq-step-ico\" style=\"background:rgba(234,67,53,0.1);\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"><\/div>\n<p> <\/p>\n<div>\n<div class=\"seq-step-nm\">Email Follow-up<\/div>\n<div class=\"seq-step-delay\">3 Days <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"seq-line\"><\/div>\n<p> <\/p>\n<div class=\"seq-step\"> <\/p>\n<div class=\"seq-step-ico\" style=\"background:rgba(37,211,102,0.12);\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"><\/div>\n<p> <\/p>\n<div>\n<div class=\"seq-step-nm\">WhatsApp Reminder<\/div>\n<div class=\"seq-step-delay\">2 Days <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"act-col\"> <\/p>\n<div class=\"act-hd\"> <\/p>\n<div class=\"act-hd-plus\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" 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> <span class=\"act-hd-txt\">Add a New Step<\/span> <span class=\"act-hd-chev\">v<\/span> <\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><span>Send a message<\/span><\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><span>Send an InMail<\/span><\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><span>Send a voice note<\/span><\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><span>Send a comment<\/span><\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"><span>Send a message<\/span><\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"><span>Send an email<\/span><\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"><span>Send an email<\/span><\/div>\n<p> <\/p>\n<div class=\"act-item\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"><span>Send an email<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"text-block\"> <\/p>\n<h3>Build Personalized Targeted Campaigns<\/h3>\n<p> <\/p>\n<div class=\"feat-items\"> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"fi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#DDDF4C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fi-content\"> <\/p>\n<div class=\"fi-title\">Boosted Engagement<\/div>\n<p> <\/p>\n<div class=\"fi-desc\">Build and customize templates tailored to specific outreach needs. Help your users craft messages that resonate personally, ensuring stronger connections with their audience.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-item\"> <\/p>\n<div class=\"fi-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#DDDF4C\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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> <\/p>\n<div class=\"fi-content\"> <\/p>\n<div class=\"fi-title\">Unique Outreach Strategy<\/div>\n<p> <\/p>\n<div class=\"fi-desc\">Design a tailored and unique outreach strategy directly within your platform. Help your users align communication with their target audience preferences, improving campaign outcomes.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <pee>Learn more about sequence setup in our <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\">documentation<\/a>.<\/pee> <\/div>\n<p> <\/div>\n<p>  ROW 2: ANALYTICS (text left, mockup right) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 –> <\/p>\n<div class=\"feat-row\"> <\/p>\n<div class=\"text-block\"> <\/p>\n<h3>Offer Outreach Limit Management<\/h3>\n<p> <pee>Allow your users to manage daily limits for emails, LinkedIn messages, and comments, helping them ensure safe and effective campaign execution while respecting platform guidelines.<\/pee> <pee>Provide detailed analytics and actionable insights to help your users optimize their outreach campaigns while maintaining compliance.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"analytics-app\"> <\/p>\n<div class=\"an-bar\"> <\/p>\n<div class=\"an-logo\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"an-title\">Your CRM<\/span> <\/div>\n<p> <span class=\"an-filter\">Last 7 days v<\/span> <\/div>\n<p> <\/p>\n<div class=\"an-sub\">Responses rate<\/div>\n<p> <\/p>\n<div class=\"an-body\"> <\/p>\n<div class=\"stat-row\"> <\/p>\n<div class=\"stat-ico\"><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=\"stat-content\"> <\/p>\n<div class=\"stat-hd\"><span class=\"stat-label\">LinkedIn Invitations Accepted<\/span><span class=\"stat-val\">62%<\/span><\/div>\n<p> <\/p>\n<div class=\"stat-track\">\n<div class=\"stat-fill\" style=\"width:62%;background:#0A66C2;\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"stat-row\"> <\/p>\n<div class=\"stat-ico\"><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=\"stat-content\"> <\/p>\n<div class=\"stat-hd\"><span class=\"stat-label\">LinkedIn Message Read<\/span><span class=\"stat-val\">81%<\/span><\/div>\n<p> <\/p>\n<div class=\"stat-track\">\n<div class=\"stat-fill\" style=\"width:81%;background:#0A66C2;\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"stat-row\"> <\/p>\n<div class=\"stat-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4285F4\" stroke-width=\"2\" style=\"width:16px;height:16px;\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><polyline points=\"22,4 12,13 2,4\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"stat-content\"> <\/p>\n<div class=\"stat-hd\"><span class=\"stat-label\">Email Open Rate<\/span><span class=\"stat-val\">22%<\/span><\/div>\n<p> <\/p>\n<div class=\"stat-track\">\n<div class=\"stat-fill\" style=\"width:22%;background:#94a3b8;\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"stat-row\"> <\/p>\n<div class=\"stat-ico\"><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=\"stat-content\"> <\/p>\n<div class=\"stat-hd\"><span class=\"stat-label\">WhatsApp Response Rate<\/span><span class=\"stat-val\">59%<\/span><\/div>\n<p> <\/p>\n<div class=\"stat-track\">\n<div class=\"stat-fill\" style=\"width:59%;background:#25D366;\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"perf\"> <\/p>\n<div class=\"perf-block\"> <span class=\"perf-label\">Avg. Time to Hire<\/span> <span class=\"perf-badge\">5 Days<\/span> <\/div>\n<p> <\/p>\n<div class=\"perf-block\"> <span class=\"perf-label\">New connections<\/span> <span class=\"perf-val\">+75 <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"><\/span> <\/div>\n<p> <\/p>\n<div class=\"perf-block\"> <span class=\"perf-label\">Engagement<\/span> <span class=\"perf-val\">45%<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  ROW 3: WARMUP \/ LIMITS (text left, mockup right) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 –> <\/p>\n<div class=\"feat-row reverse\"> <\/p>\n<div class=\"text-block\"> <\/p>\n<h3>Support Gradual Warm-Up for Accounts<\/h3>\n<p> <pee>Enable users to safely grow their outreach by integrating warm-up progress tracking, ensuring compliance with platform policies and avoiding penalties.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"limits-app\"> <\/p>\n<div class=\"lim-bar\"> <\/p>\n<div class=\"an-logo\"> <\/p>\n<div class=\"app-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" 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=\"an-title\">Your CRM<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"lim-sub\"> Limits report <span class=\"an-filter\">Last 7 days v<\/span> <\/div>\n<p> <\/p>\n<div class=\"lim-body\">  <\/p>\n<div class=\"lim-row\"> <\/p>\n<div class=\"lim-ico lim-bg-mail\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><polyline points=\"22,4 12,13 2,4\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"lim-content\"> <\/p>\n<div style=\"display:flex;align-items:center;justify-content:space-between;\"><span class=\"lim-name\">Emails<\/span><span class=\"lim-limit-val\">65\/day<\/span><\/div>\n<p> <\/p>\n<div class=\"lim-track\">\n<div class=\"lim-fill lim-fill-blue\" style=\"width:62%;\"><\/div>\n<div class=\"lim-thumb\" style=\"left:60%;\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"lim-desc\">Daily limit for emails sent<\/div>\n<p> <\/p>\n<div class=\"lim-markers\"><span class=\"lim-marker\"><span>^<\/span>Safe<\/span><span class=\"lim-marker\"><span>^<\/span>Faster<\/span><span class=\"lim-marker\"><span>^<\/span>Risky<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"lim-warmup\">\n<div class=\"lim-wu-label\">Warmup<!\u2013- [et_pb_br_holder] -\u2013>pending<\/div>\n<div class=\"lim-wu-val\">0%<\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"lim-row\"> <\/p>\n<div class=\"lim-ico lim-bg-blue\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" style=\"filter:brightness(0) invert(1);\"><\/div>\n<p> <\/p>\n<div class=\"lim-content\"> <\/p>\n<div style=\"display:flex;align-items:center;justify-content:space-between;\"><span class=\"lim-name\">LinkedIn Invitations<\/span><span class=\"lim-limit-val\">30\/day<\/span><\/div>\n<p> <\/p>\n<div class=\"lim-track\">\n<div class=\"lim-fill lim-fill-blue\" style=\"width:45%;\"><\/div>\n<div class=\"lim-thumb\" style=\"left:43%;\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"lim-desc\">Daily limit for LinkedIn invitation<\/div>\n<p> <\/p>\n<div class=\"lim-markers\"><span class=\"lim-marker\"><span>^<\/span>Safe<\/span><span class=\"lim-marker\"><span>^<\/span>Faster<\/span><span class=\"lim-marker\"><span>^<\/span>Risky<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"lim-warmup\">\n<div class=\"lim-wu-label\">Warmup<!\u2013- [et_pb_br_holder] -\u2013>pending<\/div>\n<div class=\"lim-wu-val\">0%<\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"lim-row\"> <\/p>\n<div class=\"lim-ico lim-bg-blue\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" style=\"filter:brightness(0) invert(1);\"><\/div>\n<p> <\/p>\n<div class=\"lim-content\"> <\/p>\n<div style=\"display:flex;align-items:center;justify-content:space-between;\"><span class=\"lim-name\">LinkedIn Messages<\/span><span class=\"lim-limit-val\">30\/day<\/span><\/div>\n<p> <\/p>\n<div class=\"lim-track\">\n<div class=\"lim-fill lim-fill-blue\" style=\"width:38%;\"><\/div>\n<div class=\"lim-thumb\" style=\"left:36%;\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"lim-desc\">Daily limit for private messages<\/div>\n<p> <\/p>\n<div class=\"lim-markers\"><span class=\"lim-marker\"><span>^<\/span>Safe<\/span><span class=\"lim-marker\"><span>^<\/span>Faster<\/span><span class=\"lim-marker\"><span>^<\/span>Risky<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"lim-warmup\">\n<div class=\"lim-wu-label\">Warmup<!\u2013- [et_pb_br_holder] -\u2013>pending<\/div>\n<div class=\"lim-wu-val\">0%<\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"lim-row\"> <\/p>\n<div class=\"lim-ico lim-bg-blue\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\" style=\"filter:brightness(0) invert(1);\"><\/div>\n<p> <\/p>\n<div class=\"lim-content\"> <\/p>\n<div style=\"display:flex;align-items:center;justify-content:space-between;\"><span class=\"lim-name\">LinkedIn Comments<\/span><span class=\"lim-limit-val\">20\/day<\/span><\/div>\n<p> <\/p>\n<div class=\"lim-track\">\n<div class=\"lim-fill lim-fill-blue\" style=\"width:30%;\"><\/div>\n<div class=\"lim-thumb\" style=\"left:28%;\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"lim-desc\">Daily limit for comments on public LinkedIn posts<\/div>\n<p> <\/p>\n<div class=\"lim-markers\"><span class=\"lim-marker\"><span>^<\/span>Safe<\/span><span class=\"lim-marker\"><span>^<\/span>Faster<\/span><span class=\"lim-marker\"><span>^<\/span>Risky<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"lim-warmup\">\n<div class=\"lim-wu-label\">Warmup<!\u2013- [et_pb_br_holder] -\u2013>pending<\/div>\n<div class=\"lim-wu-val\">0%<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"ctas\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"cta-p\"> 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> <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\" class=\"cta-s\"> 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\"\/><\/svg> <\/a> <\/div>\n<p> <\/p>\n<div class=\"cta-sub\">Test the API for free<\/div>\n<p> <\/div>\n<p><\/section>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Outreach Extension<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #uext-out { all: initial; display: block; font-family: 'Inter', sans-serif; background: #f4f5f7; box-sizing: border-box; } #uext-out * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #uext-out { padding: 100px 24px; } #uext-out .w { max-width: 1160px; margin: 0 auto; } \/* \u2500\u2500 HEADER \u2500\u2500 *\/ #uext-out .hd { text-align: center; margin-bottom: 64px; } #uext-out .eyebrow { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #e2e8f0; padding: 5px 14px; border-radius: 20px; font-size: 0.68rem; font-weight: 700; color: #475569; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 22px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); } #uext-out .eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: #3BB98B; } #uext-out .hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.15 !important; margin-bottom: 18px !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; } #uext-out .hd h2 em { font-style: normal !important; color: #3BB98B !important; } #uext-out .hd p { font-size: 16px !important; color: #383838 !important; line-height: 1.7 !important; max-width: 680px !important; margin: 0 auto !important; } \/* \u2500\u2500 3-STEP FLOW \u2500\u2500 *\/ #uext-out .flow { display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr; align-items: center; gap: 0; margin-bottom: 64px; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05); } #uext-out .flow-step { padding: 28px; display: flex; flex-direction: column; gap: 10px; } #uext-out .flow-step:not(:last-child) { border-right: 1px solid #f1f5f9; } #uext-out .flow-num { width: 26px; height: 26px; border-radius: 50%; background: #0f2736; color: #DDDF4C; display: flex; align-items: center; justify-content: center; font-size: 0.65rem; font-weight: 800; } #uext-out .flow-icon-wrap { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 4px; } #uext-out .fi-yellow { background: rgba(221,223,76,0.15); } #uext-out .fi-green { background: rgba(59,185,139,0.12); } #uext-out .fi-blue { background: rgba(10,102,194,0.1); } #uext-out .flow-icon-wrap svg { width: 20px; height: 20px; } #uext-out .flow-title { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 700; color: #0f2736; } #uext-out .flow-desc { font-size: 0.78rem; color: #64748b; line-height: 1.6; } #uext-out .flow-arrow { display: flex; align-items: center; justify-content: center; } #uext-out .flow-arrow svg { width: 20px; height: 20px; color: #cbd5e1; } \/* \u2500\u2500 DUAL MOCKUP \u2500\u2500 *\/ #uext-out .dual { display: grid; grid-template-columns: 1fr auto 1fr; gap: 0; align-items: center; } \/* \u2500\u2500 CONNECTOR \u2500\u2500 *\/ #uext-out .connector-mid { display: flex; flex-direction: column; align-items: center; padding: 0 16px; gap: 10px; } #uext-out .conn-line { height: 2px; width: 60px; background: repeating-linear-gradient(90deg, #3BB98B 0, #3BB98B 6px, transparent 6px, transparent 12px); } #uext-out .conn-badge { display: flex; flex-direction: column; align-items: center; gap: 6px; background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px 14px; box-shadow: 0 4px 16px rgba(59,185,139,0.12); min-width: 72px; } #uext-out .conn-badge-icon { width: 32px; height: 32px; border-radius: 8px; background: linear-gradient(135deg, #3BB98B, #2da077); display: flex; align-items: center; justify-content: center; } #uext-out .conn-badge-icon svg { width: 16px; height: 16px; color: #fff; } #uext-out .conn-label { font-size: 0.52rem; font-weight: 700; color: #3BB98B; text-align: center; text-transform: uppercase; letter-spacing: 0.4px; } \/* \u2550\u2550\u2550 LEFT: Chrome + LinkedIn \u2550\u2550\u2550 *\/ #uext-out .mock-ext { background: #fff; border-radius: 16px; border: 1px solid #e2e8f0; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.05), 0 20px 50px rgba(0,0,0,0.08); } #uext-out .chrome-bar { padding: 8px 12px; background: #f1f3f4; border-bottom: 1px solid #e2e8f0; display: flex; align-items: center; gap: 8px; } #uext-out .chrome-dots { display: flex; gap: 4px; } #uext-out .chrome-dot { width: 9px; height: 9px; border-radius: 50%; } #uext-out .cd-r { background: #ff5f57; } #uext-out .cd-y { background: #febc2e; } #uext-out .cd-g { background: #28c840; } #uext-out .chrome-url { flex: 1; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; padding: 4px 10px; display: flex; align-items: center; gap: 6px; font-size: 0.6rem; color: #64748b; } #uext-out .chrome-url svg { width: 10px; height: 10px; color: #94a3b8; } #uext-out .chrome-ext { width: 20px; height: 20px; background: rgba(59,185,139,0.15); border-radius: 5px; display: flex; align-items: center; justify-content: center; } #uext-out .chrome-ext svg { width: 11px; height: 11px; color: #3BB98B; } #uext-out .li-banner { height: 80px; background: linear-gradient(135deg, #0f2736 0%, #1a3d52 50%, #0A66C2 100%); position: relative; display: flex; align-items: flex-end; padding: 0 16px 0; } #uext-out .li-avatar { width: 56px; height: 56px; border-radius: 50%; border: 3px solid #fff; object-fit: cover; position: absolute; bottom: -20px; left: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); } #uext-out .li-banner-text { padding-left: 80px; padding-bottom: 8px; } #uext-out .li-name { font-size: 0.72rem; font-weight: 700; color: #fff; } #uext-out .li-job-title { font-size: 0.58rem; color: rgba(255,255,255,0.75); } #uext-out .li-body { padding: 28px 16px 16px; border-bottom: 1px solid #f1f5f9; } #uext-out .li-full-name { font-size: 0.88rem; font-weight: 700; color: #1e293b; margin-bottom: 2px; } #uext-out .li-full-title { font-size: 0.7rem; color: #64748b; margin-bottom: 8px; } #uext-out .li-bio { font-size: 0.62rem; color: #64748b; line-height: 1.55; margin-bottom: 12px; } #uext-out .li-actions { display: flex; gap: 6px; flex-wrap: wrap; } #uext-out .li-btn { display: inline-flex; align-items: center; gap: 5px; padding: 5px 12px; border-radius: 20px; font-size: 0.62rem; font-weight: 700; } #uext-out .lb-primary { background: #0A66C2; color: #fff; } #uext-out .lb-outline { border: 1.5px solid #0A66C2; color: #0A66C2; } #uext-out .lb-ghost { border: 1.5px solid #cbd5e1; color: #475569; } #uext-out .lb-enrich { background: #DDDF4C; color: #0f2736; padding: 5px 12px; border-radius: 20px; font-size: 0.62rem; font-weight: 700; display: inline-flex; align-items: center; gap: 4px; } #uext-out .lb-enrich svg { width: 9px; height: 9px; } #uext-out .ext-hint { font-size: 0.5rem; color: #94a3b8; text-align: right; padding: 6px 16px 8px; font-style: italic; } \/* \u2550\u2550\u2550 RIGHT: Outreach Tool enriched \u2550\u2550\u2550 *\/ #uext-out .mock-crm { background: #fff; border-radius: 16px; border: 1px solid #e2e8f0; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.05), 0 20px 50px rgba(0,0,0,0.08); } #uext-out .crm-bar { display: flex; align-items: center; gap: 9px; padding: 12px 16px; background: #fff; border-bottom: 1px solid #f1f5f9; } #uext-out .crm-icon { width: 28px; height: 28px; background: rgba(59,185,139,0.12); border-radius: 7px; display: flex; align-items: center; justify-content: center; } #uext-out .crm-icon svg { width: 14px; height: 14px; } #uext-out .crm-name { font-size: 13px; font-weight: 700; color: #0f2736; } #uext-out .crm-profile { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #f1f5f9; } #uext-out .crm-av { width: 46px; height: 46px; border-radius: 10px; object-fit: cover; flex-shrink: 0; } #uext-out .crm-pname { font-size: 0.85rem; font-weight: 700; color: #1e293b; } #uext-out .crm-ptitle { font-size: 0.7rem; color: #64748b; } #uext-out .crm-plevel { font-size: 0.6rem; color: #3BB98B; font-weight: 600; } #uext-out .crm-data { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0 16px 14px; background: rgba(59,185,139,0.04); border: 1px solid rgba(59,185,139,0.15); border-radius: 10px; overflow: hidden; } #uext-out .data-cell { display: flex; align-items: center; gap: 7px; padding: 8px 10px; border-bottom: 1px solid rgba(59,185,139,0.1); border-right: 1px solid rgba(59,185,139,0.1); } #uext-out .data-cell:nth-child(2n) { border-right: none; } #uext-out .data-cell:nth-last-child(-n+2) { border-bottom: none; } #uext-out .data-cell svg { width: 12px; height: 12px; color: #3BB98B; flex-shrink: 0; } #uext-out .data-val { font-size: 0.62rem; color: #374151; font-weight: 500; } #uext-out .data-enriched { width: 7px; height: 7px; border-radius: 50%; background: #3BB98B; margin-left: auto; flex-shrink: 0; } #uext-out .crm-actions-label { font-size: 0.55rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #94a3b8; padding: 0 16px; margin-bottom: 10px; } #uext-out .crm-actions-label span { font-weight: 700; color: #0f2736; } #uext-out .crm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 16px 16px; } #uext-out .act-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 11px 12px; } #uext-out .act-icon { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; margin-bottom: 7px; } #uext-out .ai-teal { background: rgba(59,185,139,0.12); } #uext-out .ai-li { background: rgba(10,102,194,0.1); } #uext-out .ai-em { background: rgba(234,67,53,0.1); } #uext-out .ai-wa { background: rgba(37,211,102,0.1); } #uext-out .act-icon svg { width: 14px; height: 14px; } #uext-out .act-icon img { width: 16px; height: 16px; object-fit: contain; } #uext-out .act-name { font-size: 0.68rem; font-weight: 700; color: #1e293b; margin-bottom: 3px; } #uext-out .act-desc { font-size: 0.57rem; color: #94a3b8; line-height: 1.4; margin-bottom: 8px; } #uext-out .act-btn { display: inline-block; padding: 4px 10px; background: #0f2736; color: #fff; border-radius: 5px; font-size: 0.55rem; font-weight: 700; } #uext-out .act-btn-li { background: #0A66C2; } #uext-out .act-btn-wa { background: #25D366; } \/* \u2500\u2500 CTA \u2500\u2500 *\/ #uext-out .cta-block { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-top: 56px; } #uext-out .cta-row { display: flex; align-items: center; gap: 14px; } #uext-out .btn-primary { display: inline-flex; align-items: center; gap: 8px; background: #DDDF4C; color: #0F2836; font-weight: 700; font-size: 0.9rem; padding: 13px 26px; border-radius: 8px; transition: all 0.3s ease; width: fit-content; } #uext-out .btn-primary:hover { transform: translateX(4px); } #uext-out .btn-primary svg { width: 14px; height: 14px; transition: transform 0.3s ease; } #uext-out .btn-primary:hover svg { transform: translateX(4px); } #uext-out .btn-outline { display: inline-flex; align-items: center; gap: 8px; background: transparent; color: #0f2736; font-weight: 700; font-size: 0.9rem; padding: 12px 26px; border-radius: 8px; border: 1.5px solid #cbd5e1; transition: all 0.3s ease; width: fit-content; } #uext-out .btn-outline:hover { transform: translateX(4px); border-color: #0f2736; } #uext-out .btn-outline svg { width: 14px; height: 14px; } #uext-out .cta-sub { font-size: 0.75rem; color: #94a3b8; } \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/ @media (max-width: 1000px) { #uext-out .flow { grid-template-columns: 1fr; } #uext-out .flow-arrow { display: none; } #uext-out .flow-step { border-right: none !important; border-bottom: 1px solid #f1f5f9; } #uext-out .flow-step:last-child { border-bottom: none; } } @media (max-width: 900px) { #uext-out { padding: 60px 20px; } #uext-out .hd h2 { font-size: 28px !important; } #uext-out .dual { grid-template-columns: 1fr; gap: 24px; } #uext-out .connector-mid { flex-direction: row; padding: 0; justify-content: center; gap: 12px; } #uext-out .conn-line { width: 40px; height: 2px; } } @media (max-width: 600px) { #uext-out { padding: 48px 16px; } #uext-out .hd h2 { font-size: 26px !important; } #uext-out .li-actions { flex-wrap: wrap; gap: 5px; } #uext-out .crm-grid { grid-template-columns: 1fr; } #uext-out .crm-data { grid-template-columns: 1fr; } #uext-out .data-cell { border-right: none !important; } #uext-out .data-cell:nth-last-child(-n+2) { border-bottom: 1px solid rgba(59,185,139,0.1) !important; } #uext-out .data-cell:last-child { border-bottom: none !important; } #uext-out .cta-row { flex-direction: column; width: 100%; } #uext-out .btn-primary, #uext-out .btn-outline { width: 100%; justify-content: center; } } @media (max-width: 400px) { #uext-out .hd h2 { font-size: 24px !important; } } <\/style>\n<p><\/head><body style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"uext-out\"> <\/p>\n<div class=\"w\"> <\/p>\n<div class=\"hd\"> <\/p>\n<div class=\"eyebrow\">\n<div class=\"eyebrow-dot\"><\/div>\n<p>Chrome Extension + API<\/p><\/div>\n<p> <\/p>\n<h2>Your Extension Captures.<!\u2013- [et_pb_br_holder] -\u2013><em>Your Outreach Tool Enriches.<\/em><\/h2>\n<p> <pee>While your extension interacts with users on LinkedIn, Unipile’s API works in the background to enrich profiles, route data securely and trigger outreach actions inside your platform, all without exposing sensitive API keys.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"flow\"> <\/p>\n<div class=\"flow-step\"> <\/p>\n<div style=\"display:flex;align-items:center;gap:10px;margin-bottom:6px;\"> <\/p>\n<div class=\"flow-num\">1<\/div>\n<p> <\/p>\n<div class=\"flow-icon-wrap fi-yellow\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8a8c00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5z\"\/><path d=\"M20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><path d=\"M9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5z\"\/><path d=\"M3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14z\"\/><path d=\"M14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5z\"\/><path d=\"M15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z\"\/><path d=\"M10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5z\"\/><path d=\"M8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z\"\/><\/svg> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"flow-title\">Extension Captures<\/div>\n<p> <\/p>\n<div class=\"flow-desc\">Your Chrome extension detects the active LinkedIn profile and sends structured data to your secure backend via Unipile’s API.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"flow-arrow\"><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\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"flow-step\"> <\/p>\n<div style=\"display:flex;align-items:center;gap:10px;margin-bottom:6px;\"> <\/p>\n<div class=\"flow-num\">2<\/div>\n<p> <\/p>\n<div class=\"flow-icon-wrap fi-green\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"flow-title\">API Enriches Securely<\/div>\n<p> <\/p>\n<div class=\"flow-desc\">Unipile processes the data server-side, enriching profiles and resolving contact info without leaking credentials to the browser.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"flow-arrow\"><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\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"flow-step\"> <\/p>\n<div style=\"display:flex;align-items:center;gap:10px;margin-bottom:6px;\"> <\/p>\n<div class=\"flow-num\">3<\/div>\n<p> <\/p>\n<div class=\"flow-icon-wrap fi-blue\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0A66C2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 2L11 13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"flow-title\">Outreach Takes Action<\/div>\n<p> <\/p>\n<div class=\"flow-desc\">Enriched data lands directly in your outreach tool. Add to sequences, send InMails, trigger follow-ups, all from one unified interface.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"dual\">  <\/p>\n<div class=\"mock-ext\"> <\/p>\n<div class=\"chrome-bar\"> <\/p>\n<div class=\"chrome-dots\">\n<div class=\"chrome-dot cd-r\"><\/div>\n<div class=\"chrome-dot cd-y\"><\/div>\n<div class=\"chrome-dot cd-g\"><\/div>\n<\/div>\n<p> <\/p>\n<div class=\"chrome-url\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg> linkedin.com\/in\/michel-opra\/ <\/div>\n<p> <\/p>\n<div class=\"chrome-ext\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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> <\/div>\n<p> <\/p>\n<div class=\"li-banner\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=120&h=120&fit=crop&crop=face\" alt=\"Michel Opra\" class=\"li-avatar\"> <\/p>\n<div class=\"li-banner-text\"> <\/p>\n<div class=\"li-name\">Michel Opra<\/div>\n<p> <\/p>\n<div class=\"li-job-title\">VP of Operations<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"li-body\"> <\/p>\n<div class=\"li-full-name\">Michel Opra<\/div>\n<p> <\/p>\n<div class=\"li-full-title\">VP of Operations at Nexatech<\/div>\n<p> <\/p>\n<div class=\"li-bio\">Operations leader with 12+ years of experience driving efficiency in tech companies. Passionate about supply chain optimization and cross-functional team management.<\/div>\n<p> <\/p>\n<div class=\"li-actions\"> <\/p>\n<div class=\"li-btn lb-primary\"> <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg> Connect <\/div>\n<p> <\/p>\n<div class=\"li-btn lb-outline\">Message<\/div>\n<p> <\/p>\n<div class=\"li-btn lb-ghost\">More<\/div>\n<p> <\/p>\n<div class=\"lb-enrich\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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> Enrich <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"ext-hint\">Powered by Extension<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"connector-mid\"> <\/p>\n<div class=\"conn-line\"><\/div>\n<p> <\/p>\n<div class=\"conn-badge\"> <\/p>\n<div class=\"conn-badge-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg> <\/div>\n<p> <span class=\"conn-label\">API<!\u2013- [et_pb_br_holder] -\u2013>Relay<\/span> <\/div>\n<p> <\/p>\n<div class=\"conn-line\"><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"mock-crm\"> <\/p>\n<div class=\"crm-bar\"> <\/p>\n<div class=\"crm-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 2L11 13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg> <\/div>\n<p> <span class=\"crm-name\">Your Outreach Tool<\/span> <\/div>\n<p> <\/p>\n<div class=\"crm-profile\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=120&h=120&fit=crop&crop=face\" alt=\"Michel Opra\" class=\"crm-av\"> <\/p>\n<div> <\/p>\n<div class=\"crm-pname\">Michel Opra<\/div>\n<p> <\/p>\n<div class=\"crm-ptitle\">VP of Operations at Nexatech<\/div>\n<p> <\/p>\n<div class=\"crm-plevel\">Seniority: 12 years (VP Level)<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"crm-data\"> <\/p>\n<div class=\"data-cell\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg> <span class=\"data-val\">michel.opra@nexatech.io<\/span> <\/p>\n<div class=\"data-enriched\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"data-cell\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg> <span class=\"data-val\">Nexatech, Jan 2018<\/span> <\/p>\n<div class=\"data-enriched\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"data-cell\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.42 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.96a16 16 0 0 0 6.06 6.06l.95-.95a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7a2 2 0 0 1 1.72 2.02z\"\/><\/svg> <span class=\"data-val\">+33 6 12 34 56 78<\/span> <\/p>\n<div class=\"data-enriched\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"data-cell\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z\"\/><\/svg> <span class=\"data-val\">Paris, France<\/span> <\/p>\n<div class=\"data-enriched\"><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"crm-actions-label\">Engage with <span>Michel Opra<\/span><\/div>\n<p> <\/p>\n<div class=\"crm-grid\"> <\/p>\n<div class=\"act-card\"> <\/p>\n<div class=\"act-icon ai-teal\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"\/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"act-name\">Sequence<\/div>\n<p> <\/p>\n<div class=\"act-desc\">Add to outreach campaign<\/div>\n<p> <\/p>\n<div class=\"act-btn\">Add to sequence<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"act-card\"> <\/p>\n<div class=\"act-icon ai-em\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EA4335\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"act-name\">Email<\/div>\n<p> <\/p>\n<div class=\"act-desc\">Send a personalized email<\/div>\n<p> <\/p>\n<div class=\"act-btn\">Send Email<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"act-card\"> <\/p>\n<div class=\"act-icon ai-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=\"act-name\">InMail<\/div>\n<p> <\/p>\n<div class=\"act-desc\">Send a LinkedIn InMail<\/div>\n<p> <\/p>\n<div class=\"act-btn act-btn-li\">Send InMail<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"act-card\"> <\/p>\n<div class=\"act-icon ai-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=\"act-name\">WhatsApp<\/div>\n<p> <\/p>\n<div class=\"act-desc\">Send a WhatsApp message<\/div>\n<p> <\/p>\n<div class=\"act-btn act-btn-wa\">Send Message<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"cta-block\"> <\/p>\n<div class=\"cta-row\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"btn-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\"\/><\/svg> <\/a> <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\" class=\"btn-outline\"> 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\"\/><\/svg> <\/a> <\/div>\n<p> <span class=\"cta-sub\">Test the API for free<\/span> <\/div>\n<p> <\/div>\n<p><\/section>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – CRM Start Building<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> #udev-crm { all: initial; display: block; font-family: 'Inter', sans-serif; background: #f4f5f7; box-sizing: border-box; } #udev-crm * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #udev-crm { padding: 100px 24px; } #udev-crm .w { max-width: 1100px; margin: 0 auto; } \/* HEADER *\/ #udev-crm .hd { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; margin-bottom: 60px; } #udev-crm .eyebrow { display: inline-flex; align-items: center; gap: 7px; background: #fff; border: 1px solid #e2e8f0; padding: 5px 13px; border-radius: 20px; font-size: 0.65rem; font-weight: 700; color: #3BB98B; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 20px; box-shadow: 0 1px 4px rgba(0,0,0,0.05); } #udev-crm .eyebrow svg { width: 11px; height: 11px; } #udev-crm .hd h2 { font-family: 'Poppins', sans-serif; font-size: 35px; font-weight: 700; color: #0f2736; line-height: 1.18; margin-bottom: 18px; } #udev-crm .hd h2 span { color: #3BB98B; } #udev-crm .hd-desc { font-size: 16px; color: #383838; line-height: 1.7; margin-bottom: 28px; } \/* SDK pills *\/ #udev-crm .sdk-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 28px; } #udev-crm .sdk-label { font-size: 0.62rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; margin-right: 4px; } #udev-crm .sdk-pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; background: #fff; border: 1px solid #e2e8f0; border-radius: 7px; font-size: 0.68rem; font-weight: 600; color: #374151; box-shadow: 0 1px 3px rgba(0,0,0,0.05); transition: border-color 0.2s ease; } #udev-crm .sdk-pill:hover { border-color: #3BB98B; } #udev-crm .sdk-dot { width: 8px; height: 8px; border-radius: 50%; } #udev-crm .dot-js { background: #f7df1e; } #udev-crm .dot-py { background: #3776ab; } #udev-crm .dot-php { background: #777bb4; } #udev-crm .dot-rb { background: #cc342d; } \/* Steps *\/ #udev-crm .hd-right { display: flex; flex-direction: column; gap: 0; background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05); } #udev-crm .step-item { display: flex; align-items: flex-start; gap: 14px; padding: 18px 20px; border-bottom: 1px solid #f1f5f9; transition: background 0.15s ease; } #udev-crm .step-item:last-child { border-bottom: none; } #udev-crm .step-item:hover { background: #fafbfc; } #udev-crm .step-num { width: 26px; height: 26px; border-radius: 50%; background: #0f2736; color: #DDDF4C; display: flex; align-items: center; justify-content: center; font-size: 0.62rem; font-weight: 800; flex-shrink: 0; margin-top: 1px; } #udev-crm .step-title { font-size: 0.82rem; font-weight: 700; color: #1e293b; margin-bottom: 4px; } #udev-crm .step-desc { font-size: 0.72rem; color: #64748b; line-height: 1.55; } #udev-crm .step-time { margin-left: auto; flex-shrink: 0; display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; background: rgba(59,185,139,0.1); border-radius: 5px; font-size: 0.58rem; font-weight: 700; color: #3BB98B; margin-top: 2px; } \/* CODE BLOCK *\/ #udev-crm .code-section { background: #0f2736; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.15), 0 32px 64px rgba(0,0,0,0.12); } #udev-crm .code-tabs { display: flex; align-items: center; gap: 0; background: rgba(0,0,0,0.2); border-bottom: 1px solid rgba(255,255,255,0.06); padding: 0 20px; overflow-x: auto; } #udev-crm .code-tab { display: inline-flex; align-items: center; gap: 7px; padding: 12px 18px; font-size: 0.68rem; font-weight: 600; color: rgba(255,255,255,0.45); cursor: pointer; border-bottom: 2px solid transparent; white-space: nowrap; transition: color 0.2s ease; } #udev-crm .code-tab.active { color: #fff; border-bottom-color: #3BB98B; } #udev-crm .code-tab img { width: 14px; height: 14px; object-fit: contain; } #udev-crm .code-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; background: rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0.06); } #udev-crm .code-filename { display: flex; align-items: center; gap: 7px; font-size: 0.62rem; font-weight: 600; color: rgba(255,255,255,0.4); } #udev-crm .code-filename svg { width: 12px; height: 12px; } #udev-crm .code-copy { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; background: rgba(255,255,255,0.07); border-radius: 5px; font-size: 0.6rem; font-weight: 600; color: rgba(255,255,255,0.5); cursor: pointer; } #udev-crm .code-copy svg { width: 11px; height: 11px; } #udev-crm .code-body { padding: 24px; font-family: 'JetBrains Mono', monospace; font-size: 0.78rem; line-height: 1.9; color: rgba(255,255,255,0.85); overflow-x: auto; } #udev-crm .t-comment { color: rgba(255,255,255,0.3); font-style: italic; } #udev-crm .t-keyword { color: #c792ea; } #udev-crm .t-fn { color: #82aaff; } #udev-crm .t-str { color: #c3e88d; } #udev-crm .t-num { color: #f78c6c; } #udev-crm .t-prop { color: #ffcb6b; } #udev-crm .t-op { color: rgba(255,255,255,0.5); } #udev-crm .t-acc { color: #DDDF4C; } #udev-crm .code-line { display: flex; gap: 20px; } #udev-crm .ln { color: rgba(255,255,255,0.18); user-select: none; min-width: 20px; text-align: right; flex-shrink: 0; } #udev-crm .code-line.hl { background: rgba(59,185,139,0.07); border-left: 2px solid #3BB98B; margin: 0 -24px; padding: 0 24px; } #udev-crm .code-response { border-top: 1px solid rgba(255,255,255,0.06); padding: 16px 24px; display: flex; align-items: center; gap: 12px; background: rgba(59,185,139,0.06); } #udev-crm .resp-icon { width: 28px; height: 28px; border-radius: 50%; background: rgba(59,185,139,0.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #udev-crm .resp-icon svg { width: 13px; height: 13px; color: #3BB98B; } #udev-crm .resp-text { font-size: 0.72rem; color: rgba(255,255,255,0.7); font-family: 'JetBrains Mono', monospace; } #udev-crm .resp-val { color: #3BB98B; font-weight: 600; } \/* FEATURES *\/ #udev-crm .feats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 20px; } #udev-crm .feat-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 10px; } #udev-crm .feat-icon { width: 36px; height: 36px; border-radius: 9px; display: flex; align-items: center; justify-content: center; } #udev-crm .fi-g { background: rgba(59,185,139,0.12); } #udev-crm .fi-b { background: rgba(10,102,194,0.1); } #udev-crm .fi-y { background: rgba(221,223,76,0.18); } #udev-crm .fi-p { background: rgba(99,102,241,0.1); } #udev-crm .feat-icon svg { width: 17px; height: 17px; } #udev-crm .feat-title { font-size: 0.82rem; font-weight: 700; color: #1e293b; } #udev-crm .feat-desc { font-size: 0.72rem; color: #64748b; line-height: 1.6; } \/* CTA *\/ #udev-crm .cta-block { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 52px; } #udev-crm .btn-primary { display: inline-flex; align-items: center; gap: 8px; background: #DDDF4C; color: #0F2836; font-weight: 700; font-size: 0.9rem; padding: 13px 26px; border-radius: 8px; transition: all 0.3s ease; width: fit-content; } #udev-crm .btn-primary:hover { transform: translateX(4px); } #udev-crm .btn-primary:hover svg { transform: translateX(4px); } #udev-crm .btn-primary svg { width: 14px; height: 14px; transition: transform 0.3s ease; } #udev-crm .btn-outline { display: inline-flex; align-items: center; gap: 8px; background: transparent; color: #0f2736; font-weight: 700; font-size: 0.9rem; padding: 12px 26px; border-radius: 8px; border: 1.5px solid #cbd5e1; transition: all 0.3s ease; width: fit-content; } #udev-crm .btn-outline:hover { transform: translateX(4px); border-color: #0f2736; } #udev-crm .btn-outline svg { width: 14px; height: 14px; } \/* RESPONSIVE *\/ @media (max-width: 1000px) { #udev-crm .feats { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 900px) { #udev-crm { padding: 60px 20px; } #udev-crm .hd { grid-template-columns: 1fr; gap: 36px; } #udev-crm .hd h2 { font-size: 28px; } } @media (max-width: 600px) { #udev-crm .hd h2 { font-size: 24px; } #udev-crm .feats { grid-template-columns: 1fr; } } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"udev-crm\"> <\/p>\n<div class=\"w\"> <\/p>\n<div class=\"hd\"> <\/p>\n<div class=\"hd-left\"> <\/p>\n<div class=\"eyebrow\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg> For Developers <\/div>\n<p> <\/p>\n<h2>Start Building<!\u2013- [et_pb_br_holder] -\u2013><span>in Minutes<\/span><\/h2>\n<p> <pee class=\"hd-desc\">Integrate LinkedIn messaging, profile enrichment and calendar sync into your Outreach tool with a few API calls. REST endpoints, official SDKs and full documentation ready to go.<\/pee> <\/p>\n<div class=\"sdk-row\"> <span class=\"sdk-label\">SDKs<\/span> <a href=\"https:\/\/developer.unipile.com\/docs\/sdk\" target=\"_blank\" class=\"sdk-pill\"><span class=\"sdk-dot dot-js\"><\/span> Node.js<\/a> <a href=\"https:\/\/developer.unipile.com\/docs\/sdk\" target=\"_blank\" class=\"sdk-pill\"><span class=\"sdk-dot dot-py\"><\/span> Python<\/a> <a href=\"https:\/\/developer.unipile.com\/docs\/sdk\" target=\"_blank\" class=\"sdk-pill\"><span class=\"sdk-dot dot-php\"><\/span> PHP<\/a> <a href=\"https:\/\/developer.unipile.com\/docs\/sdk\" target=\"_blank\" class=\"sdk-pill\"><span class=\"sdk-dot dot-rb\"><\/span> Ruby<\/a> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"hd-right\"> <\/p>\n<div class=\"step-item\"> <\/p>\n<div class=\"step-num\">1<\/div>\n<p> <\/p>\n<div class=\"step-content\"> <\/p>\n<div class=\"step-title\">Create your API key<\/div>\n<p> <\/p>\n<div class=\"step-desc\">Sign up and generate credentials from the Unipile dashboard in seconds.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"step-time\">~2 min<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"step-item\"> <\/p>\n<div class=\"step-num\">2<\/div>\n<p> <\/p>\n<div class=\"step-content\"> <\/p>\n<div class=\"step-title\">Connect a LinkedIn account<\/div>\n<p> <\/p>\n<div class=\"step-desc\">Use the hosted auth flow or embed it directly in your CRM UI.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"step-time\">~10 min<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"step-item\"> <\/p>\n<div class=\"step-num\">3<\/div>\n<p> <\/p>\n<div class=\"step-content\"> <\/p>\n<div class=\"step-title\">Call the Messaging API<\/div>\n<p> <\/p>\n<div class=\"step-desc\">Send messages, retrieve threads, sync inbox, attach files, all via REST.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"step-time\">~15 min<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"step-item\"> <\/p>\n<div class=\"step-num\">4<\/div>\n<p> <\/p>\n<div class=\"step-content\"> <\/p>\n<div class=\"step-title\">Receive webhooks<\/div>\n<p> <\/p>\n<div class=\"step-desc\">Get notified in real-time when prospects reply, accept invitations or open emails.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"step-time\">~5 min<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"code-section\"> <\/p>\n<div class=\"code-tabs\"> <\/p>\n<div class=\"code-tab active\" onclick=\"udevCrmTab(this,'li')\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\">Send LinkedIn Message<\/div>\n<p> <\/p>\n<div class=\"code-tab\" onclick=\"udevCrmTab(this,'email')\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\">Email Sync<\/div>\n<p> <\/p>\n<div class=\"code-tab\" onclick=\"udevCrmTab(this,'cal')\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Calendar\">Calendar Event<\/div>\n<p> <\/p>\n<div class=\"code-tab\" onclick=\"udevCrmTab(this,'wa')\"><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=\"code-toolbar\"> <\/p>\n<div class=\"code-filename\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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 id=\"udev-crm-filename\">send-linkedin-message.js<\/span> <\/div>\n<p> <\/p>\n<div class=\"code-copy\" onclick=\"udevCrmCopy()\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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 2v1\"\/><\/svg> <span id=\"udev-crm-copy-label\">Copy<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"code-body\" id=\"udev-crm-code-body\"> <\/p>\n<div class=\"code-line\"><span class=\"ln\">1<\/span><span class=\"t-comment\">\/\/ Install: npm install @unipile\/node-sdk<\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">2<\/span><span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">3<\/span><span><span class=\"t-keyword\">import<\/span> <span class=\"t-op\">{<\/span> <span class=\"t-fn\">UnipileClient<\/span> <span class=\"t-op\">}<\/span> <span class=\"t-keyword\">from<\/span> <span class=\"t-str\">‘@unipile\/node-sdk’<\/span><span class=\"t-op\">;<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">4<\/span><span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">5<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">client<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">new<\/span> <span class=\"t-fn\">UnipileClient<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">6<\/span><span> <span class=\"t-prop\">apiKey<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">‘your_api_key’<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">7<\/span><span> <span class=\"t-prop\">baseUrl<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">‘https:\/\/api1.unipile.com:13465’<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">8<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">9<\/span><span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line hl\"><span class=\"ln\">10<\/span><span><span class=\"t-comment\">\/\/ Send a LinkedIn message to a prospect<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line hl\"><span class=\"ln\">11<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">message<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">await<\/span> <span class=\"t-acc\">client<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">messaging<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">sendMessage<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line hl\"><span class=\"ln\">12<\/span><span> <span class=\"t-prop\">account_id<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">‘sales_rep_account_id’<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line hl\"><span class=\"ln\">13<\/span><span> <span class=\"t-prop\">attendees_ids<\/span><span class=\"t-op\">:<\/span> <span class=\"t-op\">[<\/span><span class=\"t-str\">‘linkedin_profile_urn’<\/span><span class=\"t-op\">],<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line hl\"><span class=\"ln\">14<\/span><span> <span class=\"t-prop\">text<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">`Hi <\/span><span class=\"t-op\">${<\/span><span class=\"t-acc\">prospect<\/span><span class=\"t-op\">.<\/span><span class=\"t-prop\">firstName<\/span><span class=\"t-op\">}<\/span><span class=\"t-str\">, I’d love to discuss how we can help.`<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line hl\"><span class=\"ln\">15<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">16<\/span><span><\/span><\/div>\n<p> <\/p>\n<div class=\"code-line\"><span class=\"ln\">17<\/span><span><span class=\"t-fn\">console<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">log<\/span><span class=\"t-op\">(<\/span><span class=\"t-str\">‘Message sent:’<\/span><span class=\"t-op\">,<\/span> <span class=\"t-acc\">message<\/span><span class=\"t-op\">.<\/span><span class=\"t-prop\">id<\/span><span class=\"t-op\">);<\/span><\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"code-response\"> <\/p>\n<div class=\"resp-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"resp-text\" id=\"udev-crm-resp-text\">Response: <span class=\"resp-val\">200 OK<\/span> | <span class=\"resp-val\">“id”: “msg_01J9X…”<\/span> | <span class=\"resp-val\">“status”: “sent”<\/span> | delivered in <span class=\"resp-val\">~280ms<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"feats\"> <\/p>\n<div class=\"feat-card\"> <\/p>\n<div class=\"feat-icon fi-g\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3BB98B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 20V10\"\/><path d=\"M12 20V4\"\/><path d=\"M6 20v-6\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-title\">Real-time Webhooks<\/div>\n<p> <\/p>\n<div class=\"feat-desc\">Receive instant events when a prospect replies, a connection is accepted, or an email is opened.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-card\"> <\/p>\n<div class=\"feat-icon fi-b\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0A66C2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-title\">Hosted Auth UI<\/div>\n<p> <\/p>\n<div class=\"feat-desc\">Embed a white-label OAuth flow so your sales reps connect their accounts in one click, no credentials stored on your side.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-card\"> <\/p>\n<div class=\"feat-icon fi-y\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8a8c00\" 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><\/div>\n<p> <\/p>\n<div class=\"feat-title\">Secure by Design<\/div>\n<p> <\/p>\n<div class=\"feat-desc\">API keys never exposed to the browser. All credentials stored encrypted server-side. SOC 2 Type II certified.<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feat-card\"> <\/p>\n<div class=\"feat-icon fi-p\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6366f1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"feat-title\">Multi-provider<\/div>\n<p> <\/p>\n<div class=\"feat-desc\">One unified API for LinkedIn, Gmail, Outlook, WhatsApp, Instagram and more. Switch providers without changing your code.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"cta-block\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"btn-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\"\/><\/svg><\/a> <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\" class=\"btn-outline\">Read the Docs <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><\/section>\n<p><script>const udevCrmData = { li: { filename: 'send-linkedin-message.js', resp: 'Response: <span class=\"resp-val\">200 OK<\/span> | <span class=\"resp-val\">\"id\": \"msg_01J9X...\"<\/span> | <span class=\"resp-val\">\"status\": \"sent\"<\/span> | delivered in <span class=\"resp-val\">~280ms<\/span>', code: `<\/p>\n<div class=\"code-line\"><span class=\"ln\">1<\/span><span class=\"t-comment\">\/\/ Install: npm install @unipile\/node-sdk<\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">2<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">3<\/span><span><span class=\"t-keyword\">import<\/span> <span class=\"t-op\">{<\/span> <span class=\"t-fn\">UnipileClient<\/span> <span class=\"t-op\">}<\/span> <span class=\"t-keyword\">from<\/span> <span class=\"t-str\">'@unipile\/node-sdk'<\/span><span class=\"t-op\">;<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">4<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">5<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">client<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">new<\/span> <span class=\"t-fn\">UnipileClient<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">6<\/span><span> <span class=\"t-prop\">apiKey<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'your_api_key'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">7<\/span><span> <span class=\"t-prop\">baseUrl<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'https:\/\/api1.unipile.com:13465'<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">8<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">9<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">10<\/span><span><span class=\"t-comment\">\/\/ Send a LinkedIn message to a prospect<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">11<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">message<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">await<\/span> <span class=\"t-acc\">client<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">messaging<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">sendMessage<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">12<\/span><span> <span class=\"t-prop\">account_id<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'sales_rep_account_id'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">13<\/span><span> <span class=\"t-prop\">attendees_ids<\/span><span class=\"t-op\">:<\/span> <span class=\"t-op\">[<\/span><span class=\"t-str\">'linkedin_profile_urn'<\/span><span class=\"t-op\">],<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">14<\/span><span> <span class=\"t-prop\">text<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">\\`Hi \\${prospect.firstName}, I'd love to discuss how we can help.\\`<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">15<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">16<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">17<\/span><span><span class=\"t-fn\">console<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">log<\/span><span class=\"t-op\">(<\/span><span class=\"t-str\">'Message sent:'<\/span><span class=\"t-op\">,<\/span> <span class=\"t-acc\">message<\/span><span class=\"t-op\">.<\/span><span class=\"t-prop\">id<\/span><span class=\"t-op\">);<\/span><\/span><\/div>\n<p>` }, email: { filename: 'sync-emails.js', resp: 'Response: <span class=\"resp-val\">200 OK<\/span> | <span class=\"resp-val\">\"total\": 142<\/span> | <span class=\"resp-val\">\"unread\": 8<\/span> | synced in <span class=\"resp-val\">~190ms<\/span>', code: `<\/p>\n<div class=\"code-line\"><span class=\"ln\">1<\/span><span class=\"t-comment\">\/\/ Retrieve and sync emails from Gmail or Outlook<\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">2<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">3<\/span><span><span class=\"t-keyword\">import<\/span> <span class=\"t-op\">{<\/span> <span class=\"t-fn\">UnipileClient<\/span> <span class=\"t-op\">}<\/span> <span class=\"t-keyword\">from<\/span> <span class=\"t-str\">'@unipile\/node-sdk'<\/span><span class=\"t-op\">;<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">4<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">5<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">client<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">new<\/span> <span class=\"t-fn\">UnipileClient<\/span><span class=\"t-op\">({ <\/span><span class=\"t-prop\">apiKey<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'your_api_key'<\/span> <span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">6<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">7<\/span><span><span class=\"t-comment\">\/\/ List all emails from a sales rep's inbox<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">8<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">emails<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">await<\/span> <span class=\"t-acc\">client<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">email<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">listEmails<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">9<\/span><span> <span class=\"t-prop\">account_id<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'gmail_account_id'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">10<\/span><span> <span class=\"t-prop\">folder<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'INBOX'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">11<\/span><span> <span class=\"t-prop\">limit<\/span><span class=\"t-op\">:<\/span> <span class=\"t-num\">50<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">12<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">13<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">14<\/span><span><span class=\"t-comment\">\/\/ Send an email on behalf of the sales rep<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">15<\/span><span><span class=\"t-keyword\">await<\/span> <span class=\"t-acc\">client<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">email<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">sendEmail<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">16<\/span><span> <span class=\"t-prop\">account_id<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'gmail_account_id'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">17<\/span><span> <span class=\"t-prop\">to<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'prospect@email.com'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">18<\/span><span> <span class=\"t-prop\">subject<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'Following up on our conversation'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">19<\/span><span> <span class=\"t-prop\">body<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'Hi Michel, great speaking with you...'<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">20<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p>` }, cal: { filename: 'create-meeting-event.js', resp: 'Response: <span class=\"resp-val\">200 OK<\/span> | <span class=\"resp-val\">\"id\": \"evt_04KXY...\"<\/span> | <span class=\"resp-val\">\"status\": \"confirmed\"<\/span> | created in <span class=\"resp-val\">~210ms<\/span>', code: `<\/p>\n<div class=\"code-line\"><span class=\"ln\">1<\/span><span class=\"t-comment\">\/\/ Create a calendar event for a CRM meeting<\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">2<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">3<\/span><span><span class=\"t-keyword\">import<\/span> <span class=\"t-op\">{<\/span> <span class=\"t-fn\">UnipileClient<\/span> <span class=\"t-op\">}<\/span> <span class=\"t-keyword\">from<\/span> <span class=\"t-str\">'@unipile\/node-sdk'<\/span><span class=\"t-op\">;<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">4<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">5<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">client<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">new<\/span> <span class=\"t-fn\">UnipileClient<\/span><span class=\"t-op\">({ <\/span><span class=\"t-prop\">apiKey<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'your_api_key'<\/span> <span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">6<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">7<\/span><span><span class=\"t-comment\">\/\/ Schedule a meeting on the sales rep's calendar<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">8<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">event<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">await<\/span> <span class=\"t-acc\">client<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">calendar<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">createEvent<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">9<\/span><span> <span class=\"t-prop\">account_id<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'google_calendar_id'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">10<\/span><span> <span class=\"t-prop\">title<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'Meeting - Michel Opra (Nexatech)'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">11<\/span><span> <span class=\"t-prop\">start<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'2025-09-08T10:30:00Z'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">12<\/span><span> <span class=\"t-prop\">end<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'2025-09-08T11:30:00Z'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">13<\/span><span> <span class=\"t-prop\">attendees<\/span><span class=\"t-op\">:<\/span> <span class=\"t-op\">[<\/span><span class=\"t-str\">'michel@nexatech.io'<\/span><span class=\"t-op\">,<\/span> <span class=\"t-str\">'sales@company.com'<\/span><span class=\"t-op\">],<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">14<\/span><span> <span class=\"t-prop\">meet_link<\/span><span class=\"t-op\">:<\/span> <span class=\"t-keyword\">true<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">15<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">16<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">17<\/span><span><span class=\"t-fn\">console<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">log<\/span><span class=\"t-op\">(<\/span><span class=\"t-str\">'Event created:'<\/span><span class=\"t-op\">,<\/span> <span class=\"t-acc\">event<\/span><span class=\"t-op\">.<\/span><span class=\"t-prop\">meet_url<\/span><span class=\"t-op\">);<\/span><\/span><\/div>\n<p>` }, wa: { filename: 'send-whatsapp-message.js', resp: 'Response: <span class=\"resp-val\">200 OK<\/span> | <span class=\"resp-val\">\"id\": \"wa_07ZLM...\"<\/span> | <span class=\"resp-val\">\"status\": \"delivered\"<\/span> | sent in <span class=\"resp-val\">~150ms<\/span>', code: `<\/p>\n<div class=\"code-line\"><span class=\"ln\">1<\/span><span class=\"t-comment\">\/\/ Send a WhatsApp reminder to a prospect<\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">2<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">3<\/span><span><span class=\"t-keyword\">import<\/span> <span class=\"t-op\">{<\/span> <span class=\"t-fn\">UnipileClient<\/span> <span class=\"t-op\">}<\/span> <span class=\"t-keyword\">from<\/span> <span class=\"t-str\">'@unipile\/node-sdk'<\/span><span class=\"t-op\">;<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">4<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">5<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">client<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">new<\/span> <span class=\"t-fn\">UnipileClient<\/span><span class=\"t-op\">({ <\/span><span class=\"t-prop\">apiKey<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'your_api_key'<\/span> <span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">6<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">7<\/span><span><span class=\"t-comment\">\/\/ Send a WhatsApp message on behalf of a sales rep<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">8<\/span><span><span class=\"t-keyword\">const<\/span> <span class=\"t-acc\">msg<\/span> <span class=\"t-op\">=<\/span> <span class=\"t-keyword\">await<\/span> <span class=\"t-acc\">client<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">messaging<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">sendMessage<\/span><span class=\"t-op\">({<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">9<\/span><span> <span class=\"t-prop\">account_id<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'whatsapp_account_id'<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">10<\/span><span> <span class=\"t-prop\">attendees_ids<\/span><span class=\"t-op\">:<\/span> <span class=\"t-op\">[<\/span><span class=\"t-str\">'+33612345678'<\/span><span class=\"t-op\">],<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">11<\/span><span> <span class=\"t-prop\">text<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">\\`Reminder: our call is tomorrow at 10:30 AM.\\`<\/span><span class=\"t-op\">,<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">12<\/span><span> <span class=\"t-prop\">provider<\/span><span class=\"t-op\">:<\/span> <span class=\"t-str\">'WHATSAPP'<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line hl\"><span class=\"ln\">13<\/span><span><span class=\"t-op\">});<\/span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">14<\/span><span><\/span><\/div>\n<p><\/p>\n<div class=\"code-line\"><span class=\"ln\">15<\/span><span><span class=\"t-fn\">console<\/span><span class=\"t-op\">.<\/span><span class=\"t-fn\">log<\/span><span class=\"t-op\">(<\/span><span class=\"t-str\">'WhatsApp sent:'<\/span><span class=\"t-op\">,<\/span> <span class=\"t-acc\">msg<\/span><span class=\"t-op\">.<\/span><span class=\"t-prop\">status<\/span><span class=\"t-op\">);<\/span><\/span><\/div>\n<p>` }};function udevCrmTab(el, key) { document.querySelectorAll('#udev-crm .code-tab').forEach(t => t.classList.remove('active')); el.classList.add('active'); document.getElementById('udev-crm-filename').textContent = udevCrmData[key].filename; const body = document.getElementById('udev-crm-code-body'); body.style.opacity = '0'; setTimeout(() => { body.innerHTML = udevCrmData[key].code; body.style.transition = 'opacity 0.2s ease'; body.style.opacity = '1'; }, 120); document.getElementById('udev-crm-resp-text').innerHTML = udevCrmData[key].resp;}function udevCrmCopy() { const code = document.getElementById('udev-crm-code-body').innerText; navigator.clipboard.writeText(code).then(() => { const lbl = document.getElementById('udev-crm-copy-label'); lbl.textContent = 'Copied!'; setTimeout(() => lbl.textContent = 'Copy', 1800); });}<\/script><\/body><\/html>[\/et_pb_fullwidth_code][et_pb_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> <\/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″ custom_padding_last_edited=”off|tablet” module_id=”ig-support” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ custom_margin_last_edited=”off|tablet” custom_padding=”20px|0px|20px|0px|true|true” da_disable_devices=”off|off|off” global_module=”267537″ saved_tabs=”all” 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_row module_id=”support-community” _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”30px||40px||false|false” custom_margin_tablet=”90px||40px||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” width=”100%” locked=”off” global_colors_info=”{}”]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/p>\n<style> .upl-integration-process-wrapper { font-family: 'Inter', sans-serif; padding: 0px 20px; } .upl-integration-process-wrapper * { box-sizing: border-box; margin: 0; padding: 0; } .upl-integration-process-container { max-width: 1100px; margin: 0 auto; } \/* Header *\/ .upl-integration-process-header { text-align: center; margin-bottom: 60px; } .upl-integration-process-title { font-family: 'Poppins', sans-serif; font-size: 35px; font-weight: 700; color: #0f2736; margin-bottom: 16px; line-height: 1.2; } .upl-integration-process-subtitle { font-size: 17px; color: #383838; line-height: 1.6; max-width: 700px; margin: 0 auto; } \/* Timeline Progress Section *\/ .upl-integration-timeline { display: flex; align-items: stretch; gap: 24px; margin-bottom: 70px; position: relative; } .upl-timeline-card { flex: 1; background: #f8fafb; border: 1px solid #e5e9ec; border-radius: 16px; padding: 32px 28px; position: relative; transition: all 0.3s ease; } .upl-timeline-card:hover { border-color: #3BB98B; box-shadow: 0 8px 30px rgba(59, 185, 139, 0.12); transform: translateY(-4px); } \/* Card header with icon *\/ .upl-timeline-header { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; } .upl-timeline-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .upl-timeline-icon.upl-green { background: rgba(59, 185, 139, 0.12); } .upl-timeline-icon.upl-yellow { background: rgba(221, 223, 76, 0.15); } .upl-timeline-icon svg { width: 24px; height: 24px; } .upl-timeline-label { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #8a9aa8; } .upl-timeline-time { font-family: 'Poppins', sans-serif; font-size: 32px; font-weight: 700; color: #0f2736; margin-bottom: 8px; } .upl-timeline-time span { font-size: 18px; font-weight: 500; color: #5a6a78; } .upl-timeline-context { font-size: 14px; color: #5a6a78; line-height: 1.6; margin-bottom: 20px; } .upl-timeline-checklist { display: flex; flex-direction: column; gap: 10px; } .upl-checklist-item { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #3d4f5f; } .upl-checklist-icon { width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .upl-checklist-icon.upl-check { background: rgba(59, 185, 139, 0.12); } .upl-checklist-icon.upl-check svg { color: #3BB98B; } .upl-checklist-icon.upl-wrench { background: rgba(221, 223, 76, 0.15); } .upl-checklist-icon.upl-wrench svg { color: #b8a832; } .upl-checklist-icon svg { width: 12px; height: 12px; } \/* What Unipile Brings Section *\/ .upl-brings-section { margin-bottom: 50px; } .upl-brings-header { text-align: center; margin-bottom: 40px; } .upl-brings-title { font-family: 'Poppins', sans-serif; font-size: 32px; font-weight: 700; color: #0f2736; margin-bottom: 12px; } .upl-brings-subtitle { font-size: 16px; color: #383838; line-height: 1.6; max-width: 680px; margin: 0 auto; } \/* Support Cards Grid *\/ .upl-support-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; } .upl-support-card { background: #f8fafb; border: 1px solid #e5e9ec; border-radius: 16px; padding: 28px 32px; display: flex; align-items: center; gap: 20px; transition: all 0.3s ease; position: relative; z-index: 1; } .upl-support-card:hover { border-color: #3BB98B; box-shadow: 0 6px 24px rgba(59, 185, 139, 0.1); transform: translateY(-2px); } .upl-support-icon-wrapper { flex-shrink: 0; width: 64px; height: 64px; border-radius: 14px; background: rgba(59, 185, 139, 0.08); display: flex; align-items: center; justify-content: center; padding: 4px; overflow: hidden; } .upl-support-icon-wrapper img { width: 100%; height: 100%; object-fit: contain; border-radius: 10px; } .upl-support-icon-wrapper svg { width: 28px; height: 28px; color: #3BB98B; } .upl-support-content { flex: 1; } .upl-support-card-title { font-size: 17px; font-weight: 600; color: #0f2736; margin-bottom: 6px; } .upl-support-card-description { font-size: 14px; color: #5a6a78; line-height: 1.5; } \/* Fix Divi override: force clickability *\/ .upl-integration-process-wrapper a.upl-support-button, .upl-integration-process-wrapper button.upl-support-button { flex-shrink: 0 !important; background: #ffffff !important; color: #0f2736 !important; border: 2px solid #e5e9ec !important; padding: 12px 24px !important; font-size: 14px !important; font-weight: 600 !important; font-family: 'Inter', sans-serif !important; border-radius: 10px !important; cursor: pointer !important; transition: all 0.3s ease !important; white-space: nowrap !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; position: relative !important; z-index: 10 !important; pointer-events: auto !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; } .upl-integration-process-wrapper a.upl-support-button:hover, .upl-integration-process-wrapper button.upl-support-button:hover { background: #DDDF4C !important; border-color: #DDDF4C !important; color: #0f2736 !important; } \/* Slack Community Card *\/ .upl-slack-card { background: #f8fafb; border: 1px solid #e5e9ec; border-radius: 16px; padding: 32px 40px; display: flex; align-items: center; gap: 32px; transition: all 0.3s ease; position: relative; z-index: 1; } .upl-slack-card:hover { border-color: #3BB98B; box-shadow: 0 6px 24px rgba(59, 185, 139, 0.1); } .upl-slack-logo { flex-shrink: 0; width: 70px; } .upl-slack-logo svg { width: 100%; height: auto; } .upl-slack-content { flex: 1; } .upl-slack-title { font-size: 20px; font-weight: 700; color: #0f2736; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; } .upl-slack-badge { background: rgba(59, 185, 139, 0.12); color: #3BB98B; font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 20px; } .upl-slack-description { font-size: 15px; color: #5a6a78; line-height: 1.6; } \/* Fix Divi override: force clickability on Slack button *\/ .upl-integration-process-wrapper a.upl-slack-button { flex-shrink: 0 !important; background: #DDDF4C !important; color: #0f2736 !important; border: none !important; padding: 14px 28px !important; font-size: 15px !important; font-weight: 600 !important; font-family: 'Inter', sans-serif !important; border-radius: 10px !important; cursor: pointer !important; transition: all 0.3s ease !important; white-space: nowrap !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; position: relative !important; z-index: 10 !important; pointer-events: auto !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; } .upl-integration-process-wrapper a.upl-slack-button:hover { transform: translateX(4px) !important; box-shadow: 0 4px 16px rgba(221, 223, 76, 0.3) !important; } .upl-slack-button svg { width: 18px; height: 18px; transition: transform 0.3s ease; } .upl-slack-button:hover svg { transform: translateX(4px); } \/* Responsive *\/ @media (max-width: 968px) { .upl-integration-process-wrapper { padding: 60px 20px; } .upl-integration-process-title { font-size: 32px; } .upl-integration-timeline { flex-direction: column; gap: 24px; } .upl-timeline-card.upl-fast, .upl-timeline-card.upl-complete { margin: 0; } .upl-support-grid { grid-template-columns: 1fr; } .upl-slack-card { flex-direction: column; text-align: center; padding: 28px 24px; gap: 20px; } .upl-slack-title { justify-content: center; flex-wrap: wrap; } } @media (max-width: 640px) { .upl-integration-process-title { font-size: 28px; } .upl-brings-title { font-size: 26px; } .upl-timeline-time { font-size: 28px; } .upl-support-card { flex-direction: column; text-align: center; padding: 24px; } .upl-integration-process-wrapper a.upl-support-button, .upl-integration-process-wrapper button.upl-support-button { width: 100% !important; justify-content: center !important; } .upl-integration-process-wrapper a.upl-slack-button { width: 100% !important; justify-content: center !important; } }<\/style>\n<p><\/p>\n<div class=\"upl-integration-process-wrapper\"> <\/p>\n<div class=\"upl-integration-process-container\">   <\/p>\n<div class=\"upl-integration-process-header\"> <\/p>\n<h2 class=\"upl-integration-process-title\">Optimize Your Integration with Experts Support<\/h2>\n<p> <pee class=\"upl-integration-process-subtitle\">Whether you’re starting from scratch or already have a system in place, our integration process is made to get you live fast.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"upl-support-grid\"> <\/p>\n<div class=\"upl-support-card\"> <\/p>\n<div class=\"upl-support-icon-wrapper\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/04\/founders-photo.png\" alt=\"Founders\"> <\/div>\n<p> <\/p>\n<div class=\"upl-support-content\"> <\/p>\n<div class=\"upl-support-card-title\">Call with Founders<\/div>\n<p> <\/p>\n<div class=\"upl-support-card-description\">Secure a meeting with our founders to align on technical and product strategy.<\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/www.unipile.com\/contact-us\/\" class=\"upl-support-button\">Book a Call<\/a> <\/div>\n<p> <\/p>\n<div class=\"upl-support-card\"> <\/p>\n<div class=\"upl-support-icon-wrapper\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-support-content\"> <\/p>\n<div class=\"upl-support-card-title\">Connect with Live Support<\/div>\n<p> <\/p>\n<div class=\"upl-support-card-description\">Get instant help from our team. We’re here to answer all your questions.<\/div>\n<p> <\/div>\n<p> <button onclick=\"$crisp.push(['do', 'chat:open'])\" class=\"upl-support-button\">Live Chat<\/button> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-slack-card\"> <\/p>\n<div class=\"upl-slack-logo\"> <svg viewBox=\"0 0 127 127\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"> <path d=\"M27.2 80C27.2 87.3 21.5 93 14.2 93C6.9 93 1.2 87.3 1.2 80C1.2 72.7 6.9 67 14.2 67H27.2V80Z\" fill=\"#E01E5A\"\/> <path d=\"M33.7 80C33.7 72.7 39.4 67 46.7 67C54 67 59.7 72.7 59.7 80V112.8C59.7 120.1 54 125.8 46.7 125.8C39.4 125.8 33.7 120.1 33.7 112.8V80Z\" fill=\"#E01E5A\"\/> <path d=\"M46.7 27.2C39.4 27.2 33.7 21.5 33.7 14.2C33.7 6.9 39.4 1.2 46.7 1.2C54 1.2 59.7 6.9 59.7 14.2V27.2H46.7Z\" fill=\"#36C5F0\"\/> <path d=\"M46.7 33.7C54 33.7 59.7 39.4 59.7 46.7C59.7 54 54 59.7 46.7 59.7H13.9C6.6 59.7 0.9 54 0.9 46.7C0.9 39.4 6.6 33.7 13.9 33.7H46.7Z\" fill=\"#36C5F0\"\/> <path d=\"M99.5 46.7C99.5 39.4 105.2 33.7 112.5 33.7C119.8 33.7 125.5 39.4 125.5 46.7C125.5 54 119.8 59.7 112.5 59.7H99.5V46.7Z\" fill=\"#2EB67D\"\/> <path d=\"M93 46.7C93 54 87.3 59.7 80 59.7C72.7 59.7 67 54 67 46.7V13.9C67 6.6 72.7 0.9 80 0.9C87.3 0.9 93 6.6 93 13.9V46.7Z\" fill=\"#2EB67D\"\/> <path d=\"M80 99.5C87.3 99.5 93 105.2 93 112.5C93 119.8 87.3 125.5 80 125.5C72.7 125.5 67 119.8 67 112.5V99.5H80Z\" fill=\"#ECB22E\"\/> <path d=\"M80 93C72.7 93 67 87.3 67 80C67 72.7 72.7 67 80 67H112.8C120.1 67 125.8 72.7 125.8 80C125.8 87.3 120.1 93 112.8 93H80Z\" fill=\"#ECB22E\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-slack-content\"> <\/p>\n<div class=\"upl-slack-title\"> Join 1000+ Developers in Our Slack Community <span class=\"upl-slack-badge\">Active<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-slack-description\">Ask questions, share feedback, or get unstuck, our Slack community (English & French) is the fastest way to get help from other devs and the Unipile team.<\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/unipilecommunity.slack.com\/join\/shared_invite\/zt-vivqg9c5-vB9RBdTvlPcIseTPYebWtA#\/shared-invite\/email\" target=\"_blank\" class=\"upl-slack-button\"> Join 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>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/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″ background_enable_image=”off” 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 – Outreach 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> #ufaq-out { all: initial; display: block; font-family: 'Inter', sans-serif; background: transparent; box-sizing: border-box; } #ufaq-out * { font-family: 'Inter', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: none; outline: none; text-decoration: none !important; list-style: none; line-height: normal; letter-spacing: normal; text-transform: none; } #ufaq-out { padding: 80px 20px; max-width: 900px; margin: 0 auto; } #ufaq-out .faq-hd { text-align: center; margin-bottom: 52px; } #ufaq-out .faq-hd h2 { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #0f2736 !important; line-height: 1.2 !important; margin-bottom: 16px !important; } #ufaq-out .faq-hd p { font-size: 1.05rem !important; color: #383838 !important; line-height: 1.6 !important; max-width: 600px !important; margin: 0 auto !important; } #ufaq-out .faq-list { display: flex; flex-direction: column; gap: 12px; } #ufaq-out .faq-item { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 16px !important; overflow: hidden !important; transition: all 0.3s ease !important; } #ufaq-out .faq-item:hover { border-color: #3BB98B !important; box-shadow: 0 4px 20px rgba(59,185,139,0.08) !important; } #ufaq-out .faq-item.active { border-color: #3BB98B !important; box-shadow: 0 8px 30px rgba(59,185,139,0.12) !important; } #ufaq-out .faq-q { width: 100% !important; display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 20px !important; padding: 24px 28px !important; background: transparent !important; cursor: pointer !important; text-align: left !important; } #ufaq-out .faq-q-content { display: flex !important; align-items: flex-start !important; gap: 16px !important; flex: 1 !important; } #ufaq-out .faq-num { flex-shrink: 0 !important; padding: 6px 12px !important; background: rgba(59,185,139,0.12) !important; color: #3BB98B !important; border-radius: 20px !important; font-size: 0.8rem !important; font-weight: 600 !important; transition: all 0.3s ease !important; } #ufaq-out .faq-item.active .faq-num { background: rgba(59,185,139,0.2) !important; color: #2a9d6f !important; } #ufaq-out .faq-q-text { font-family: 'Poppins', sans-serif !important; font-size: 1.1rem !important; font-weight: 600 !important; color: #0f2736 !important; line-height: 1.4 !important; padding-top: 4px !important; } #ufaq-out .faq-ico { flex-shrink: 0 !important; width: 36px !important; height: 36px !important; background: #f8f9fa !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; margin-top: 2px !important; } #ufaq-out .faq-ico svg { width: 18px !important; height: 18px !important; color: #64748b !important; transition: all 0.3s ease !important; } #ufaq-out .faq-item:hover .faq-ico { background: rgba(59,185,139,0.1) !important; } #ufaq-out .faq-item:hover .faq-ico svg { color: #3BB98B !important; } #ufaq-out .faq-item.active .faq-ico { background: #3BB98B !important; transform: rotate(45deg) !important; } #ufaq-out .faq-item.active .faq-ico svg { color: #fff !important; } #ufaq-out .faq-a { max-height: 0 !important; overflow: hidden !important; transition: max-height 0.4s ease !important; } #ufaq-out .faq-item.active .faq-a { max-height: 500px !important; } #ufaq-out .faq-a-content { padding: 0 28px 28px 76px !important; color: #475569 !important; font-size: 1rem !important; line-height: 1.7 !important; } #ufaq-out .faq-a-content strong { color: #0f2736 !important; font-weight: 600 !important; } #ufaq-out .faq-a-content .hl { color: #3BB98B !important; font-weight: 600 !important; } #ufaq-out .faq-a-content a { color: #0f2736 !important; text-decoration: underline !important; text-underline-offset: 2px !important; transition: color 0.2s ease !important; } #ufaq-out .faq-a-content a:hover { color: #3BB98B !important; } #ufaq-out .faq-cta { margin-top: 50px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; padding: 20px 28px !important; background: #f8f9fa !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; } #ufaq-out .faq-cta-text { color: #475569 !important; font-size: 1rem !important; } #ufaq-out .faq-cta-btn { display: inline-flex !important; align-items: center !important; gap: 10px !important; background: #DDDF4C !important; color: #0F2836 !important; padding: 13px 20px !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 1rem !important; cursor: pointer !important; transition: all 0.3s ease !important; white-space: nowrap !important; } #ufaq-out .faq-cta-btn:hover { transform: translateY(-2px) !important; } #ufaq-out .faq-cta-btn svg { width: 18px !important; height: 18px !important; transition: transform 0.3s ease !important; } #ufaq-out .faq-cta-btn:hover svg { transform: translateX(4px) !important; } @media (max-width: 768px) { #ufaq-out { padding: 60px 16px; } #ufaq-out .faq-q { padding: 20px !important; gap: 16px !important; } #ufaq-out .faq-q-text { font-size: 1rem !important; } #ufaq-out .faq-ico { width: 32px !important; height: 32px !important; } #ufaq-out .faq-ico svg { width: 16px !important; height: 16px !important; } #ufaq-out .faq-a-content { padding: 0 20px 20px 60px !important; font-size: 0.95rem !important; } #ufaq-out .faq-cta { padding: 24px 20px !important; flex-direction: column !important; text-align: center !important; gap: 16px !important; } } @media (max-width: 480px) { #ufaq-out .faq-hd h2 { font-size: 26px !important; } #ufaq-out .faq-q-content { flex-direction: column !important; gap: 8px !important; } #ufaq-out .faq-num { padding: 4px 8px !important; font-size: 0.7rem !important; } #ufaq-out .faq-a-content { padding: 0 20px 20px 20px !important; } } <\/style>\n<p><\/head><body style=\"background:#f4f5f7;margin:0;padding:0;\"><\/p>\n<section id=\"ufaq-out\"> <\/p>\n<div class=\"faq-hd\"> <\/p>\n<h2>Outreach Integration FAQ<\/h2>\n<p> <pee>Everything you need to know about adding multi-channel outreach capabilities to your platform<\/pee> <\/div>\n<p> <\/p>\n<div class=\"faq-list\"> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">01<\/span><span class=\"faq-q-text\">Which outreach channels does Unipile support?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">Unipile provides a unified API covering <strong>LinkedIn<\/strong> (Classic, Recruiter, Sales Navigator), <strong>Email<\/strong> (Gmail, Outlook, IMAP), <strong>WhatsApp<\/strong>, <strong>Telegram<\/strong>, and <strong>Instagram<\/strong>. Your users can send messages, invitations, InMails, and emails across all these channels from a single integration.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">02<\/span><span class=\"faq-q-text\">How do outreach sequences work through the API?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">You build the sequence logic on your side, Unipile handles the execution. Your platform defines the steps (LinkedIn invitation, follow-up email, WhatsApp message), timing, and conditions. Unipile’s API sends each action <span class=\"hl\">on behalf of your authenticated users<\/span>, respecting platform rate limits and guidelines. When a prospect replies, webhooks notify your system in real time so you can pause or adjust the sequence.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">03<\/span><span class=\"faq-q-text\">How does Unipile handle rate limits and account safety?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">Account protection is built in. Unipile includes <strong>proxy management<\/strong>, <strong>daily activity quotas<\/strong>, and <strong>warm-up tracking<\/strong> to help your users stay within platform guidelines. You can configure daily limits for LinkedIn invitations, messages, comments, and emails. The API uses respectful usage patterns aligned with each platform’s policies, reducing the risk of restrictions.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">04<\/span><span class=\"faq-q-text\">Can I centralize replies from all channels in one inbox?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">Yes. Unipile’s API lets you aggregate all incoming messages, whether from LinkedIn, Gmail, Outlook, WhatsApp, or other connected channels, into a <strong>single unified inbox<\/strong> within your application. You receive real-time webhooks for every new message, enabling you to build reply detection, sequence stop rules, and conversation threading across all channels.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">05<\/span><span class=\"faq-q-text\">How long does it take to integrate outreach features?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">If you’ve already integrated a messaging provider, you can add outreach capabilities in <strong>1 to 2 days<\/strong>. From scratch, expect <strong>4 to 10 days<\/strong> depending on your team. Our <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\">documentation<\/a> covers every endpoint with code examples, and our support team is available via <a href=\"https:\/\/join.slack.com\/t\/unipilecommunity\/shared_invite\/zt-vivqg9c5-vB9RBdTvlPcIseTPYebWtA\" target=\"_blank\">Slack<\/a> and live chat during integration.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">06<\/span><span class=\"faq-q-text\">Does Unipile support multi-account management?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">Yes. Each of your users can connect multiple accounts (LinkedIn, Gmail, Outlook, WhatsApp) through Unipile’s <strong>hosted authentication flow<\/strong>. Your platform can then act on behalf of any connected account, enabling team-based outreach, account switching, and delegation, all from a single API integration.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">07<\/span><span class=\"faq-q-text\">Can I integrate calendar scheduling into outreach workflows?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">Absolutely. Unipile’s <strong>Calendar API<\/strong> connects Google Calendar and Outlook Calendar. You can programmatically create, update, or cancel meetings directly from your outreach platform. Combine it with reply detection to <span class=\"hl\">automatically trigger calendar invites<\/span> when a prospect responds positively, no manual back-and-forth needed.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-item\"> <button class=\"faq-q\" aria-expanded=\"false\"> <\/p>\n<div class=\"faq-q-content\"><span class=\"faq-num\">08<\/span><span class=\"faq-q-text\">Is Unipile compliant with GDPR and data protection regulations?<\/span><\/div>\n<p> <\/p>\n<div class=\"faq-ico\"><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=\"faq-a\">\n<div class=\"faq-a-content\">Yes. Unipile is <strong>GDPR compliant<\/strong> and <strong>SOC 2 certified<\/strong>. All data is processed securely with encryption in transit and at rest. We act as a technical intermediary on behalf of your authenticated users, meaning data flows through secure, auditable channels. Please <a href=\"https:\/\/www.unipile.com\/contact-us\/\" target=\"_blank\">contact us<\/a> if you require audit reports or additional security documentation.<\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"faq-cta\"> <pee class=\"faq-cta-text\">Still have questions? Our team is here to help.<\/pee> <button onclick=\"$crisp.push(['do', 'chat:open'])\" class=\"faq-cta-btn\">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('#ufaq-out .faq-q').forEach(function(button) { button.addEventListener('click', function() { var item = button.closest('.faq-item'); var isActive = item.classList.contains('active'); document.querySelectorAll('#ufaq-out .faq-item').forEach(function(otherItem) { otherItem.classList.remove('active'); otherItem.querySelector('.faq-q').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>Unipile – CRM Start Building For Developers Start Buildingin Minutes Integrate LinkedIn messaging, profile enrichment and calendar sync into your Outreach tool with a few API calls. REST endpoints, official SDKs and full documentation ready to go. SDKs Node.js Python PHP Ruby 1 Create your API key Sign up and generate credentials from the Unipile […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"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-255343","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Integrate LinkedIn & WhatsApp Messaging in Your CRM via API - Unipile<\/title>\n<meta name=\"description\" content=\"Elevate your CRM with LinkedIn and WhatsApp API integration, enriching customer engagement for improved business outcomes.\" \/>\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\/tr\/kullanim-ornegi-crm-yayincisi\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integrate LinkedIn & WhatsApp Messaging in Your CRM via API - Unipile\" \/>\n<meta property=\"og:description\" content=\"Elevate your CRM with LinkedIn and WhatsApp API integration, enriching customer engagement for improved business outcomes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.unipile.com\/tr\/kullanim-ornegi-crm-yayincisi\/\" \/>\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-06-18T14:32:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.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\\\/use-case-crm-publisher\\\/\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/use-case-crm-publisher\\\/\",\"name\":\"Integrate LinkedIn & WhatsApp Messaging in Your CRM via API - Unipile\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/use-case-crm-publisher\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/use-case-crm-publisher\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/linkedin-5.svg\",\"datePublished\":\"2024-01-04T15:06:41+00:00\",\"dateModified\":\"2026-06-18T14:32:39+00:00\",\"description\":\"Elevate your CRM with LinkedIn and WhatsApp API integration, enriching customer engagement for improved business outcomes.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/use-case-crm-publisher\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.unipile.com\\\/use-case-crm-publisher\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/use-case-crm-publisher\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/linkedin-5.svg\",\"contentUrl\":\"https:\\\/\\\/www.unipile.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/linkedin-5.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/use-case-crm-publisher\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.unipile.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integrate LinkedIn & WhatsApp Messaging in Your CRM via API\"}]},{\"@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\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#organization\",\"name\":\"Unipile\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@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":"LinkedIn ve WhatsApp Mesajla\u015fmalar\u0131n\u0131 API ile CRM'inize Entegre Edin - Unipile","description":"CRM'inizi LinkedIn ve WhatsApp API entegrasyonu ile y\u00fckseltin, daha iyi i\u015f sonu\u00e7lar\u0131 i\u00e7in m\u00fc\u015fteri etkile\u015fimini zenginle\u015ftirin.","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\/tr\/kullanim-ornegi-crm-yayincisi\/","og_locale":"tr_TR","og_type":"article","og_title":"Integrate LinkedIn & WhatsApp Messaging in Your CRM via API - Unipile","og_description":"Elevate your CRM with LinkedIn and WhatsApp API integration, enriching customer engagement for improved business outcomes.","og_url":"https:\/\/www.unipile.com\/tr\/kullanim-ornegi-crm-yayincisi\/","og_site_name":"Unipile","article_publisher":"https:\/\/www.facebook.com\/unipilefr","article_modified_time":"2026-06-18T14:32:39+00:00","og_image":[{"url":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.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\/use-case-crm-publisher\/","url":"https:\/\/www.unipile.com\/use-case-crm-publisher\/","name":"LinkedIn ve WhatsApp Mesajla\u015fmalar\u0131n\u0131 API ile CRM'inize Entegre Edin - Unipile","isPartOf":{"@id":"https:\/\/www.unipile.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.unipile.com\/use-case-crm-publisher\/#primaryimage"},"image":{"@id":"https:\/\/www.unipile.com\/use-case-crm-publisher\/#primaryimage"},"thumbnailUrl":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg","datePublished":"2024-01-04T15:06:41+00:00","dateModified":"2026-06-18T14:32:39+00:00","description":"CRM'inizi LinkedIn ve WhatsApp API entegrasyonu ile y\u00fckseltin, daha iyi i\u015f sonu\u00e7lar\u0131 i\u00e7in m\u00fc\u015fteri etkile\u015fimini zenginle\u015ftirin.","breadcrumb":{"@id":"https:\/\/www.unipile.com\/use-case-crm-publisher\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.unipile.com\/use-case-crm-publisher\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.unipile.com\/use-case-crm-publisher\/#primaryimage","url":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg","contentUrl":"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.unipile.com\/use-case-crm-publisher\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.unipile.com\/"},{"@type":"ListItem","position":2,"name":"Integrate LinkedIn & WhatsApp Messaging in Your CRM via API"}]},{"@type":"WebSite","@id":"https:\/\/www.unipile.com\/#website","url":"https:\/\/www.unipile.com\/","name":"Unipile","description":"Mesajla\u015fma ve E-postay\u0131 Entegre Edin, API ile Kolayca Ba\u011flan\u0131n","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":"tr"},{"@type":"Organization","@id":"https:\/\/www.unipile.com\/#organization","name":"Unipile","url":"https:\/\/www.unipile.com\/","logo":{"@type":"ImageObject","inLanguage":"tr","@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\/tr\/wp-json\/wp\/v2\/pages\/255343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/comments?post=255343"}],"version-history":[{"count":53,"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/pages\/255343\/revisions"}],"predecessor-version":[{"id":279262,"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/pages\/255343\/revisions\/279262"}],"wp:attachment":[{"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/media?parent=255343"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.unipile.com\/tr\/wp-json\/wp\/v2\/folder?post=255343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}