Unipile – Instagram Hero<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #0f2736; } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1><\/p>\n<div id=\"unipile-instagram-hero-full\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700&display=swap'); #unipile-instagram-hero-full, #unipile-instagram-hero-full * { margin:0!important; padding:0!important; box-sizing:border-box!important; border:none!important; outline:none!important; font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif!important; line-height:normal!important; letter-spacing:normal!important; text-transform:none!important; text-decoration:none!important; list-style:none!important; background:transparent!important; } #unipile-instagram-hero-full { padding:60px 20px!important; } #unipile-instagram-hero-full .uihf-container { max-width:1100px!important; margin:0 auto!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:60px!important; align-items:center!important; } #unipile-instagram-hero-full .uihf-left { display:flex!important; flex-direction:column!important; gap:20px!important; } #unipile-instagram-hero-full .uihf-title { font-family:'Poppins',sans-serif!important; font-size:42px!important; font-weight:700!important; line-height:1.15!important; color:#fff!important; } #unipile-instagram-hero-full .uihf-description { font-size:16px!important; line-height:1.65!important; color:rgba(255,255,255,0.9)!important; } #unipile-instagram-hero-full .uihf-chips { display:flex!important; gap:10px!important; flex-wrap:wrap!important; margin-top:4px!important; } #unipile-instagram-hero-full .uihf-chip { display:inline-flex!important; align-items:center!important; gap:8px!important; border:1px solid rgba(255,255,255,0.15)!important; padding:8px 14px!important; border-radius:8px!important; color:rgba(255,255,255,0.9)!important; font-size:13px!important; font-weight:500!important; } #unipile-instagram-hero-full .uihf-chip img { width:18px!important; height:18px!important; } #unipile-instagram-hero-full .uihf-chip.dm { background:rgba(225,48,108,0.12)!important; border-color:rgba(225,48,108,0.3)!important; } #unipile-instagram-hero-full .uihf-chip.comments { background:rgba(131,58,180,0.12)!important; border-color:rgba(131,58,180,0.3)!important; } #unipile-instagram-hero-full .uihf-chip.profiles { background:rgba(253,175,55,0.12)!important; border-color:rgba(253,175,55,0.3)!important; } #unipile-instagram-hero-full .uihf-cta { display:flex!important; flex-direction:column!important; gap:14px!important; margin-top:6px!important; } #unipile-instagram-hero-full .uihf-cta-buttons { display:flex!important; align-items:center!important; gap:14px!important; flex-wrap:wrap!important; } #unipile-instagram-hero-full .uihf-cta-primary { display:inline-flex!important; align-items:center!important; gap:8px!important; color:#0F2836!important; background:#DDDF4C!important; text-decoration:none!important; font-weight:600!important; font-size:15px!important; padding:14px 26px!important; border-radius:8px!important; transition:transform 0.3s ease!important; cursor:pointer!important; } #unipile-instagram-hero-full .uihf-cta-primary:hover { transform:translateY(-3px)!important; } #unipile-instagram-hero-full .uihf-cta-primary svg { width:18px!important; height:18px!important; } #unipile-instagram-hero-full .uihf-cta-secondary { display:inline-flex!important; align-items:center!important; gap:8px!important; color:#DDDF4C!important; background:transparent!important; border:2px solid #DDDF4C!important; text-decoration:none!important; font-weight:600!important; font-size:15px!important; padding:12px 22px!important; border-radius:8px!important; transition:transform 0.3s ease!important; cursor:pointer!important; } #unipile-instagram-hero-full .uihf-cta-secondary:hover { transform:translateY(-3px)!important; } #unipile-instagram-hero-full .uihf-cta-secondary svg { width:18px!important; height:18px!important; } #unipile-instagram-hero-full .uihf-cta-note { display:flex!important; align-items:center!important; gap:8px!important; font-size:13px!important; color:rgba(255,255,255,0.7)!important; } #unipile-instagram-hero-full .uihf-cta-note svg { width:18px!important; height:18px!important; color:#3BB98B!important; } #unipile-instagram-hero-full .uihf-right { display:flex!important; justify-content:center!important; } #unipile-instagram-hero-full .uihf-mockup-wrapper { position:relative!important; width:440px!important; max-width:100%!important; } #unipile-instagram-hero-full .uihf-app { background:#fff!important; border-radius:12px!important; overflow:hidden!important; box-shadow:0 20px 60px rgba(0,0,0,0.35)!important; width:100%!important; } #unipile-instagram-hero-full .uihf-app-header { background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%)!important; padding:12px 16px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; border-bottom:1px solid #e5e7eb!important; } #unipile-instagram-hero-full .uihf-header-left { display:flex!important; align-items:center!important; gap:10px!important; } #unipile-instagram-hero-full .uihf-logo { 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; } #unipile-instagram-hero-full .uihf-logo svg { width:18px!important; height:18px!important; color:#3BB98B!important; } #unipile-instagram-hero-full .uihf-app-title { font-weight:600!important; font-size:14px!important; color:#1e293b!important; } #unipile-instagram-hero-full .uihf-header-right { display:flex!important; align-items:center!important; gap:10px!important; } #unipile-instagram-hero-full .uihf-status { display:flex!important; align-items:center!important; gap:5px!important; font-size:10px!important; color:#3BB98B!important; font-weight:600!important; background:rgba(59,185,139,0.1)!important; padding:5px 10px!important; border-radius:20px!important; } #unipile-instagram-hero-full .uihf-status-dot { width:5px!important; height:5px!important; background:#3BB98B!important; border-radius:50%!important; animation:uihf-pulse 2s ease-in-out infinite!important; } @keyframes uihf-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(1.3)} } #unipile-instagram-hero-full .uihf-user-name { font-weight:600!important; font-size:13px!important; color:#1e293b!important; } #unipile-instagram-hero-full .uihf-user-avatar { width:28px!important; height:28px!important; border-radius:50%!important; object-fit:cover!important; border:2px solid #e5e7eb!important; } #unipile-instagram-hero-full .uihf-account-bar { display:flex!important; align-items:center!important; justify-content:space-between!important; padding:10px 16px!important; background:#fff!important; border-bottom:1px solid #e5e7eb!important; } #unipile-instagram-hero-full .uihf-account-label { font-size:12px!important; color:#64748b!important; font-weight:500!important; } #unipile-instagram-hero-full .uihf-account-providers { display:flex!important; align-items:center!important; gap:6px!important; } #unipile-instagram-hero-full .uihf-account-providers img { width:20px!important; height:20px!important; border-radius:4px!important; } #unipile-instagram-hero-full .uihf-tabs { display:flex!important; background:#fff!important; border-bottom:1px solid #e5e7eb!important; padding:0 12px!important; overflow-x:auto!important; scrollbar-width:none!important; } #unipile-instagram-hero-full .uihf-tabs::-webkit-scrollbar { display:none!important; } #unipile-instagram-hero-full .uihf-tab { padding:11px 14px!important; font-size:11.5px!important; font-weight:500!important; color:#94a3b8!important; border-bottom:2px solid transparent!important; white-space:nowrap!important; cursor:pointer!important; transition:all 0.2s ease!important; display:flex!important; align-items:center!important; gap:6px!important; flex-shrink:0!important; } #unipile-instagram-hero-full .uihf-tab:hover { color:#E1306C!important; } #unipile-instagram-hero-full .uihf-tab.active { color:#E1306C!important; font-weight:600!important; border-bottom-color:#E1306C!important; } #unipile-instagram-hero-full .uihf-tab-count { background:#f1f5f9!important; color:#94a3b8!important; font-size:10px!important; padding:1px 6px!important; border-radius:10px!important; font-weight:600!important; } #unipile-instagram-hero-full .uihf-tab.active .uihf-tab-count { background:rgba(225,48,108,0.12)!important; color:#E1306C!important; } #unipile-instagram-hero-full .uihf-body { background:#f8f9fa!important; padding:10px 12px!important; min-height:340px!important; height:340px!important; overflow:hidden!important; } #unipile-instagram-hero-full .uihf-content { display:none!important; } #unipile-instagram-hero-full .uihf-content.active { display:block!important; animation:uihf-fadeIn 0.35s ease!important; } @keyframes uihf-fadeIn { from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:translateY(0)} } #unipile-instagram-hero-full .uihf-msg { display:flex!important; align-items:flex-start!important; gap:10px!important; padding:11px 12px!important; background:#fff!important; border-radius:8px!important; margin-bottom:6px!important; border:1px solid #e5e7eb!important; } #unipile-instagram-hero-full .uihf-msg.highlighted { border-color:#E1306C!important; border-left:3px solid #E1306C!important; background:linear-gradient(135deg,rgba(225,48,108,0.03) 0%,#fff 100%)!important; } #unipile-instagram-hero-full .uihf-msg-photo { width:38px!important; height:38px!important; border-radius:50%!important; object-fit:cover!important; flex-shrink:0!important; } #unipile-instagram-hero-full .uihf-msg-photo.has-story { border:2px solid transparent!important; background-image:linear-gradient(#fff,#fff),linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important; background-origin:border-box!important; background-clip:content-box,border-box!important; padding:2px!important; } #unipile-instagram-hero-full .uihf-msg-body { flex:1!important; min-width:0!important; } #unipile-instagram-hero-full .uihf-msg-top { display:flex!important; align-items:center!important; justify-content:space-between!important; margin-bottom:1px!important; } #unipile-instagram-hero-full .uihf-msg-name-row { display:flex!important; align-items:center!important; gap:6px!important; } #unipile-instagram-hero-full .uihf-msg-name { font-weight:600!important; font-size:12.5px!important; color:#1e293b!important; } #unipile-instagram-hero-full .uihf-tag { font-size:9px!important; padding:2px 6px!important; border-radius:4px!important; font-weight:600!important; text-transform:uppercase!important; letter-spacing:0.3px!important; } #unipile-instagram-hero-full .uihf-tag.dm { background:rgba(225,48,108,0.1)!important; color:#E1306C!important; } #unipile-instagram-hero-full .uihf-tag.story-reply { background:rgba(131,58,180,0.1)!important; color:#833AB4!important; } #unipile-instagram-hero-full .uihf-tag.mention { background:rgba(253,175,55,0.1)!important; color:#c77a15!important; } #unipile-instagram-hero-full .uihf-tag.running { background:rgba(59,185,139,0.1)!important; color:#3BB98B!important; } #unipile-instagram-hero-full .uihf-tag.paused { background:rgba(251,188,4,0.1)!important; color:#d97706!important; } #unipile-instagram-hero-full .uihf-tag.draft { background:rgba(148,163,184,0.15)!important; color:#64748b!important; } #unipile-instagram-hero-full .uihf-tag.enriched { background:rgba(225,48,108,0.1)!important; color:#E1306C!important; } #unipile-instagram-hero-full .uihf-tag.synced { background:rgba(59,185,139,0.1)!important; color:#3BB98B!important; } #unipile-instagram-hero-full .uihf-unread { width:7px!important; height:7px!important; background:#E1306C!important; border-radius:50%!important; } #unipile-instagram-hero-full .uihf-msg-time { font-size:10px!important; color:#94a3b8!important; } #unipile-instagram-hero-full .uihf-msg-role { font-size:10.5px!important; color:#64748b!important; margin-bottom:3px!important; } #unipile-instagram-hero-full .uihf-msg-preview { font-size:11.5px!important; color:#475569!important; line-height:1.35!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #unipile-instagram-hero-full .uihf-campaign { padding:11px 12px!important; background:#fff!important; border-radius:8px!important; margin-bottom:6px!important; border:1px solid #e5e7eb!important; } #unipile-instagram-hero-full .uihf-campaign-top { display:flex!important; align-items:center!important; justify-content:space-between!important; margin-bottom:8px!important; } #unipile-instagram-hero-full .uihf-campaign-name { font-weight:600!important; font-size:12.5px!important; color:#1e293b!important; } #unipile-instagram-hero-full .uihf-campaign-steps { display:flex!important; align-items:center!important; gap:3px!important; } #unipile-instagram-hero-full .uihf-step-dot { display:flex!important; align-items:center!important; justify-content:center!important; width:24px!important; height:24px!important; border-radius:6px!important; } #unipile-instagram-hero-full .uihf-step-dot img { width:14px!important; height:14px!important; border-radius:2px!important; } #unipile-instagram-hero-full .uihf-step-connector { width:12px!important; height:2px!important; background:#e5e7eb!important; } #unipile-instagram-hero-full .uihf-step-connector.done { background:#3BB98B!important; } #unipile-instagram-hero-full .uihf-campaign-stats { display:flex!important; align-items:center!important; gap:12px!important; margin-top:8px!important; } #unipile-instagram-hero-full .uihf-stat { display:flex!important; align-items:center!important; gap:4px!important; font-size:10.5px!important; color:#64748b!important; } #unipile-instagram-hero-full .uihf-stat-val { font-weight:700!important; color:#1e293b!important; } #unipile-instagram-hero-full .uihf-progress-bar { width:100%!important; height:3px!important; background:#f1f5f9!important; border-radius:2px!important; margin-top:8px!important; overflow:hidden!important; } #unipile-instagram-hero-full .uihf-progress-fill { height:100%!important; border-radius:2px!important; background:linear-gradient(90deg,#E1306C,#833AB4)!important; } #unipile-instagram-hero-full .uihf-activity { display:flex!important; align-items:flex-start!important; gap:10px!important; padding:10px 12px!important; background:#fff!important; border-radius:8px!important; margin-bottom:6px!important; border:1px solid #e5e7eb!important; } #unipile-instagram-hero-full .uihf-act-icon { width:30px!important; height:30px!important; border-radius:6px!important; display:flex!important; align-items:center!important; justify-content:center!important; flex-shrink:0!important; } #unipile-instagram-hero-full .uihf-act-icon svg { width:14px!important; height:14px!important; } #unipile-instagram-hero-full .uihf-act-icon.reply { background:rgba(225,48,108,0.1)!important; color:#E1306C!important; } #unipile-instagram-hero-full .uihf-act-icon.story { background:rgba(131,58,180,0.1)!important; color:#833AB4!important; } #unipile-instagram-hero-full .uihf-act-icon.send { background:rgba(64,93,230,0.1)!important; color:#405DE6!important; } #unipile-instagram-hero-full .uihf-act-icon.like { background:rgba(253,29,29,0.08)!important; color:#FD1D1D!important; } #unipile-instagram-hero-full .uihf-act-icon.follow { background:rgba(253,175,55,0.1)!important; color:#d97706!important; } #unipile-instagram-hero-full .uihf-act-body { flex:1!important; min-width:0!important; } #unipile-instagram-hero-full .uihf-act-title { font-weight:500!important; font-size:12px!important; color:#1e293b!important; line-height:1.3!important; margin-bottom:2px!important; } #unipile-instagram-hero-full .uihf-act-title strong { font-weight:700!important; } #unipile-instagram-hero-full .uihf-act-meta { display:flex!important; align-items:center!important; gap:6px!important; font-size:10px!important; color:#94a3b8!important; } #unipile-instagram-hero-full .uihf-act-meta img { width:13px!important; height:13px!important; border-radius:2px!important; } #unipile-instagram-hero-full .uihf-contact { display:flex!important; align-items:center!important; gap:10px!important; padding:10px 12px!important; background:#fff!important; border-radius:8px!important; margin-bottom:6px!important; border:1px solid #e5e7eb!important; } #unipile-instagram-hero-full .uihf-contact-photo { width:36px!important; height:36px!important; border-radius:50%!important; object-fit:cover!important; flex-shrink:0!important; } #unipile-instagram-hero-full .uihf-contact-info { flex:1!important; min-width:0!important; } #unipile-instagram-hero-full .uihf-contact-top { display:flex!important; align-items:center!important; justify-content:space-between!important; } #unipile-instagram-hero-full .uihf-contact-name { font-weight:600!important; font-size:12.5px!important; color:#1e293b!important; } #unipile-instagram-hero-full .uihf-contact-handle { font-size:10.5px!important; color:#64748b!important; margin-top:1px!important; } #unipile-instagram-hero-full .uihf-contact-data { display:flex!important; align-items:center!important; gap:8px!important; margin-top:5px!important; } #unipile-instagram-hero-full .uihf-data-chip { display:flex!important; align-items:center!important; gap:4px!important; font-size:10px!important; color:#64748b!important; background:#f1f5f9!important; padding:2px 7px!important; border-radius:4px!important; } #unipile-instagram-hero-full .uihf-data-chip svg { width:10px!important; height:10px!important; color:#3BB98B!important; } #unipile-instagram-hero-full .uihf-code { position:absolute!important; bottom:-15px!important; right:-20px!important; background:#1e293b!important; border-radius:10px!important; padding:12px 14px!important; box-shadow:0 8px 30px rgba(0,0,0,0.3)!important; z-index:20!important; border:1px solid rgba(255,255,255,0.1)!important; } #unipile-instagram-hero-full .uihf-code-header { display:flex!important; align-items:center!important; gap:5px!important; margin-bottom:8px!important; } #unipile-instagram-hero-full .uihf-code-dot { width:8px!important; height:8px!important; border-radius:50%!important; } #unipile-instagram-hero-full .uihf-code-dot.red { background:#ff5f56!important; } #unipile-instagram-hero-full .uihf-code-dot.yellow { background:#ffbd2e!important; } #unipile-instagram-hero-full .uihf-code-dot.green { background:#27ca3f!important; } #unipile-instagram-hero-full .uihf-code-text { font-family:'Fira Code',monospace!important; font-size:11px!important; color:#e2e8f0!important; white-space:nowrap!important; } #unipile-instagram-hero-full .uihf-kw { color:#c792ea!important; } #unipile-instagram-hero-full .uihf-fn { color:#82aaff!important; } #unipile-instagram-hero-full .uihf-str { color:#c3e88d!important; } @media (max-width:900px) { #unipile-instagram-hero-full { padding:40px 16px!important; } #unipile-instagram-hero-full .uihf-container { display:flex!important; flex-direction:column!important; gap:30px!important; } #unipile-instagram-hero-full .uihf-left { display:contents!important; } #unipile-instagram-hero-full .uihf-title { order:1!important; text-align:center!important; font-size:32px!important; } #unipile-instagram-hero-full .uihf-description { order:2!important; text-align:center!important; } #unipile-instagram-hero-full .uihf-chips { order:3!important; justify-content:center!important; } #unipile-instagram-hero-full .uihf-right { order:4!important; width:100%!important; padding:0 10px!important; } #unipile-instagram-hero-full .uihf-mockup-wrapper { width:100%!important; max-width:380px!important; margin:0 auto!important; } #unipile-instagram-hero-full .uihf-app { width:100%!important; } #unipile-instagram-hero-full .uihf-cta { order:5!important; align-items:center!important; width:100%!important; } #unipile-instagram-hero-full .uihf-cta-buttons { flex-direction:column!important; width:100%!important; align-items:center!important; } #unipile-instagram-hero-full .uihf-cta-primary, #unipile-instagram-hero-full .uihf-cta-secondary { width:100%!important; max-width:280px!important; justify-content:center!important; } #unipile-instagram-hero-full .uihf-cta-note { justify-content:center!important; } #unipile-instagram-hero-full .uihf-chip { padding:6px 12px!important; font-size:12px!important; } #unipile-instagram-hero-full .uihf-code { display:none!important; } #unipile-instagram-hero-full .uihf-user-name { display:none!important; } } @media (max-width:600px) { #unipile-instagram-hero-full .uihf-title { font-size:28px!important; } #unipile-instagram-hero-full .uihf-description { font-size:15px!important; } #unipile-instagram-hero-full .uihf-body { min-height:300px!important; height:300px!important; } #unipile-instagram-hero-full .uihf-mockup-wrapper { max-width:100%!important; } #unipile-instagram-hero-full .uihf-right { padding:0!important; } } @media (max-width:400px) { #unipile-instagram-hero-full .uihf-title { font-size:26px!important; } #unipile-instagram-hero-full .uihf-body { min-height:280px!important; height:280px!important; } #unipile-instagram-hero-full .uihf-msg-photo { width:32px!important; height:32px!important; } #unipile-instagram-hero-full .uihf-msg { padding:9px 10px!important; } #unipile-instagram-hero-full .uihf-tab { padding:10px 10px!important; font-size:11px!important; } } <\/style>\n<p> <\/p>\n<div class=\"uihf-container\"> <\/p>\n<div class=\"uihf-left\"> <\/p>\n<h1 class=\"uihf-title\">Instagram API: Smarter Inbox Management<\/h1>\n<p> <pee class=\"uihf-description\">Connect any Instagram account to your application with one unified API. Enable DM messaging, story interactions, comment management and profile sync directly from your software.<\/pee> <\/p>\n<div class=\"uihf-cta\"> <\/p>\n<div class=\"uihf-cta-buttons\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"uihf-cta-primary\">Build Now<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a> <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\" class=\"uihf-cta-secondary\">Documentation<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a> <\/div>\n<p> <\/p>\n<div class=\"uihf-cta-note\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>7-Day Free Trial<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-right\"> <\/p>\n<div class=\"uihf-mockup-wrapper\"> <\/p>\n<div class=\"uihf-app\"> <\/p>\n<div class=\"uihf-app-header\"> <\/p>\n<div class=\"uihf-header-left\"> <\/p>\n<div class=\"uihf-logo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg><\/div>\n<p> <span class=\"uihf-app-title\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"uihf-header-right\"> <\/p>\n<div class=\"uihf-status\"><span class=\"uihf-status-dot\"><\/span>Synced<\/div>\n<p> <span class=\"uihf-user-name\">Sophie Martin<\/span> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face\" alt=\"Sophie\" class=\"uihf-user-avatar\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-account-bar\"> <span class=\"uihf-account-label\">3 accounts connected<\/span> <\/p>\n<div class=\"uihf-account-providers\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <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\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-tabs\"> <\/p>\n<div class=\"uihf-tab active\" data-tab=\"dms\">DMs<span class=\"uihf-tab-count\">12<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-tab\" data-tab=\"campaigns\">Campaigns<span class=\"uihf-tab-count\">3<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-tab\" data-tab=\"activity\">Activity<\/div>\n<p> <\/p>\n<div class=\"uihf-tab\" data-tab=\"contacts\">Contacts<span class=\"uihf-tab-count\">84<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-body\">  <\/p>\n<div class=\"uihf-content active\" data-content=\"dms\"> <\/p>\n<div class=\"uihf-msg highlighted\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-msg-photo has-story\"> <\/p>\n<div class=\"uihf-msg-body\"> <\/p>\n<div class=\"uihf-msg-top\">\n<div class=\"uihf-msg-name-row\"><span class=\"uihf-msg-name\">Emma Laurent<\/span><span class=\"uihf-tag dm\">DM<\/span><span class=\"uihf-unread\"><\/span><\/div>\n<p><span class=\"uihf-msg-time\">1 min<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-msg-role\">@emmalaurent \u00b7 24.5K followers<\/div>\n<p> <\/p>\n<div class=\"uihf-msg-preview\">Hey! I loved your latest post \ud83d\ude0d Can we collab on…<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-msg\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-msg-photo\"> <\/p>\n<div class=\"uihf-msg-body\"> <\/p>\n<div class=\"uihf-msg-top\">\n<div class=\"uihf-msg-name-row\"><span class=\"uihf-msg-name\">Lucas Rivera<\/span><span class=\"uihf-tag story-reply\">Story Reply<\/span><\/div>\n<p><span class=\"uihf-msg-time\">25 min<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-msg-role\">@lucasrivera \u00b7 Brand Manager<\/div>\n<p> <\/p>\n<div class=\"uihf-msg-preview\">\ud83d\udd25 This product launch looks amazing! Would love to…<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-msg\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-msg-photo has-story\"> <\/p>\n<div class=\"uihf-msg-body\"> <\/p>\n<div class=\"uihf-msg-top\">\n<div class=\"uihf-msg-name-row\"><span class=\"uihf-msg-name\">Mia Chen<\/span><span class=\"uihf-tag mention\">Mention<\/span><\/div>\n<p><span class=\"uihf-msg-time\">2h<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-msg-role\">@miachen.design \u00b7 UX Designer<\/div>\n<p> <\/p>\n<div class=\"uihf-msg-preview\">Just tagged you in our latest design showcase post!<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-msg\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-msg-photo\"> <\/p>\n<div class=\"uihf-msg-body\"> <\/p>\n<div class=\"uihf-msg-top\">\n<div class=\"uihf-msg-name-row\"><span class=\"uihf-msg-name\">Alex Thompson<\/span><span class=\"uihf-tag dm\">DM<\/span><\/div>\n<p><span class=\"uihf-msg-time\">5h<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-msg-role\">@alexthompson \u00b7 Growth Lead<\/div>\n<p> <\/p>\n<div class=\"uihf-msg-preview\">Thanks for the info! Let me check with our team and…<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"uihf-content\" data-content=\"campaigns\"> <\/p>\n<div class=\"uihf-campaign\"> <\/p>\n<div class=\"uihf-campaign-top\"><span class=\"uihf-campaign-name\">Influencer Outreach – Q1<\/span><span class=\"uihf-tag running\">Running<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-campaign-steps\"> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(225,48,108,0.1)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-connector done\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(225,48,108,0.1)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-connector done\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(234,67,53,0.08)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Email\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-connector\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(225,48,108,0.1)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-campaign-stats\"><span class=\"uihf-stat\">Sent <span class=\"uihf-stat-val\">98<\/span><\/span><span class=\"uihf-stat\">Replied <span class=\"uihf-stat-val\" style=\"color:#3BB98B!important;\">31<\/span><\/span><span class=\"uihf-stat\">Rate <span class=\"uihf-stat-val\" style=\"color:#3BB98B!important;\">32%<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-progress-bar\">\n<div class=\"uihf-progress-fill\" style=\"width:72%!important;\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-campaign\"> <\/p>\n<div class=\"uihf-campaign-top\"><span class=\"uihf-campaign-name\">Brand Partnerships<\/span><span class=\"uihf-tag paused\">Paused<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-campaign-steps\"> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(225,48,108,0.1)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-connector done\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(234,67,53,0.08)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Email\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-connector\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(10,102,194,0.1)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LI\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-campaign-stats\"><span class=\"uihf-stat\">Sent <span class=\"uihf-stat-val\">64<\/span><\/span><span class=\"uihf-stat\">Replied <span class=\"uihf-stat-val\" style=\"color:#3BB98B!important;\">18<\/span><\/span><span class=\"uihf-stat\">Rate <span class=\"uihf-stat-val\" style=\"color:#d97706!important;\">28%<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-progress-bar\">\n<div class=\"uihf-progress-fill\" style=\"width:40%!important;\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-campaign\"> <\/p>\n<div class=\"uihf-campaign-top\"><span class=\"uihf-campaign-name\">UGC Creators Recruit<\/span><span class=\"uihf-tag draft\">Draft<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-campaign-steps\"> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(225,48,108,0.1)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-connector\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(225,48,108,0.1)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-campaign-stats\"><span class=\"uihf-stat\">Contacts <span class=\"uihf-stat-val\">42<\/span><\/span><span class=\"uihf-stat\">Steps <span class=\"uihf-stat-val\">2<\/span><\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"uihf-content\" data-content=\"activity\"> <\/p>\n<div class=\"uihf-activity\"> <\/p>\n<div class=\"uihf-act-icon reply\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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=\"uihf-act-body\">\n<div class=\"uihf-act-title\"><strong>Emma Laurent<\/strong> replied to your DM<\/div>\n<div class=\"uihf-act-meta\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><span>Direct Message \u00b7 1 min ago<\/span><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-activity\"> <\/p>\n<div class=\"uihf-act-icon story\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"uihf-act-body\">\n<div class=\"uihf-act-title\"><strong>Lucas Rivera<\/strong> replied to your story<\/div>\n<div class=\"uihf-act-meta\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><span>Story \u00b7 25 min ago<\/span><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-activity\"> <\/p>\n<div class=\"uihf-act-icon 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> <\/p>\n<div class=\"uihf-act-body\">\n<div class=\"uihf-act-title\">Campaign sent DM to <strong>Mia Chen<\/strong><\/div>\n<div class=\"uihf-act-meta\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><span>Influencer Outreach \u00b7 1h ago<\/span><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-activity\"> <\/p>\n<div class=\"uihf-act-icon like\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"uihf-act-body\">\n<div class=\"uihf-act-title\"><strong>Alex Thompson<\/strong> liked your post<\/div>\n<div class=\"uihf-act-meta\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><span>Post \u00b7 3h ago \u00b7 \u2764\ufe0f 142 \ud83d\udcac 18<\/span><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-activity\"> <\/p>\n<div class=\"uihf-act-icon follow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"8.5\" cy=\"7\" r=\"4\"\/><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"\/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"uihf-act-body\">\n<div class=\"uihf-act-title\"><strong>Nina Patel<\/strong> started following you<\/div>\n<div class=\"uihf-act-meta\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><span>Follow \u00b7 5h ago<\/span><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"uihf-content\" data-content=\"contacts\"> <\/p>\n<div class=\"uihf-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-contact-photo\"> <\/p>\n<div class=\"uihf-contact-info\"> <\/p>\n<div class=\"uihf-contact-top\"><span class=\"uihf-contact-name\">Alex Thompson<\/span><span class=\"uihf-tag enriched\">Enriched<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-contact-handle\">@alexthompson \u00b7 12.3K followers<\/div>\n<p> <\/p>\n<div class=\"uihf-contact-data\"><span class=\"uihf-data-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Email<\/span><span class=\"uihf-data-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Phone<\/span><span class=\"uihf-data-chip\">New York<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-contact-photo\"> <\/p>\n<div class=\"uihf-contact-info\"> <\/p>\n<div class=\"uihf-contact-top\"><span class=\"uihf-contact-name\">Nina Patel<\/span><span class=\"uihf-tag synced\">Synced<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-contact-handle\">@ninapatel \u00b7 Content Creator<\/div>\n<p> <\/p>\n<div class=\"uihf-contact-data\"><span class=\"uihf-data-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Email<\/span><span class=\"uihf-data-chip\">Los Angeles<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-contact-photo\"> <\/p>\n<div class=\"uihf-contact-info\"> <\/p>\n<div class=\"uihf-contact-top\"><span class=\"uihf-contact-name\">Ryan Costa<\/span><span class=\"uihf-tag enriched\">Enriched<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-contact-handle\">@ryancosta \u00b7 Social Media Manager<\/div>\n<p> <\/p>\n<div class=\"uihf-contact-data\"><span class=\"uihf-data-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Email<\/span><span class=\"uihf-data-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Phone<\/span><span class=\"uihf-data-chip\">London<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-contact-photo\"> <\/p>\n<div class=\"uihf-contact-info\"> <\/p>\n<div class=\"uihf-contact-top\"><span class=\"uihf-contact-name\">Jade Kim<\/span><span class=\"uihf-tag synced\">Synced<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-contact-handle\">@jadekim \u00b7 Brand Strategist<\/div>\n<p> <\/p>\n<div class=\"uihf-contact-data\"><span class=\"uihf-data-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Email<\/span><span class=\"uihf-data-chip\">Seoul<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"uihf-code\"> <\/p>\n<div class=\"uihf-code-header\"><span class=\"uihf-code-dot red\"><\/span><span class=\"uihf-code-dot yellow\"><\/span><span class=\"uihf-code-dot green\"><\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-code-text\"><span class=\"uihf-kw\">await<\/span> <span class=\"uihf-fn\">client<\/span>.<span class=\"uihf-fn\">messaging<\/span>.<span class=\"uihf-fn\">send<\/span>(<span class=\"uihf-str\">“Hi!”<\/span>);<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><script>(function(){ var tabs=['dms','campaigns','activity','contacts'],ci=0,ai; function sw(n){var r=document.getElementById('unipile-instagram-hero-full');if(!r)return;var at=r.querySelectorAll('.uihf-tab'),ac=r.querySelectorAll('.uihf-content');for(var i=0;i<at.length;i++)at[i].classList.remove('active');for(var j=0;j<ac.length;j++)ac[j].classList.remove('active');ci=tabs.indexOf(n);var t=r.querySelector('.uihf-tab[data-tab=\"'+n+'\"]'),c=r.querySelector('.uihf-content[data-content=\"'+n+'\"]');if(t){t.classList.add('active');var ct=r.querySelector('.uihf-tabs');if(ct){ct.scrollTo({left:t.offsetLeft-(ct.offsetWidth\/2)+(t.offsetWidth\/2),behavior:'smooth'});}}if(c)c.classList.add('active');} function as(){ci=(ci+1)%tabs.length;sw(tabs[ci]);} function sa(){ai=setInterval(as,3500);} function ra(){clearInterval(ai);sa();} function init(){var r=document.getElementById('unipile-instagram-hero-full');if(!r)return;sw('dms');var te=r.querySelectorAll('.uihf-tab');for(var k=0;k<te.length;k++){te[k].addEventListener('click',function(){sw(this.getAttribute('data-tab'));ra();});}sa();} if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',init);}else{init();}})();<\/script><\/div>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|phone” admin_label=”Section 2 Home API TITRE” _builder_version=”4.22.2″ _module_preset=”default” background_color=”#f4f5f7″ custom_padding_tablet=”” custom_padding_phone=”30px||5px||false|false” da_disable_devices=”off|off|off” global_module=”273599″ 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 _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”0px||0px||false|false” 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<div id=\"unipile-dma-banner\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap'); #unipile-dma-banner, #unipile-dma-banner * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; background: transparent !important; } #unipile-dma-banner { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; background: #f4f5f7 !important; padding: 28px 20px !important; } #unipile-dma-banner .dma-card { display: flex !important; align-items: center !important; gap: 20px !important; max-width: 1100px !important; width: 100% !important; background: #ffffff !important; border-radius: 14px !important; padding: 20px 28px !important; border: 1px solid #e5e7eb !important; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important; position: relative !important; overflow: hidden !important; } #unipile-dma-banner .dma-card::before { content: '' !important; position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: 3px !important; background: linear-gradient(180deg, #3BB98B, #25D366) !important; border-radius: 14px 0 0 14px !important; } #unipile-dma-banner .dma-logo-wrap { flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } #unipile-dma-banner .dma-logo-wrap img { width: 52px !important; height: auto !important; } #unipile-dma-banner .dma-body { flex: 1 !important; min-width: 0 !important; } #unipile-dma-banner .dma-header { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 6px !important; flex-wrap: wrap !important; } #unipile-dma-banner .dma-badge { display: inline-flex !important; align-items: center !important; gap: 5px !important; background: rgba(59, 185, 139, 0.08) !important; color: #3BB98B !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; padding: 4px 10px !important; border-radius: 6px !important; white-space: nowrap !important; } #unipile-dma-banner .dma-badge svg { width: 12px !important; height: 12px !important; } #unipile-dma-banner .dma-title { font-size: 14px !important; font-weight: 600 !important; color: #1e293b !important; } #unipile-dma-banner .dma-text { font-size: 13.5px !important; line-height: 1.55 !important; color: #64748b !important; font-weight: 400 !important; } #unipile-dma-banner .dma-link { display: inline-flex !important; align-items: center !important; gap: 4px !important; color: #3BB98B !important; text-decoration: none !important; font-weight: 500 !important; font-size: 13.5px !important; transition: all 0.2s ease !important; white-space: nowrap !important; } #unipile-dma-banner .dma-link svg { width: 14px !important; height: 14px !important; transition: transform 0.2s ease !important; } #unipile-dma-banner .dma-link:hover { color: #2da077 !important; } #unipile-dma-banner .dma-link:hover svg { transform: translateX(3px) !important; } \/* ===== TABLET ===== *\/ @media (max-width: 700px) { #unipile-dma-banner { padding: 20px 16px !important; } #unipile-dma-banner .dma-card { align-items: flex-start !important; gap: 14px !important; padding: 16px 18px !important; } #unipile-dma-banner .dma-logo-wrap img { width: 38px !important; margin-top: 2px !important; } #unipile-dma-banner .dma-header { gap: 6px !important; margin-bottom: 4px !important; } #unipile-dma-banner .dma-badge { font-size: 9px !important; padding: 3px 8px !important; } #unipile-dma-banner .dma-title { font-size: 13px !important; } #unipile-dma-banner .dma-text { font-size: 12px !important; line-height: 1.5 !important; } #unipile-dma-banner .dma-link { font-size: 12px !important; } } \/* ===== SMALL MOBILE ===== *\/ @media (max-width: 420px) { #unipile-dma-banner .dma-card { padding: 14px 14px 14px 16px !important; gap: 10px !important; } #unipile-dma-banner .dma-logo-wrap img { width: 30px !important; } #unipile-dma-banner .dma-badge { font-size: 8px !important; padding: 2px 6px !important; gap: 3px !important; } #unipile-dma-banner .dma-badge svg { width: 10px !important; height: 10px !important; } #unipile-dma-banner .dma-title { font-size: 12px !important; } #unipile-dma-banner .dma-text { font-size: 11px !important; line-height: 1.45 !important; } #unipile-dma-banner .dma-link { font-size: 11px !important; } } <\/style>\n<p> <\/p>\n<div class=\"dma-card\"> <\/p>\n<div class=\"dma-logo-wrap\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/imgi_2_logo-ec-mute.svg\" alt=\"European Commission\"> <\/div>\n<p> <\/p>\n<div class=\"dma-body\"> <\/p>\n<div class=\"dma-header\"> <span class=\"dma-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg> EU Regulated <\/span> <span class=\"dma-title\">Digital Markets Act (DMA)<\/span> <\/div>\n<p> <span class=\"dma-text\"> Our solution focuses exclusively on messaging interoperability, no profile storage, no scraping. Clients are expected to comply with each provider’s terms. <a href=\"https:\/\/www.unipile.com\/digital-markets-act\/\" class=\"dma-link\"> Learn more <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> <\/span> <\/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″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"fr\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Instagram Account Types<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style>* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #f4f5f7; }<\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1><\/p>\n<div id=\"unipile-ig-accounts\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700&display=swap'); #unipile-ig-accounts, #unipile-ig-accounts * { margin:0!important; padding:0!important; box-sizing:border-box!important; border:none!important; outline:none!important; font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif!important; line-height:normal!important; letter-spacing:normal!important; text-transform:none!important; text-decoration:none!important; list-style:none!important; background:transparent!important; } #unipile-ig-accounts { padding:70px 20px!important; } #unipile-ig-accounts .iga-container { max-width:1100px!important; margin:0 auto!important; } \/* HEADER *\/ #unipile-ig-accounts .iga-header { text-align:center!important; display:flex!important; flex-direction:column!important; align-items:center!important; } #unipile-ig-accounts .iga-badge { display:inline-flex!important; align-items:center!important; gap:8px!important; background:rgba(225,48,108,0.1)!important; color:#E1306C!important; padding:6px 14px!important; border-radius:20px!important; font-size:0.75rem!important; font-weight:600!important; text-transform:uppercase!important; letter-spacing:0.5px!important; margin-bottom:16px!important; } #unipile-ig-accounts .iga-badge img { width:16px!important; height:16px!important; } #unipile-ig-accounts .iga-title { font-family:'Poppins',sans-serif!important; font-size:35px!important; font-weight:700!important; color:#1e293b!important; margin-bottom:14px!important; } #unipile-ig-accounts .iga-subtitle { font-size:16px!important; line-height:1.65!important; color:#383838!important; max-width:750px!important; margin-bottom:44px!important; } \/* CARDS GRID *\/ #unipile-ig-accounts .iga-grid { display:grid!important; grid-template-columns:1fr 1fr!important; gap:24px!important; } \/* CARD *\/ #unipile-ig-accounts .iga-card { background:#ffffff!important; border:1px solid #e5e7eb!important; border-radius:16px!important; padding:32px 28px!important; display:flex!important; flex-direction:column!important; gap:20px!important; position:relative!important; overflow:hidden!important; } #unipile-ig-accounts .iga-card.personal::before { content:''!important; position:absolute!important; top:0!important; left:0!important; right:0!important; height:3px!important; background:linear-gradient(90deg,#E1306C,#833AB4)!important; } #unipile-ig-accounts .iga-card.professional::before { content:''!important; position:absolute!important; top:0!important; left:0!important; right:0!important; height:3px!important; background:linear-gradient(90deg,#F77737,#FDAF37)!important; } \/* Card Header *\/ #unipile-ig-accounts .iga-card-header { display:flex!important; align-items:center!important; gap:14px!important; } #unipile-ig-accounts .iga-card-logo { width:48px!important; height:48px!important; border-radius:12px!important; display:flex!important; align-items:center!important; justify-content:center!important; flex-shrink:0!important; } #unipile-ig-accounts .iga-card.personal .iga-card-logo { background:rgba(225,48,108,0.12)!important; } #unipile-ig-accounts .iga-card.professional .iga-card-logo { background:rgba(247,119,55,0.12)!important; } #unipile-ig-accounts .iga-card-logo img { width:26px!important; height:26px!important; } #unipile-ig-accounts .iga-card-titles { display:flex!important; flex-direction:column!important; gap:2px!important; } #unipile-ig-accounts .iga-card-name { font-size:18px!important; font-weight:700!important; color:#1e293b!important; } #unipile-ig-accounts .iga-card-tagline { font-size:13px!important; font-weight:500!important; color:#94a3b8!important; } \/* Card Desc *\/ #unipile-ig-accounts .iga-card-desc { font-size:14px!important; line-height:1.6!important; color:#64748b!important; } \/* Use Cases *\/ #unipile-ig-accounts .iga-usecases-label { font-size:11px!important; font-weight:600!important; text-transform:uppercase!important; letter-spacing:0.5px!important; color:#94a3b8!important; margin-bottom:10px!important; } #unipile-ig-accounts .iga-usecases { display:flex!important; flex-direction:column!important; gap:10px!important; } #unipile-ig-accounts .iga-uc { display:flex!important; align-items:flex-start!important; gap:10px!important; font-size:13.5px!important; line-height:1.45!important; color:#475569!important; } #unipile-ig-accounts .iga-uc svg { width:16px!important; height:16px!important; flex-shrink:0!important; margin-top:2px!important; } #unipile-ig-accounts .iga-card.personal .iga-uc svg { color:#E1306C!important; } #unipile-ig-accounts .iga-card.professional .iga-uc svg { color:#F77737!important; } \/* Stats Row *\/ #unipile-ig-accounts .iga-stats { display:flex!important; gap:8px!important; flex-wrap:wrap!important; margin-top:auto!important; padding-top:8px!important; border-top:1px solid #f1f5f9!important; } #unipile-ig-accounts .iga-stat { display:flex!important; align-items:center!important; gap:6px!important; background:#f8f9fa!important; padding:6px 12px!important; border-radius:8px!important; font-size:12px!important; font-weight:600!important; color:#64748b!important; } #unipile-ig-accounts .iga-stat svg { width:13px!important; height:13px!important; } #unipile-ig-accounts .iga-card.personal .iga-stat svg { color:#E1306C!important; } #unipile-ig-accounts .iga-card.professional .iga-stat svg { color:#F77737!important; } \/* CTA *\/ #unipile-ig-accounts .iga-cta-row { display:flex!important; justify-content:center!important; margin-top:36px!important; } #unipile-ig-accounts .iga-cta { display:inline-flex!important; align-items:center!important; gap:8px!important; color:#0F2836!important; background:#DDDF4C!important; text-decoration:none!important; font-weight:600!important; font-size:15px!important; padding:14px 26px!important; border-radius:8px!important; transition:transform 0.3s ease!important; cursor:pointer!important; } #unipile-ig-accounts .iga-cta:hover { transform:translateY(-5px)!important; } #unipile-ig-accounts .iga-cta svg { width:18px!important; height:18px!important; } \/* RESPONSIVE *\/ @media (max-width:900px) { #unipile-ig-accounts .iga-grid { grid-template-columns:1fr!important; } #unipile-ig-accounts .iga-title { font-size:28px!important; } } @media (max-width:600px) { #unipile-ig-accounts { padding:50px 16px!important; } #unipile-ig-accounts .iga-title { font-size:26px!important; } #unipile-ig-accounts .iga-card { padding:24px 20px!important; } } <\/style>\n<p> <\/p>\n<div class=\"iga-container\"> <\/p>\n<div class=\"iga-header\"> <\/p>\n<div class=\"iga-badge\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> Instagram API Integration <\/div>\n<p> <\/p>\n<h2 class=\"iga-title\">One API for Instagram: Connect Every Account Type<\/h2>\n<p> <pee class=\"iga-subtitle\">Integrate with Instagram Personal and Professional accounts. Each account type serves different use cases for your application. Our API handles both with the same unified schema.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"iga-grid\">  <\/p>\n<div class=\"iga-card personal\"> <\/p>\n<div class=\"iga-card-header\"> <\/p>\n<div class=\"iga-card-logo\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram Personal\"><\/div>\n<p> <\/p>\n<div class=\"iga-card-titles\"> <span class=\"iga-card-name\">Instagram Personal<\/span> <span class=\"iga-card-tagline\">Personal Messaging<\/span> <\/div>\n<p> <\/div>\n<p> <pee class=\"iga-card-desc\">Connect your users’ personal Instagram accounts to your platform. Sync all DM conversations, contacts and interactions in real time, enabling unified inbox, outreach and team collaboration features.<\/pee> <\/p>\n<div> <\/p>\n<div class=\"iga-usecases-label\">Key Use Cases<\/div>\n<p> <\/p>\n<div class=\"iga-usecases\"> <\/p>\n<div class=\"iga-uc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Unified inbox: centralize all user DMs in your app<\/div>\n<p> <\/p>\n<div class=\"iga-uc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Multi-channel outreach sequences (Instagram + Email + LinkedIn)<\/div>\n<p> <\/p>\n<div class=\"iga-uc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Contact sync & profile enrichment from followers<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iga-stats\"> <span class=\"iga-stat\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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>Messages<\/span> <span class=\"iga-stat\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>Contacts<\/span> <span class=\"iga-stat\"><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\"\/><path d=\"M14 2v6h6\"\/><\/svg>Attachments<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"iga-card professional\"> <\/p>\n<div class=\"iga-card-header\"> <\/p>\n<div class=\"iga-card-logo\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram Professional\"><\/div>\n<p> <\/p>\n<div class=\"iga-card-titles\"> <span class=\"iga-card-name\">Instagram Professional<\/span> <span class=\"iga-card-tagline\">Creator & Business Accounts<\/span> <\/div>\n<p> <\/div>\n<p> <pee class=\"iga-card-desc\">Integrate Instagram Professional accounts (Creator & Business) used by brands and influencers. Access DMs, story interactions, mentions and professional messaging features: ideal for CRM, social selling and influencer management tools.<\/pee> <\/p>\n<div> <\/p>\n<div class=\"iga-usecases-label\">Key Use Cases<\/div>\n<p> <\/p>\n<div class=\"iga-usecases\"> <\/p>\n<div class=\"iga-uc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>CRM integration: sync customer conversations automatically<\/div>\n<p> <\/p>\n<div class=\"iga-uc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Influencer outreach & partnership management at scale<\/div>\n<p> <\/p>\n<div class=\"iga-uc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Lead generation from story replies, mentions & DMs<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iga-stats\"> <span class=\"iga-stat\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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>Messages<\/span> <span class=\"iga-stat\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>Contacts<\/span> <span class=\"iga-stat\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>Stories<\/span> <span class=\"iga-stat\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>Mentions<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iga-cta-row\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"iga-cta\">Build Now<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><\/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=”#0F2736″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"fr\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Instagram Messaging API<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style>* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #0f2736; }<\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1><\/p>\n<div id=\"instagram-messaging-section\" class=\"instagram-messaging-wrapper\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #instagram-messaging-section.instagram-messaging-wrapper, #instagram-messaging-section.instagram-messaging-wrapper * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #instagram-messaging-section.instagram-messaging-wrapper { --up-green: #3BB98B !important; --up-yellow: #DDDF4C !important; --up-yellow-dark: #b8ba2e !important; --up-dark: #0f2736 !important; --up-text: #1e293b !important; --up-subtle: #64748b !important; --up-border: #e5e7eb !important; --up-bg-light: #f8f9fa !important; --ig-pink: #E1306C !important; --ig-purple: #833AB4 !important; --ig-orange: #F77737 !important; padding: 50px 20px !important; background: transparent !important; } #instagram-messaging-section .igm-container { max-width: 1000px !important; margin: 0 auto !important; } \/* Header *\/ #instagram-messaging-section .igm-header { text-align: center !important; margin-bottom: 32px !important; } #instagram-messaging-section .igm-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: var(--up-yellow) !important; padding: 5px 12px !important; border-radius: 16px !important; font-size: 0.65rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 12px !important; } #instagram-messaging-section .igm-badge svg { width: 11px !important; height: 11px !important; } #instagram-messaging-section .igm-title { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin-bottom: 12px !important; } #instagram-messaging-section .igm-subtitle { font-size: 16px !important; color: #ffffff !important; line-height: 1.6 !important; max-width: 550px !important; margin: 0 auto !important; } \/* Main Grid *\/ #instagram-messaging-section .igm-grid { display: grid !important; grid-template-columns: 420px minmax(auto, 420px) !important; gap: 70px !important; align-items: center !important; justify-content: center !important; } \/* Mockup Side *\/ #instagram-messaging-section .igm-mockup-wrapper { position: relative !important; } #instagram-messaging-section .igm-chat-mockup { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35) !important; width: 420px !important; max-width: 420px !important; } \/* Header mockup *\/ #instagram-messaging-section .igm-mockup-header { background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; padding: 12px 14px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid var(--up-border) !important; } #instagram-messaging-section .igm-header-left { display: flex !important; align-items: center !important; gap: 10px !important; } #instagram-messaging-section .igm-mockup-logo { 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; } #instagram-messaging-section .igm-mockup-logo svg { width: 18px !important; height: 18px !important; color: var(--up-green) !important; stroke: var(--up-green) !important; } #instagram-messaging-section .igm-mockup-title { font-size: 14px !important; font-weight: 600 !important; color: var(--up-text) !important; } #instagram-messaging-section .igm-status { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 11px !important; color: var(--up-green) !important; font-weight: 600 !important; background: rgba(59, 185, 139, 0.1) !important; padding: 5px 10px !important; border-radius: 20px !important; } #instagram-messaging-section .igm-status-dot { width: 6px !important; height: 6px !important; background: var(--up-green) !important; border-radius: 50% !important; animation: igm-pulse 2s ease-in-out infinite !important; } @keyframes igm-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.3); } } \/* Profile Card *\/ #instagram-messaging-section .igm-profile { display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 14px !important; background: #ffffff !important; border-bottom: 1px solid var(--up-border) !important; } #instagram-messaging-section .igm-profile-avatar { width: 48px !important; height: 48px !important; border-radius: 50% !important; object-fit: cover !important; border: 2px solid var(--up-border) !important; flex-shrink: 0 !important; } #instagram-messaging-section .igm-profile-info { display: flex !important; flex-direction: column !important; gap: 3px !important; } #instagram-messaging-section .igm-profile-name { font-weight: 600 !important; font-size: 14px !important; color: var(--up-text) !important; display: flex !important; align-items: center !important; gap: 6px !important; } #instagram-messaging-section .igm-verified { width: 14px !important; height: 14px !important; color: #3897f0 !important; } #instagram-messaging-section .igm-profile-platforms { display: flex !important; align-items: center !important; gap: 5px !important; } #instagram-messaging-section .igm-profile-platforms img { width: 20px !important; height: 20px !important; border-radius: 4px !important; } #instagram-messaging-section .igm-more { font-size: 10px !important; font-weight: 600 !important; color: var(--up-subtle) !important; background: #f1f5f9 !important; padding: 3px 6px !important; border-radius: 4px !important; } #instagram-messaging-section .igm-profile-status { display: flex !important; align-items: center !important; gap: 12px !important; margin-top: 2px !important; } #instagram-messaging-section .igm-status-item { display: flex !important; align-items: center !important; gap: 5px !important; font-size: 11px !important; color: var(--up-subtle) !important; } #instagram-messaging-section .igm-dot-green { width: 6px !important; height: 6px !important; background: var(--up-green) !important; border-radius: 50% !important; } \/* Channel Tabs *\/ #instagram-messaging-section .igm-channel-tabs { display: flex !important; gap: 6px !important; padding: 8px 14px !important; border-bottom: 1px solid var(--up-border) !important; background: var(--up-bg-light) !important; } #instagram-messaging-section .igm-channel-tab { display: flex !important; align-items: center !important; gap: 5px !important; padding: 6px 10px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 500 !important; color: var(--up-subtle) !important; background: transparent !important; } #instagram-messaging-section .igm-channel-tab.active { background: var(--ig-pink) !important; color: #ffffff !important; } #instagram-messaging-section .igm-channel-tab img { width: 14px !important; height: 14px !important; } #instagram-messaging-section .igm-channel-tab svg { width: 10px !important; height: 10px !important; stroke: currentColor !important; } \/* Chat Body *\/ #instagram-messaging-section .igm-chat-body { padding: 10px 12px !important; background: #ffffff !important; min-height: 200px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; } #instagram-messaging-section .igm-message-row { display: flex !important; flex-direction: column !important; gap: 2px !important; } #instagram-messaging-section .igm-message-row.sent { align-items: flex-end !important; } #instagram-messaging-section .igm-message-row.received { align-items: flex-start !important; } #instagram-messaging-section .igm-message-meta { display: flex !important; align-items: center !important; gap: 5px !important; font-size: 10px !important; color: var(--up-subtle) !important; } #instagram-messaging-section .igm-message-meta img { width: 14px !important; height: 14px !important; border-radius: 50% !important; } #instagram-messaging-section .igm-message-bubble { max-width: 85% !important; padding: 8px 12px !important; border-radius: 12px !important; font-size: 12px !important; line-height: 1.4 !important; } #instagram-messaging-section .igm-message-row.sent .igm-message-bubble { background: linear-gradient(135deg, #E1306C, #C13584) !important; color: #ffffff !important; border-bottom-right-radius: 4px !important; } #instagram-messaging-section .igm-message-row.received .igm-message-bubble { background: var(--up-bg-light) !important; color: var(--up-dark) !important; border-bottom-left-radius: 4px !important; } \/* Image attachment *\/ #instagram-messaging-section .igm-img-tag { font-size: 8px !important; font-weight: 600 !important; color: var(--ig-purple) !important; background: rgba(131, 58, 180, 0.15) !important; padding: 2px 5px !important; border-radius: 4px !important; margin-left: 4px !important; } #instagram-messaging-section .igm-img-message { max-width: 160px !important; border-radius: 10px !important; overflow: hidden !important; border-bottom-right-radius: 4px !important; } #instagram-messaging-section .igm-img-thumbnail { position: relative !important; width: 160px !important; height: 120px !important; background: linear-gradient(135deg, #f8f9fa 0%, #e5e7eb 100%) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } #instagram-messaging-section .igm-img-thumbnail img { width: 100% !important; height: 100% !important; object-fit: cover !important; position: absolute !important; top: 0 !important; left: 0 !important; } \/* Chat Input *\/ #instagram-messaging-section .igm-chat-input { padding: 10px 14px !important; border-top: 1px solid var(--up-border) !important; display: flex !important; align-items: center !important; gap: 10px !important; background: #ffffff !important; } #instagram-messaging-section .igm-input-icon { width: 24px !important; height: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--up-subtle) !important; } #instagram-messaging-section .igm-input-icon svg { width: 14px !important; height: 14px !important; stroke: var(--up-subtle) !important; } #instagram-messaging-section .igm-input-icon.igm-img-icon svg { stroke: var(--ig-purple) !important; } #instagram-messaging-section .igm-input-field { flex: 1 !important; padding: 8px 12px !important; background: var(--up-bg-light) !important; border-radius: 18px !important; font-size: 12px !important; color: var(--up-subtle) !important; } #instagram-messaging-section .igm-send-btn { width: 28px !important; height: 28px !important; background: var(--ig-pink) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-messaging-section .igm-send-btn svg { width: 12px !important; height: 12px !important; color: #ffffff !important; stroke: #ffffff !important; } \/* Floating Notification *\/ #instagram-messaging-section .igm-floating-notif { position: absolute !important; top: 40px !important; right: -20px !important; background: #ffffff !important; border-radius: 10px !important; padding: 10px 12px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important; display: flex !important; align-items: center !important; gap: 10px !important; animation: igm-float 3s ease-in-out infinite !important; z-index: 10 !important; } @keyframes igm-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } } #instagram-messaging-section .igm-notif-avatar { width: 28px !important; height: 28px !important; border-radius: 50% !important; object-fit: cover !important; } #instagram-messaging-section .igm-notif-content { display: flex !important; flex-direction: column !important; gap: 1px !important; } #instagram-messaging-section .igm-notif-title { font-size: 11px !important; font-weight: 600 !important; color: var(--up-dark) !important; display: flex !important; align-items: center !important; gap: 6px !important; } #instagram-messaging-section .igm-notif-title img { width: 14px !important; height: 14px !important; } #instagram-messaging-section .igm-notif-text { font-size: 10px !important; color: var(--up-subtle) !important; } #instagram-messaging-section .igm-notif-badge { background: rgba(59, 185, 139, 0.15) !important; color: var(--up-green) !important; padding: 3px 8px !important; border-radius: 10px !important; font-size: 9px !important; font-weight: 600 !important; } \/* Features Side *\/ #instagram-messaging-section .igm-features-list { display: flex !important; flex-direction: column !important; gap: 18px !important; } #instagram-messaging-section .igm-feature-item { display: flex !important; gap: 14px !important; } #instagram-messaging-section .igm-feature-icon { width: 40px !important; height: 40px !important; min-width: 40px !important; background: rgba(221, 223, 76, 0.12) !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-messaging-section .igm-feature-icon svg { width: 18px !important; height: 18px !important; color: var(--up-yellow) !important; stroke: var(--up-yellow) !important; } #instagram-messaging-section .igm-feature-content h3 { font-family: 'Poppins', sans-serif !important; font-size: 0.95rem !important; font-weight: 600 !important; color: #ffffff !important; margin-bottom: 4px !important; line-height: 1.3 !important; } #instagram-messaging-section .igm-feature-content p { font-size: 0.85rem !important; color: rgba(255, 255, 255, 0.7) !important; line-height: 1.5 !important; } \/* CTA *\/ #instagram-messaging-section .igm-cta-wrapper { margin-top: 22px !important; display: flex !important; flex-direction: column !important; gap: 14px !important; align-items: flex-start !important; } #instagram-messaging-section .igm-cta-button { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: var(--up-dark) !important; background: var(--up-yellow) !important; text-decoration: none !important; font-weight: 600 !important; font-size: 0.9rem !important; padding: 12px 24px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; } #instagram-messaging-section .igm-cta-button:hover { transform: translateY(-5px) !important; } #instagram-messaging-section .igm-cta-button svg { width: 16px !important; height: 16px !important; stroke: var(--up-dark) !important; } \/* RESPONSIVE *\/ @media (max-width: 900px) { #instagram-messaging-section.instagram-messaging-wrapper { padding: 40px 16px !important; } #instagram-messaging-section .igm-title { font-size: 28px !important; } #instagram-messaging-section .igm-grid { grid-template-columns: 1fr !important; gap: 30px !important; justify-content: center !important; } #instagram-messaging-section .igm-mockup-wrapper { order: 1 !important; display: flex !important; justify-content: center !important; width: 100% !important; } #instagram-messaging-section .igm-chat-mockup { width: 100% !important; max-width: 420px !important; } #instagram-messaging-section .igm-features-list { order: 2 !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; } #instagram-messaging-section .igm-cta-wrapper { align-items: center !important; } #instagram-messaging-section .igm-floating-notif { right: 10px !important; top: 35px !important; } } @media (max-width: 600px) { #instagram-messaging-section .igm-title { font-size: 26px !important; } #instagram-messaging-section .igm-subtitle { font-size: 15px !important; } } @media (max-width: 500px) { #instagram-messaging-section .igm-title { font-size: 24px !important; } #instagram-messaging-section .igm-chat-mockup { width: 100% !important; max-width: 100% !important; } #instagram-messaging-section .igm-floating-notif { display: none !important; } #instagram-messaging-section .igm-channel-tabs { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } #instagram-messaging-section .igm-profile-platforms img { width: 18px !important; height: 18px !important; } #instagram-messaging-section .igm-profile-avatar { width: 42px !important; height: 42px !important; } } @media (max-width: 400px) { #instagram-messaging-section .igm-title { font-size: 22px !important; } #instagram-messaging-section .igm-message-bubble { font-size: 11px !important; padding: 7px 10px !important; } #instagram-messaging-section .igm-img-thumbnail { width: 140px !important; height: 100px !important; } #instagram-messaging-section .igm-img-message { max-width: 140px !important; } } <\/style>\n<p> <\/p>\n<div class=\"igm-container\">  <\/p>\n<div class=\"igm-header\"> <\/p>\n<div class=\"igm-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" 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> Instagram Messaging API <\/div>\n<p> <\/p>\n<h2 class=\"igm-title\">Instagram API Integration<!\u2013- [et_pb_br_holder] -\u2013>for Direct Messaging<\/h2>\n<p> <pee class=\"igm-subtitle\">Send, receive, and sync all Instagram DM conversations. Manage story replies and attachments directly within your application.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"igm-grid\">   <\/p>\n<div class=\"igm-mockup-wrapper\"> <\/p>\n<div class=\"igm-chat-mockup\">  <\/p>\n<div class=\"igm-mockup-header\"> <\/p>\n<div class=\"igm-header-left\"> <\/p>\n<div class=\"igm-mockup-logo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg><\/div>\n<p> <span class=\"igm-mockup-title\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"igm-status\"><span class=\"igm-status-dot\"><\/span>Synced<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igm-profile\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=100&h=100&fit=crop&crop=face\" alt=\"Mery Yard\" class=\"igm-profile-avatar\"> <\/p>\n<div class=\"igm-profile-info\"> <span class=\"igm-profile-name\">Mery Yard <svg class=\"igm-verified\" viewBox=\"0 0 24 24\" fill=\"#3897f0\" stroke=\"none\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.7 14.3l-3.6-3.6 1.4-1.4 2.2 2.2 5.6-5.6 1.4 1.4-7 7z\"\/><\/svg><\/span> <\/p>\n<div class=\"igm-profile-platforms\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <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\"> <span class=\"igm-more\">+<\/span> <\/div>\n<p> <\/p>\n<div class=\"igm-profile-status\"> <span class=\"igm-status-item\"><span class=\"igm-dot-green\"><\/span> Message<\/span> <span class=\"igm-status-item\"><span class=\"igm-dot-green\"><\/span> Email<\/span> <span class=\"igm-status-item\"><span class=\"igm-dot-green\"><\/span> Calendar<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igm-channel-tabs\"> <span class=\"igm-channel-tab active\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> Instagram <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> <\/span> <span class=\"igm-channel-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> LinkedIn <\/span> <span class=\"igm-channel-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> Gmail <\/span> <\/div>\n<p>  <\/p>\n<div class=\"igm-chat-body\"> <\/p>\n<div class=\"igm-message-row sent\"> <\/p>\n<div class=\"igm-message-meta\"><span>Me \u00b7 MONDAY, 05:09 PM<\/span><\/div>\n<p> <\/p>\n<div class=\"igm-message-bubble\">Hey Mery \ud83d\udc4b We loved your latest project on Behance, are you open to new opportunities?<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igm-message-row sent\"> <\/p>\n<div class=\"igm-message-meta\"> <span>Me \u00b7 MONDAY, 05:10 PM<\/span> <span class=\"igm-img-tag\">IMAGE<\/span> <\/div>\n<p> <\/p>\n<div class=\"igm-img-message\"> <\/p>\n<div class=\"igm-img-thumbnail\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611162617474-5b21e879e113?w=320&h=240&fit=crop\" alt=\"Shared image\"> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igm-message-row received\"> <\/p>\n<div class=\"igm-message-meta\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=100&h=100&fit=crop&crop=face\" alt=\"Mery\"> <span>Mery Yard \u00b7 MONDAY, 07:12 PM<\/span> <\/div>\n<p> <\/p>\n<div class=\"igm-message-bubble\">Hi! Yes, I’m always curious. What kind of project are you recruiting for?<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igm-message-row sent\"> <\/p>\n<div class=\"igm-message-meta\"><span>Me \u00b7 MONDAY, 07:30 PM<\/span><\/div>\n<p> <\/p>\n<div class=\"igm-message-bubble\">A creative director role for a DTC brand! \ud83c\udfa8<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igm-chat-input\"> <span class=\"igm-input-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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> <span class=\"igm-input-icon igm-img-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><\/span> <span class=\"igm-input-field\">Reply to Mery via Instagram…<\/span> <span class=\"igm-send-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg><\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igm-floating-notif\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face\" alt=\"Lucas\" class=\"igm-notif-avatar\"> <\/p>\n<div class=\"igm-notif-content\"> <span class=\"igm-notif-title\">DM sent <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"><\/span> <span class=\"igm-notif-text\">Hey Lucas, loved your…<\/span> <\/div>\n<p> <span class=\"igm-notif-badge\">Sent<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igm-features-list\"> <\/p>\n<div class=\"igm-feature-item\"> <\/p>\n<div class=\"igm-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"17 1 21 5 17 9\"\/><path d=\"M3 11V9a4 4 0 0 1 4-4h14\"\/><polyline points=\"7 23 3 19 7 15\"\/><path d=\"M21 13v2a4 4 0 0 1-4 4H3\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igm-feature-content\"> <\/p>\n<h3>Retrieve & Sync Conversations<\/h3>\n<p> <pee>Retrieve all past DM threads from connected Instagram accounts and link them to your user’s CRM records with real-time synchronization.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igm-feature-item\"> <\/p>\n<div class=\"igm-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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><\/div>\n<p> <\/p>\n<div class=\"igm-feature-content\"> <\/p>\n<h3>Start New Conversations<\/h3>\n<p> <pee>Enable your users to initiate new direct messages with Instagram followers or accounts directly from your platform.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igm-feature-item\"> <\/p>\n<div class=\"igm-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igm-feature-content\"> <\/p>\n<h3>Send Attachments<\/h3>\n<p> <pee>Share images, videos and files directly within Instagram DMs. Rich media support for more engaging conversations.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igm-cta-wrapper\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"igm-cta-button\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\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=”#0F2736″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” background_color=”RGBA(255,255,255,0)” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"fr\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Instagram Shared Inbox<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style>* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #0f2736; }<\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1><\/p>\n<div id=\"instagram-shared-inbox-section\" class=\"instagram-shared-inbox-wrapper\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #instagram-shared-inbox-section.instagram-shared-inbox-wrapper, #instagram-shared-inbox-section.instagram-shared-inbox-wrapper * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #instagram-shared-inbox-section.instagram-shared-inbox-wrapper { --up-green: #3BB98B !important; --up-yellow: #DDDF4C !important; --up-dark: #0f2736 !important; --up-text: #1e293b !important; --up-subtle: #64748b !important; --up-border: #e5e7eb !important; --up-bg-light: #f8f9fa !important; --ig-pink: #E1306C !important; --ig-purple: #833AB4 !important; padding: 50px 20px !important; background: transparent !important; } #instagram-shared-inbox-section .igsi-container { max-width: 1000px !important; margin: 0 auto !important; } \/* Main Grid \u2014 texte \u00e0 gauche, mockup \u00e0 droite *\/ #instagram-shared-inbox-section .igsi-grid { display: grid !important; grid-template-columns: minmax(auto, 400px) 480px !important; gap: 60px !important; align-items: center !important; justify-content: center !important; } \/* ========== LEFT - TEXT ========== *\/ #instagram-shared-inbox-section .igsi-text { display: flex !important; flex-direction: column !important; gap: 18px !important; } #instagram-shared-inbox-section .igsi-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: var(--up-yellow) !important; padding: 5px 12px !important; border-radius: 16px !important; font-size: 0.65rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; align-self: flex-start !important; } #instagram-shared-inbox-section .igsi-badge svg { width: 11px !important; height: 11px !important; } #instagram-shared-inbox-section .igsi-title { font-family: 'Poppins', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; } #instagram-shared-inbox-section .igsi-desc { font-size: 15px !important; color: rgba(255, 255, 255, 0.75) !important; line-height: 1.65 !important; } \/* Feature bullets *\/ #instagram-shared-inbox-section .igsi-features { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-top: 4px !important; } #instagram-shared-inbox-section .igsi-feat { display: flex !important; align-items: flex-start !important; gap: 10px !important; } #instagram-shared-inbox-section .igsi-feat-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; background: rgba(221, 223, 76, 0.12) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-shared-inbox-section .igsi-feat-icon svg { width: 15px !important; height: 15px !important; color: var(--up-yellow) !important; stroke: var(--up-yellow) !important; } #instagram-shared-inbox-section .igsi-feat-content h4 { font-family: 'Poppins', sans-serif !important; font-size: 0.88rem !important; font-weight: 600 !important; color: #ffffff !important; margin-bottom: 2px !important; line-height: 1.3 !important; } #instagram-shared-inbox-section .igsi-feat-content p { font-size: 0.8rem !important; color: rgba(255, 255, 255, 0.6) !important; line-height: 1.45 !important; } \/* CTA *\/ #instagram-shared-inbox-section .igsi-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: var(--up-dark) !important; background: var(--up-yellow) !important; text-decoration: none !important; font-weight: 600 !important; font-size: 0.9rem !important; padding: 12px 24px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; align-self: flex-start !important; margin-top: 4px !important; } #instagram-shared-inbox-section .igsi-cta:hover { transform: translateY(-5px) !important; } #instagram-shared-inbox-section .igsi-cta svg { width: 16px !important; height: 16px !important; stroke: var(--up-dark) !important; } \/* ========== RIGHT - MOCKUP ========== *\/ #instagram-shared-inbox-section .igsi-mockup-wrapper { position: relative !important; } #instagram-shared-inbox-section .igsi-crm { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35) !important; width: 480px !important; max-width: 480px !important; } \/* CRM Header *\/ #instagram-shared-inbox-section .igsi-crm-header { background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; padding: 12px 16px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid var(--up-border) !important; } #instagram-shared-inbox-section .igsi-crm-header-left { display: flex !important; align-items: center !important; gap: 10px !important; } #instagram-shared-inbox-section .igsi-crm-logo { width: 28px !important; height: 28px !important; background: rgba(59, 185, 139, 0.12) !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-shared-inbox-section .igsi-crm-logo svg { width: 14px !important; height: 14px !important; color: var(--up-green) !important; stroke: var(--up-green) !important; } #instagram-shared-inbox-section .igsi-crm-name { font-weight: 600 !important; font-size: 14px !important; color: var(--up-text) !important; } \/* User Selector Dropdown *\/ #instagram-shared-inbox-section .igsi-selector { position: relative !important; } #instagram-shared-inbox-section .igsi-selector-btn { display: flex !important; align-items: center !important; gap: 8px !important; background: #ffffff !important; border: 1px solid var(--up-border) !important; padding: 6px 12px !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 500 !important; color: var(--up-text) !important; cursor: pointer !important; } #instagram-shared-inbox-section .igsi-selector-btn svg { width: 12px !important; height: 12px !important; color: var(--up-subtle) !important; stroke: var(--up-subtle) !important; } #instagram-shared-inbox-section .igsi-dropdown { position: absolute !important; top: 36px !important; right: 0 !important; background: #ffffff !important; border: 1px solid var(--up-border) !important; border-radius: 10px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important; padding: 6px !important; min-width: 190px !important; z-index: 10 !important; } #instagram-shared-inbox-section .igsi-dd-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 8px 10px !important; border-radius: 6px !important; font-size: 12.5px !important; font-weight: 500 !important; color: var(--up-text) !important; } #instagram-shared-inbox-section .igsi-dd-item.active { background: rgba(59, 185, 139, 0.08) !important; color: #1e293b !important; font-weight: 600 !important; } #instagram-shared-inbox-section .igsi-dd-avatar { width: 24px !important; height: 24px !important; border-radius: 50% !important; object-fit: cover !important; } \/* Contacts Tab *\/ #instagram-shared-inbox-section .igsi-contacts-bar { display: flex !important; align-items: center !important; padding: 8px 16px !important; background: var(--ig-pink) !important; gap: 8px !important; } #instagram-shared-inbox-section .igsi-contacts-bar span { font-size: 11px !important; font-weight: 600 !important; color: #ffffff !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } \/* Table Header *\/ #instagram-shared-inbox-section .igsi-table-header { display: grid !important; grid-template-columns: 1fr 100px 50px 90px 28px !important; gap: 8px !important; padding: 8px 16px !important; background: #ffffff !important; border-bottom: 1px solid var(--up-border) !important; align-items: center !important; } #instagram-shared-inbox-section .igsi-th { font-size: 10px !important; font-weight: 600 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; display: flex !important; align-items: center !important; gap: 3px !important; } #instagram-shared-inbox-section .igsi-th svg { width: 10px !important; height: 10px !important; stroke: #94a3b8 !important; } \/* Table Rows *\/ #instagram-shared-inbox-section .igsi-table-body { background: #ffffff !important; } #instagram-shared-inbox-section .igsi-row { display: grid !important; grid-template-columns: 1fr 100px 50px 90px 28px !important; gap: 8px !important; padding: 10px 16px !important; align-items: center !important; border-bottom: 1px solid #f1f5f9 !important; } #instagram-shared-inbox-section .igsi-row-contact { display: flex !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; } #instagram-shared-inbox-section .igsi-row-avatar { width: 32px !important; height: 32px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; } #instagram-shared-inbox-section .igsi-row-info { display: flex !important; flex-direction: column !important; gap: 1px !important; min-width: 0 !important; } #instagram-shared-inbox-section .igsi-row-name { font-weight: 600 !important; font-size: 12.5px !important; color: var(--up-text) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #instagram-shared-inbox-section .igsi-row-preview { font-size: 10.5px !important; color: #94a3b8 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #instagram-shared-inbox-section .igsi-row-company { font-size: 11.5px !important; color: var(--up-subtle) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #instagram-shared-inbox-section .igsi-row-platform { display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-shared-inbox-section .igsi-row-platform img { width: 18px !important; height: 18px !important; } #instagram-shared-inbox-section .igsi-row-status { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 10.5px !important; font-weight: 600 !important; white-space: nowrap !important; } #instagram-shared-inbox-section .igsi-status-dot { width: 6px !important; height: 6px !important; border-radius: 50% !important; flex-shrink: 0 !important; } #instagram-shared-inbox-section .igsi-status-dot.green { background: var(--up-green) !important; } #instagram-shared-inbox-section .igsi-status-dot.blue { background: #3b82f6 !important; } #instagram-shared-inbox-section .igsi-status-dot.orange { background: #f59e0b !important; } #instagram-shared-inbox-section .igsi-status-dot.purple { background: #8b5cf6 !important; } #instagram-shared-inbox-section .igsi-status-dot.pink { background: var(--ig-pink) !important; } #instagram-shared-inbox-section .igsi-row-arrow { display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-shared-inbox-section .igsi-row-arrow svg { width: 14px !important; height: 14px !important; color: #cbd5e1 !important; stroke: #cbd5e1 !important; } #instagram-shared-inbox-section .igsi-row-assigned { display: flex !important; align-items: center !important; gap: 6px !important; } #instagram-shared-inbox-section .igsi-assigned-avatar { width: 22px !important; height: 22px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; } #instagram-shared-inbox-section .igsi-assigned-name { font-size: 10.5px !important; color: var(--up-subtle) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #instagram-shared-inbox-section .igsi-unassigned { font-size: 10px !important; color: #cbd5e1 !important; font-style: italic !important; } \/* RESPONSIVE *\/ @media (max-width: 900px) { #instagram-shared-inbox-section.instagram-shared-inbox-wrapper { padding: 40px 16px !important; } #instagram-shared-inbox-section .igsi-grid { grid-template-columns: 1fr !important; gap: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; } #instagram-shared-inbox-section .igsi-text { order: 1 !important; text-align: center !important; align-items: center !important; } #instagram-shared-inbox-section .igsi-badge { order: 1 !important; } #instagram-shared-inbox-section .igsi-title { font-size: 28px !important; order: 2 !important; } #instagram-shared-inbox-section .igsi-desc { order: 3 !important; } #instagram-shared-inbox-section .igsi-mockup-wrapper { order: 4 !important; display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 28px !important; } #instagram-shared-inbox-section .igsi-crm { width: 100% !important; max-width: 480px !important; } #instagram-shared-inbox-section .igsi-features { order: 5 !important; } #instagram-shared-inbox-section .igsi-cta { align-self: center !important; order: 6 !important; } \/* Restructure: badge+title+desc \u2192 mockup \u2192 features+cta *\/ #instagram-shared-inbox-section .igsi-text { display: contents !important; } #instagram-shared-inbox-section .igsi-badge { text-align: center !important; align-self: center !important; margin-bottom: 12px !important; } #instagram-shared-inbox-section .igsi-title { text-align: center !important; font-size: 28px !important; margin-bottom: 20px !important; } #instagram-shared-inbox-section .igsi-desc { text-align: center !important; margin-bottom: 28px !important; color: #ffffff !important; } #instagram-shared-inbox-section .igsi-features { text-align: left !important; width: 100% !important; max-width: 480px !important; margin-bottom: 20px !important; } #instagram-shared-inbox-section .igsi-cta { align-self: center !important; } #instagram-shared-inbox-section .igsi-mockup-wrapper { margin-bottom: 28px !important; } } @media (max-width: 600px) { #instagram-shared-inbox-section .igsi-title { font-size: 26px !important; } #instagram-shared-inbox-section .igsi-crm { max-width: 100% !important; } #instagram-shared-inbox-section .igsi-table-header, #instagram-shared-inbox-section .igsi-row { grid-template-columns: 1fr 80px 40px 80px 24px !important; gap: 6px !important; padding: 8px 12px !important; } } @media (max-width: 400px) { #instagram-shared-inbox-section .igsi-title { font-size: 24px !important; } #instagram-shared-inbox-section .igsi-table-header, #instagram-shared-inbox-section .igsi-row { grid-template-columns: 1fr 40px 80px 24px !important; } #instagram-shared-inbox-section .igsi-th-company, #instagram-shared-inbox-section .igsi-row-assigned, #instagram-shared-inbox-section .igsi-unassigned { display: none !important; } } <\/style>\n<p> <\/p>\n<div class=\"igsi-container\"> <\/p>\n<div class=\"igsi-grid\">  <\/p>\n<div class=\"igsi-text\"> <\/p>\n<div class=\"igsi-badge\"> <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> Shared Inbox <\/div>\n<p> <\/p>\n<h2 class=\"igsi-title\">Manage Users’ Instagram Messages with a Shared Inbox<\/h2>\n<p> <pee class=\"igsi-desc\">Let your team members manage users’ Instagram messages on their behalf, directly from a shared inbox inside your app.<\/pee> <\/p>\n<div class=\"igsi-features\"> <\/p>\n<div class=\"igsi-feat\"> <\/p>\n<div class=\"igsi-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><line x1=\"19\" y1=\"8\" x2=\"19\" y2=\"14\"\/><line x1=\"22\" y1=\"11\" x2=\"16\" y2=\"11\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igsi-feat-content\"> <\/p>\n<h4>Multi-Account Management<\/h4>\n<p> <pee>Connect and manage multiple Instagram accounts across users from a single dashboard.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igsi-feat\"> <\/p>\n<div class=\"igsi-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igsi-feat-content\"> <\/p>\n<h4>Reply on Behalf<\/h4>\n<p> <pee>Send and reply to DMs on behalf of each selected user without switching between profiles.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igsi-feat\"> <\/p>\n<div class=\"igsi-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igsi-feat-content\"> <\/p>\n<h4>Assign & Collaborate<\/h4>\n<p> <pee>Share and assign incoming messages within a team for secure, organized collaboration.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"igsi-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"igsi-mockup-wrapper\"> <\/p>\n<div class=\"igsi-crm\">  <\/p>\n<div class=\"igsi-crm-header\"> <\/p>\n<div class=\"igsi-crm-header-left\"> <\/p>\n<div class=\"igsi-crm-logo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg><\/div>\n<p> <span class=\"igsi-crm-name\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"igsi-selector\"> <\/p>\n<div class=\"igsi-selector-btn\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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> SELECT USER <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"igsi-dropdown\"> <\/p>\n<div class=\"igsi-dd-item active\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-dd-avatar\">Carlos Reed<\/div>\n<p> <\/p>\n<div class=\"igsi-dd-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-dd-avatar\">Isabella Stone<\/div>\n<p> <\/p>\n<div class=\"igsi-dd-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-dd-avatar\">Javier Mitchell<\/div>\n<p> <\/p>\n<div class=\"igsi-dd-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-dd-avatar\">Lucia Brooks<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igsi-contacts-bar\"><span>Contacts<\/span><\/div>\n<p>  <\/p>\n<div class=\"igsi-table-header\"> <\/p>\n<div class=\"igsi-th\">Conversations <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> <\/p>\n<div class=\"igsi-th igsi-th-company\">Assigned to<\/div>\n<p> <\/p>\n<div class=\"igsi-th\"><\/div>\n<p> <\/p>\n<div class=\"igsi-th\">Status<\/div>\n<p> <\/p>\n<div class=\"igsi-th\"><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igsi-table-body\"> <\/p>\n<div class=\"igsi-row\"> <\/p>\n<div class=\"igsi-row-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-row-avatar\"> <\/p>\n<div class=\"igsi-row-info\"><span class=\"igsi-row-name\">Michel Opra<\/span><span class=\"igsi-row-preview\">Hey! I’d love to discuss the collab…<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igsi-row-assigned\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-assigned-avatar\"><span class=\"igsi-assigned-name\">Carlos<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"igsi-row-status\"><span class=\"igsi-status-dot green\"><\/span><span style=\"color:#3BB98B!important;\">Replied<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-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> <\/div>\n<p> <\/p>\n<div class=\"igsi-row\"> <\/p>\n<div class=\"igsi-row-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-row-avatar\"> <\/p>\n<div class=\"igsi-row-info\"><span class=\"igsi-row-name\">Sofia Rivera<\/span><span class=\"igsi-row-preview\">Hi! Just saw your story \ud83d\udd25…<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igsi-row-assigned\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-assigned-avatar\"><span class=\"igsi-assigned-name\">Isabella<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"igsi-row-status\"><span class=\"igsi-status-dot pink\"><\/span><span style=\"color:#E1306C!important;\">New DM<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-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> <\/div>\n<p> <\/p>\n<div class=\"igsi-row\"> <\/p>\n<div class=\"igsi-row-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-row-avatar\"> <\/p>\n<div class=\"igsi-row-info\"><span class=\"igsi-row-name\">Daniel Martinez<\/span><span class=\"igsi-row-preview\">Thanks for the proposal !<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igsi-row-assigned\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-assigned-avatar\"><span class=\"igsi-assigned-name\">Carlos<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"igsi-row-status\"><span class=\"igsi-status-dot blue\"><\/span><span style=\"color:#3b82f6!important;\">Pending<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-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> <\/div>\n<p> <\/p>\n<div class=\"igsi-row\"> <\/p>\n<div class=\"igsi-row-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-row-avatar\"> <\/p>\n<div class=\"igsi-row-info\"><span class=\"igsi-row-name\">Gabriel Lopez<\/span><span class=\"igsi-row-preview\">I will be a great yes !<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"igsi-unassigned\">Unassigned<\/span> <\/p>\n<div class=\"igsi-row-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WA\"><\/div>\n<p> <\/p>\n<div class=\"igsi-row-status\"><span class=\"igsi-status-dot orange\"><\/span><span style=\"color:#f59e0b!important;\">Awaiting<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-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> <\/div>\n<p> <\/p>\n<div class=\"igsi-row\"> <\/p>\n<div class=\"igsi-row-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-row-avatar\"> <\/p>\n<div class=\"igsi-row-info\"><span class=\"igsi-row-name\">Elena Garcia<\/span><span class=\"igsi-row-preview\">Dear Sarah, thank you for…<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igsi-row-assigned\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-assigned-avatar\"><span class=\"igsi-assigned-name\">Javier<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"igsi-row-status\"><span class=\"igsi-status-dot purple\"><\/span><span style=\"color:#8b5cf6!important;\">Resolved<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-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> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#0F2736″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"fr\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Instagram Multi Accounts<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style>* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #0f2736; }<\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1><\/p>\n<div id=\"instagram-multi-accounts-section\" class=\"instagram-multi-accounts-wrapper\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #instagram-multi-accounts-section.instagram-multi-accounts-wrapper, #instagram-multi-accounts-section.instagram-multi-accounts-wrapper * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #instagram-multi-accounts-section.instagram-multi-accounts-wrapper { --up-green: #3BB98B !important; --up-yellow: #DDDF4C !important; --up-dark: #0f2736 !important; --up-text: #1e293b !important; --up-subtle: #64748b !important; --up-border: #e5e7eb !important; --up-bg-light: #f8f9fa !important; --ig-pink: #E1306C !important; --ig-purple: #833AB4 !important; padding: 50px 20px !important; background: transparent !important; } #instagram-multi-accounts-section .igma-container { max-width: 1000px !important; margin: 0 auto !important; } \/* Main Grid \u2014 mockup gauche, texte droite *\/ #instagram-multi-accounts-section .igma-grid { display: grid !important; grid-template-columns: 420px minmax(auto, 420px) !important; gap: 70px !important; align-items: center !important; justify-content: center !important; } \/* ========== LEFT - MOCKUP ========== *\/ #instagram-multi-accounts-section .igma-mockup-wrapper { position: relative !important; } #instagram-multi-accounts-section .igma-app { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35) !important; width: 420px !important; max-width: 420px !important; } \/* App Header *\/ #instagram-multi-accounts-section .igma-app-header { background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; padding: 12px 14px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid var(--up-border) !important; } #instagram-multi-accounts-section .igma-header-left { display: flex !important; align-items: center !important; gap: 10px !important; } #instagram-multi-accounts-section .igma-logo { 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; } #instagram-multi-accounts-section .igma-logo svg { width: 18px !important; height: 18px !important; color: var(--up-green) !important; stroke: var(--up-green) !important; } #instagram-multi-accounts-section .igma-app-title { font-size: 14px !important; font-weight: 600 !important; color: var(--up-text) !important; } #instagram-multi-accounts-section .igma-dots { display: flex !important; align-items: center !important; gap: 3px !important; color: var(--up-subtle) !important; font-size: 16px !important; letter-spacing: 1px !important; font-weight: 700 !important; } \/* Profile section *\/ #instagram-multi-accounts-section .igma-profile { display: flex !important; align-items: center !important; gap: 14px !important; padding: 16px 18px !important; background: #ffffff !important; border-bottom: 1px solid var(--up-border) !important; } #instagram-multi-accounts-section .igma-profile-avatar { width: 52px !important; height: 52px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; border: 2px solid var(--up-border) !important; } #instagram-multi-accounts-section .igma-profile-info { display: flex !important; flex-direction: column !important; gap: 4px !important; } #instagram-multi-accounts-section .igma-profile-name { font-weight: 700 !important; font-size: 15px !important; color: var(--up-text) !important; } #instagram-multi-accounts-section .igma-profile-platforms { display: flex !important; align-items: center !important; gap: 5px !important; } #instagram-multi-accounts-section .igma-profile-platforms img { width: 20px !important; height: 20px !important; border-radius: 4px !important; } #instagram-multi-accounts-section .igma-profile-platforms .igma-plus { font-size: 10px !important; font-weight: 600 !important; color: var(--up-subtle) !important; background: #f1f5f9 !important; width: 20px !important; height: 20px !important; border-radius: 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; } \/* Tabs *\/ #instagram-multi-accounts-section .igma-tabs { display: flex !important; gap: 0 !important; background: #ffffff !important; border-bottom: 1px solid var(--up-border) !important; padding: 0 18px !important; } #instagram-multi-accounts-section .igma-tab { padding: 10px 16px !important; font-size: 12px !important; font-weight: 500 !important; color: var(--up-subtle) !important; border-bottom: 2px solid transparent !important; } #instagram-multi-accounts-section .igma-tab.active { color: var(--up-text) !important; font-weight: 600 !important; border-bottom-color: var(--up-text) !important; } \/* Accounts list *\/ #instagram-multi-accounts-section .igma-accounts { background: #ffffff !important; padding: 8px 12px !important; } #instagram-multi-accounts-section .igma-account-row { display: flex !important; align-items: center !important; gap: 12px !important; padding: 10px 8px !important; border-radius: 8px !important; transition: all 0.15s ease !important; } #instagram-multi-accounts-section .igma-account-row.selected { background: rgba(225, 48, 108, 0.05) !important; border: 1px solid rgba(225, 48, 108, 0.15) !important; } #instagram-multi-accounts-section .igma-account-row:not(.selected) { border-bottom: 1px solid #f1f5f9 !important; } #instagram-multi-accounts-section .igma-acc-avatar { width: 40px !important; height: 40px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; } #instagram-multi-accounts-section .igma-acc-info { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 2px !important; min-width: 0 !important; } #instagram-multi-accounts-section .igma-acc-name { font-weight: 600 !important; font-size: 13px !important; color: var(--up-text) !important; } #instagram-multi-accounts-section .igma-acc-handle { font-size: 11px !important; color: var(--up-subtle) !important; } #instagram-multi-accounts-section .igma-acc-stats { display: flex !important; align-items: center !important; gap: 10px !important; margin-top: 2px !important; } #instagram-multi-accounts-section .igma-acc-stat { font-size: 10px !important; color: #94a3b8 !important; } #instagram-multi-accounts-section .igma-acc-stat strong { font-weight: 700 !important; color: var(--up-text) !important; } \/* Right side badges *\/ #instagram-multi-accounts-section .igma-acc-right { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 4px !important; flex-shrink: 0 !important; } #instagram-multi-accounts-section .igma-sync-badge { display: flex !important; align-items: center !important; gap: 4px !important; font-size: 9px !important; font-weight: 600 !important; padding: 3px 8px !important; border-radius: 10px !important; } #instagram-multi-accounts-section .igma-sync-badge.synced { background: rgba(59, 185, 139, 0.1) !important; color: var(--up-green) !important; } #instagram-multi-accounts-section .igma-sync-badge.synced::before { content: '' !important; width: 5px !important; height: 5px !important; background: var(--up-green) !important; border-radius: 50% !important; } #instagram-multi-accounts-section .igma-sync-badge.pending { background: rgba(251, 188, 4, 0.1) !important; color: #d97706 !important; } #instagram-multi-accounts-section .igma-sync-badge.pending::before { content: '' !important; width: 5px !important; height: 5px !important; background: #d97706 !important; border-radius: 50% !important; } #instagram-multi-accounts-section .igma-acc-type { font-size: 9px !important; font-weight: 500 !important; color: #94a3b8 !important; } #instagram-multi-accounts-section .igma-dm-count { display: flex !important; align-items: center !important; gap: 3px !important; font-size: 10px !important; font-weight: 600 !important; color: var(--ig-pink) !important; background: rgba(225, 48, 108, 0.08) !important; padding: 2px 7px !important; border-radius: 8px !important; } \/* Radio button *\/ #instagram-multi-accounts-section .igma-radio { width: 18px !important; height: 18px !important; border-radius: 50% !important; border: 2px solid var(--up-border) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #instagram-multi-accounts-section .igma-radio.checked { border-color: var(--ig-pink) !important; } #instagram-multi-accounts-section .igma-radio.checked::after { content: '' !important; width: 10px !important; height: 10px !important; background: var(--ig-pink) !important; border-radius: 50% !important; } \/* Add account button *\/ #instagram-multi-accounts-section .igma-add-account { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 8px !important; color: var(--ig-pink) !important; font-size: 12.5px !important; font-weight: 600 !important; cursor: pointer !important; } #instagram-multi-accounts-section .igma-add-icon { width: 36px !important; height: 36px !important; border-radius: 50% !important; border: 2px dashed rgba(225, 48, 108, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-multi-accounts-section .igma-add-icon svg { width: 16px !important; height: 16px !important; color: var(--ig-pink) !important; stroke: var(--ig-pink) !important; } \/* Floating notification *\/ #instagram-multi-accounts-section .igma-floating { position: absolute !important; top: 30px !important; right: -20px !important; background: #ffffff !important; border-radius: 10px !important; padding: 10px 14px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important; display: flex !important; align-items: center !important; gap: 10px !important; animation: igma-float 3s ease-in-out infinite !important; z-index: 10 !important; } @keyframes igma-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } } #instagram-multi-accounts-section .igma-floating svg { width: 18px !important; height: 18px !important; color: var(--up-green) !important; stroke: var(--up-green) !important; } #instagram-multi-accounts-section .igma-floating-text { display: flex !important; flex-direction: column !important; gap: 1px !important; } #instagram-multi-accounts-section .igma-floating-title { font-size: 11px !important; font-weight: 600 !important; color: var(--up-text) !important; } #instagram-multi-accounts-section .igma-floating-sub { font-size: 10px !important; color: var(--up-subtle) !important; } \/* ========== RIGHT - TEXT ========== *\/ #instagram-multi-accounts-section .igma-text { display: flex !important; flex-direction: column !important; gap: 18px !important; } #instagram-multi-accounts-section .igma-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: var(--up-yellow) !important; padding: 5px 12px !important; border-radius: 16px !important; font-size: 0.65rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; align-self: flex-start !important; } #instagram-multi-accounts-section .igma-badge svg { width: 11px !important; height: 11px !important; } #instagram-multi-accounts-section .igma-title { font-family: 'Poppins', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; } #instagram-multi-accounts-section .igma-desc { font-size: 15px !important; color: rgba(255, 255, 255, 0.75) !important; line-height: 1.65 !important; } \/* Features *\/ #instagram-multi-accounts-section .igma-features { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-top: 4px !important; } #instagram-multi-accounts-section .igma-feat { display: flex !important; gap: 14px !important; } #instagram-multi-accounts-section .igma-feat-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; background: rgba(221, 223, 76, 0.12) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-multi-accounts-section .igma-feat-icon svg { width: 15px !important; height: 15px !important; color: var(--up-yellow) !important; stroke: var(--up-yellow) !important; } #instagram-multi-accounts-section .igma-feat-content h4 { font-family: 'Poppins', sans-serif !important; font-size: 0.88rem !important; font-weight: 600 !important; color: #ffffff !important; margin-bottom: 2px !important; line-height: 1.3 !important; } #instagram-multi-accounts-section .igma-feat-content p { font-size: 0.8rem !important; color: rgba(255, 255, 255, 0.6) !important; line-height: 1.45 !important; } \/* CTA *\/ #instagram-multi-accounts-section .igma-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: var(--up-dark) !important; background: var(--up-yellow) !important; text-decoration: none !important; font-weight: 600 !important; font-size: 0.9rem !important; padding: 12px 24px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; align-self: flex-start !important; margin-top: 4px !important; } #instagram-multi-accounts-section .igma-cta:hover { transform: translateY(-5px) !important; } #instagram-multi-accounts-section .igma-cta svg { width: 16px !important; height: 16px !important; stroke: var(--up-dark) !important; } \/* RESPONSIVE *\/ @media (max-width: 900px) { #instagram-multi-accounts-section.instagram-multi-accounts-wrapper { padding: 40px 16px !important; } #instagram-multi-accounts-section .igma-grid { grid-template-columns: 1fr !important; gap: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; } #instagram-multi-accounts-section .igma-text { display: contents !important; } #instagram-multi-accounts-section .igma-badge { order: 1 !important; text-align: center !important; align-self: center !important; margin-bottom: 12px !important; } #instagram-multi-accounts-section .igma-title { order: 2 !important; text-align: center !important; font-size: 28px !important; margin-bottom: 20px !important; } #instagram-multi-accounts-section .igma-desc { order: 3 !important; text-align: center !important; margin-bottom: 28px !important; color: #ffffff !important; } #instagram-multi-accounts-section .igma-mockup-wrapper { order: 4 !important; display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 28px !important; } #instagram-multi-accounts-section .igma-app { width: 100% !important; max-width: 420px !important; } #instagram-multi-accounts-section .igma-features { order: 5 !important; text-align: left !important; width: 100% !important; max-width: 480px !important; margin-bottom: 20px !important; } #instagram-multi-accounts-section .igma-cta { order: 6 !important; align-self: center !important; } #instagram-multi-accounts-section .igma-floating { right: 10px !important; top: 25px !important; } } @media (max-width: 600px) { #instagram-multi-accounts-section .igma-title { font-size: 26px !important; } } @media (max-width: 500px) { #instagram-multi-accounts-section .igma-title { font-size: 24px !important; } #instagram-multi-accounts-section .igma-app { width: 100% !important; max-width: 100% !important; } #instagram-multi-accounts-section .igma-floating { display: none !important; } #instagram-multi-accounts-section .igma-acc-stats { display: none !important; } } @media (max-width: 400px) { #instagram-multi-accounts-section .igma-title { font-size: 22px !important; } } <\/style>\n<p> <\/p>\n<div class=\"igma-container\"> <\/p>\n<div class=\"igma-grid\">  <\/p>\n<div class=\"igma-mockup-wrapper\"> <\/p>\n<div class=\"igma-app\">  <\/p>\n<div class=\"igma-app-header\"> <\/p>\n<div class=\"igma-header-left\"> <\/p>\n<div class=\"igma-logo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg><\/div>\n<p> <span class=\"igma-app-title\">Your App<\/span> <\/div>\n<p> <span class=\"igma-dots\">\u00b7\u00b7\u00b7<\/span> <\/div>\n<p>  <\/p>\n<div class=\"igma-profile\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face\" alt=\"Michel Opra\" class=\"igma-profile-avatar\"> <\/p>\n<div class=\"igma-profile-info\"> <span class=\"igma-profile-name\">Michel Opra<\/span> <\/p>\n<div class=\"igma-profile-platforms\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <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\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Calendar\"> <span class=\"igma-plus\">+<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igma-tabs\"> <span class=\"igma-tab\">Profil<\/span> <span class=\"igma-tab\">Posts<\/span> <span class=\"igma-tab active\">Accounts<\/span> <\/div>\n<p>  <\/p>\n<div class=\"igma-accounts\">  <\/p>\n<div class=\"igma-account-row selected\"> <\/p>\n<div class=\"igma-radio checked\"><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/02\/oskar-hagberg-1mMIpisWzn8-unsplash.png\" alt=\"\" class=\"igma-acc-avatar\"> <\/p>\n<div class=\"igma-acc-info\"> <span class=\"igma-acc-name\">ShoeShop<\/span> <span class=\"igma-acc-handle\">@shoeshop_official<\/span> <\/p>\n<div class=\"igma-acc-stats\"> <span class=\"igma-acc-stat\"><strong>12.4K<\/strong> followers<\/span> <span class=\"igma-acc-stat\"><strong>847<\/strong> posts<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-acc-right\"> <span class=\"igma-sync-badge synced\">Synced<\/span> <span class=\"igma-dm-count\">4 new DMs<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-account-row\"> <\/p>\n<div class=\"igma-radio\"><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618005182384-a83a8bd57fbe?w=80&h=80&fit=crop\" alt=\"\" class=\"igma-acc-avatar\"> <\/p>\n<div class=\"igma-acc-info\"> <span class=\"igma-acc-name\">amateursproj<\/span> <span class=\"igma-acc-handle\">@amateurs.project<\/span> <\/p>\n<div class=\"igma-acc-stats\"> <span class=\"igma-acc-stat\"><strong>3.2K<\/strong> followers<\/span> <span class=\"igma-acc-stat\"><strong>214<\/strong> posts<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-acc-right\"> <span class=\"igma-sync-badge synced\">Synced<\/span> <span class=\"igma-acc-type\">Personal<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-account-row\"> <\/p>\n<div class=\"igma-radio\"><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557683316-973673baf926?w=80&h=80&fit=crop\" alt=\"\" class=\"igma-acc-avatar\"> <\/p>\n<div class=\"igma-acc-info\"> <span class=\"igma-acc-name\">eventmags<\/span> <span class=\"igma-acc-handle\">@eventmags<\/span> <\/p>\n<div class=\"igma-acc-stats\"> <span class=\"igma-acc-stat\"><strong>8.7K<\/strong> followers<\/span> <span class=\"igma-acc-stat\"><strong>432<\/strong> posts<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-acc-right\"> <span class=\"igma-sync-badge synced\">Synced<\/span> <span class=\"igma-dm-count\">2 new DMs<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-account-row\"> <\/p>\n<div class=\"igma-radio\"><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558591710-4b4a1ae0f04d?w=80&h=80&fit=crop\" alt=\"\" class=\"igma-acc-avatar\"> <\/p>\n<div class=\"igma-acc-info\"> <span class=\"igma-acc-name\">brandcampdigital<\/span> <span class=\"igma-acc-handle\">@brandcamp.digital<\/span> <\/p>\n<div class=\"igma-acc-stats\"> <span class=\"igma-acc-stat\"><strong>21K<\/strong> followers<\/span> <span class=\"igma-acc-stat\"><strong>1.1K<\/strong> posts<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-acc-right\"> <span class=\"igma-sync-badge pending\">Syncing<\/span> <span class=\"igma-acc-type\">Business<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igma-add-account\"> <\/p>\n<div class=\"igma-add-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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><\/div>\n<p> Connect another account <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igma-floating\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg> <\/p>\n<div class=\"igma-floating-text\"> <span class=\"igma-floating-title\">4 accounts connected<\/span> <span class=\"igma-floating-sub\">All messages centralized<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igma-text\"> <\/p>\n<div class=\"igma-badge\"> <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\"\/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"\/><\/svg> Multi-Account <\/div>\n<p> <\/p>\n<h2 class=\"igma-title\">Manage Multiple Instagram Accounts Seamlessly<\/h2>\n<p> <pee class=\"igma-desc\">Managing conversations across several Instagram accounts is simple with our unified API. Users can connect multiple accounts and centralize all their messages in one place, without switching between profiles.<\/pee> <\/p>\n<div class=\"igma-features\"> <\/p>\n<div class=\"igma-feat\"> <\/p>\n<div class=\"igma-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"17 1 21 5 17 9\"\/><path d=\"M3 11V9a4 4 0 0 1 4-4h14\"\/><polyline points=\"7 23 3 19 7 15\"\/><path d=\"M21 13v2a4 4 0 0 1-4 4H3\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igma-feat-content\"> <\/p>\n<h4>Unified Sync<\/h4>\n<p> <pee>Connect personal, creator and business accounts. All DMs, stories and interactions sync in real time to a single view.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-feat\"> <\/p>\n<div class=\"igma-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igma-feat-content\"> <\/p>\n<h4>Secure Account Switching<\/h4>\n<p> <pee>Switch between accounts instantly. Each connection stays isolated with its own credentials and permissions.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-feat\"> <\/p>\n<div class=\"igma-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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=\"igma-feat-content\"> <\/p>\n<h4>Centralized Inbox<\/h4>\n<p> <pee>All DMs from every connected account flow into one inbox. No more juggling between the Instagram app and profiles.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"igma-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\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=”#0F2736″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"fr\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Instagram Posts & Comments API<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style>* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #0f2736; }<\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1><\/p>\n<div id=\"instagram-posts-section\" class=\"instagram-posts-wrapper\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #instagram-posts-section.instagram-posts-wrapper, #instagram-posts-section.instagram-posts-wrapper * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #instagram-posts-section.instagram-posts-wrapper { --up-green: #3BB98B !important; --up-yellow: #DDDF4C !important; --up-dark: #0f2736 !important; --up-text: #1e293b !important; --up-subtle: #64748b !important; --up-border: #e5e7eb !important; --up-bg-light: #f8f9fa !important; --ig-pink: #E1306C !important; --ig-purple: #833AB4 !important; --ig-orange: #F77737 !important; padding: 50px 20px !important; background: transparent !important; } #instagram-posts-section .igpc-container { max-width: 1000px !important; margin: 0 auto !important; } \/* Main Grid \u2014 texte gauche, mockup droite *\/ #instagram-posts-section .igpc-grid { display: grid !important; grid-template-columns: minmax(auto, 380px) 460px !important; gap: 60px !important; align-items: center !important; justify-content: center !important; } \/* ========== LEFT - TEXT ========== *\/ #instagram-posts-section .igpc-text { display: flex !important; flex-direction: column !important; gap: 18px !important; } #instagram-posts-section .igpc-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: var(--up-yellow) !important; padding: 5px 12px !important; border-radius: 16px !important; font-size: 0.65rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; align-self: flex-start !important; } #instagram-posts-section .igpc-badge svg { width: 11px !important; height: 11px !important; } #instagram-posts-section .igpc-title { font-family: 'Poppins', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; } #instagram-posts-section .igpc-desc { font-size: 15px !important; color: #ffffff !important; line-height: 1.65 !important; } \/* Features *\/ #instagram-posts-section .igpc-features { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-top: 4px !important; } #instagram-posts-section .igpc-feat { display: flex !important; gap: 14px !important; } #instagram-posts-section .igpc-feat-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; background: rgba(221, 223, 76, 0.12) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-posts-section .igpc-feat-icon svg { width: 15px !important; height: 15px !important; color: var(--up-yellow) !important; stroke: var(--up-yellow) !important; } #instagram-posts-section .igpc-feat-content h4 { font-family: 'Poppins', sans-serif !important; font-size: 0.88rem !important; font-weight: 600 !important; color: #ffffff !important; margin-bottom: 2px !important; line-height: 1.3 !important; } #instagram-posts-section .igpc-feat-content p { font-size: 0.8rem !important; color: rgba(255, 255, 255, 0.6) !important; line-height: 1.45 !important; } \/* CTA *\/ #instagram-posts-section .igpc-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: var(--up-dark) !important; background: var(--up-yellow) !important; text-decoration: none !important; font-weight: 600 !important; font-size: 0.9rem !important; padding: 12px 24px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; align-self: flex-start !important; margin-top: 4px !important; } #instagram-posts-section .igpc-cta:hover { transform: translateY(-5px) !important; } #instagram-posts-section .igpc-cta svg { width: 16px !important; height: 16px !important; stroke: var(--up-dark) !important; } \/* ========== RIGHT - MOCKUP ========== *\/ #instagram-posts-section .igpc-mockup-wrapper { position: relative !important; } #instagram-posts-section .igpc-app { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35) !important; width: 460px !important; max-width: 460px !important; } \/* App Header *\/ #instagram-posts-section .igpc-app-header { background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; padding: 12px 14px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid var(--up-border) !important; } #instagram-posts-section .igpc-header-left { display: flex !important; align-items: center !important; gap: 10px !important; } #instagram-posts-section .igpc-logo { 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; } #instagram-posts-section .igpc-logo svg { width: 18px !important; height: 18px !important; color: var(--up-green) !important; stroke: var(--up-green) !important; } #instagram-posts-section .igpc-app-name { font-size: 14px !important; font-weight: 600 !important; color: var(--up-text) !important; } #instagram-posts-section .igpc-tab-bar { display: flex !important; align-items: center !important; gap: 4px !important; } #instagram-posts-section .igpc-tab-btn { padding: 5px 10px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 500 !important; color: var(--up-subtle) !important; background: transparent !important; } #instagram-posts-section .igpc-tab-btn.active { background: var(--ig-pink) !important; color: #ffffff !important; font-weight: 600 !important; } #instagram-posts-section .igpc-tab-btn img { width: 13px !important; height: 13px !important; margin-right: 4px !important; vertical-align: middle !important; } \/* Post Card *\/ #instagram-posts-section .igpc-post { background: #ffffff !important; border-bottom: 1px solid var(--up-border) !important; } \/* Post header *\/ #instagram-posts-section .igpc-post-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 14px !important; } #instagram-posts-section .igpc-post-author { display: flex !important; align-items: center !important; gap: 10px !important; } #instagram-posts-section .igpc-post-avatar { width: 32px !important; height: 32px !important; border-radius: 50% !important; object-fit: cover !important; } #instagram-posts-section .igpc-post-meta { display: flex !important; flex-direction: column !important; gap: 1px !important; } #instagram-posts-section .igpc-post-name { font-size: 12.5px !important; font-weight: 600 !important; color: var(--up-text) !important; } #instagram-posts-section .igpc-post-time { font-size: 10px !important; color: var(--up-subtle) !important; } #instagram-posts-section .igpc-api-badge { font-size: 8px !important; font-weight: 600 !important; color: var(--up-green) !important; background: rgba(59, 185, 139, 0.1) !important; padding: 3px 8px !important; border-radius: 10px !important; display: flex !important; align-items: center !important; gap: 4px !important; } #instagram-posts-section .igpc-api-badge svg { width: 10px !important; height: 10px !important; stroke: var(--up-green) !important; } \/* Post image *\/ #instagram-posts-section .igpc-post-image { width: 100% !important; height: 220px !important; background: #f1f5f9 !important; position: relative !important; overflow: hidden !important; } #instagram-posts-section .igpc-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; } \/* Post actions *\/ #instagram-posts-section .igpc-post-actions { display: flex !important; align-items: center !important; gap: 14px !important; padding: 10px 14px 4px !important; } #instagram-posts-section .igpc-action { display: flex !important; align-items: center !important; gap: 5px !important; font-size: 11px !important; font-weight: 500 !important; color: var(--up-subtle) !important; } #instagram-posts-section .igpc-action svg { width: 16px !important; height: 16px !important; } #instagram-posts-section .igpc-action.liked svg { color: #ED4956 !important; fill: #ED4956 !important; stroke: #ED4956 !important; } #instagram-posts-section .igpc-action.liked { color: #ED4956 !important; } \/* Post engagement *\/ #instagram-posts-section .igpc-post-engagement { padding: 2px 14px 6px !important; font-size: 11px !important; font-weight: 600 !important; color: var(--up-text) !important; } \/* Post caption *\/ #instagram-posts-section .igpc-post-caption { padding: 0 14px 10px !important; font-size: 12px !important; line-height: 1.4 !important; color: var(--up-text) !important; } #instagram-posts-section .igpc-post-caption strong { font-weight: 600 !important; } #instagram-posts-section .igpc-hashtag { color: #00376b !important; } \/* Comments section *\/ #instagram-posts-section .igpc-comments { background: var(--up-bg-light) !important; padding: 10px 14px !important; border-top: 1px solid var(--up-border) !important; } #instagram-posts-section .igpc-comments-title { font-size: 10px !important; font-weight: 600 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; margin-bottom: 10px !important; } #instagram-posts-section .igpc-comment { display: flex !important; gap: 10px !important; margin-bottom: 10px !important; } #instagram-posts-section .igpc-comment-avatar { width: 24px !important; height: 24px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; } #instagram-posts-section .igpc-comment-body { display: flex !important; flex-direction: column !important; gap: 2px !important; flex: 1 !important; } #instagram-posts-section .igpc-comment-text { font-size: 11.5px !important; line-height: 1.35 !important; color: var(--up-text) !important; } #instagram-posts-section .igpc-comment-text strong { font-weight: 600 !important; } #instagram-posts-section .igpc-comment-info { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 10px !important; color: #94a3b8 !important; } #instagram-posts-section .igpc-comment-like { display: flex !important; align-items: center !important; gap: 3px !important; color: #94a3b8 !important; } #instagram-posts-section .igpc-comment-like svg { width: 10px !important; height: 10px !important; stroke: #94a3b8 !important; } \/* New comment via API indicator *\/ #instagram-posts-section .igpc-comment.via-api .igpc-comment-text { background: rgba(59, 185, 139, 0.06) !important; padding: 6px 8px !important; border-radius: 6px !important; border-left: 2px solid var(--up-green) !important; } #instagram-posts-section .igpc-via-api-tag { font-size: 8px !important; font-weight: 600 !important; color: var(--up-green) !important; background: rgba(59, 185, 139, 0.1) !important; padding: 1px 5px !important; border-radius: 4px !important; } \/* Comment input *\/ #instagram-posts-section .igpc-comment-input { display: flex !important; align-items: center !important; gap: 8px !important; padding: 10px 14px !important; background: #ffffff !important; border-top: 1px solid var(--up-border) !important; } #instagram-posts-section .igpc-comment-input-avatar { width: 24px !important; height: 24px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; } #instagram-posts-section .igpc-comment-field { flex: 1 !important; padding: 7px 12px !important; background: var(--up-bg-light) !important; border-radius: 16px !important; font-size: 11.5px !important; color: var(--up-subtle) !important; } #instagram-posts-section .igpc-comment-send { font-size: 12px !important; font-weight: 600 !important; color: var(--ig-pink) !important; } \/* Floating *\/ #instagram-posts-section .igpc-floating { position: absolute !important; top: 35px !important; right: -15px !important; background: #ffffff !important; border-radius: 10px !important; padding: 10px 14px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important; display: flex !important; align-items: center !important; gap: 10px !important; animation: igpc-float 3s ease-in-out infinite !important; z-index: 10 !important; } @keyframes igpc-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } } #instagram-posts-section .igpc-floating-icon { width: 28px !important; height: 28px !important; border-radius: 8px !important; background: rgba(225, 48, 108, 0.1) !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-posts-section .igpc-floating-icon svg { width: 14px !important; height: 14px !important; color: var(--ig-pink) !important; stroke: var(--ig-pink) !important; } #instagram-posts-section .igpc-floating-text { display: flex !important; flex-direction: column !important; gap: 1px !important; } #instagram-posts-section .igpc-floating-title { font-size: 11px !important; font-weight: 600 !important; color: var(--up-text) !important; } #instagram-posts-section .igpc-floating-sub { font-size: 10px !important; color: var(--up-subtle) !important; } #instagram-posts-section .igpc-floating-count { font-size: 12px !important; font-weight: 700 !important; color: var(--ig-pink) !important; } \/* RESPONSIVE *\/ @media (max-width: 900px) { #instagram-posts-section.instagram-posts-wrapper { padding: 40px 16px !important; } #instagram-posts-section .igpc-grid { grid-template-columns: 1fr !important; gap: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; } #instagram-posts-section .igpc-text { display: contents !important; } #instagram-posts-section .igpc-badge { order: 1 !important; text-align: center !important; align-self: center !important; margin-bottom: 12px !important; } #instagram-posts-section .igpc-title { order: 2 !important; text-align: center !important; font-size: 28px !important; margin-bottom: 20px !important; } #instagram-posts-section .igpc-desc { order: 3 !important; text-align: center !important; margin-bottom: 28px !important; color: #ffffff !important; } #instagram-posts-section .igpc-mockup-wrapper { order: 4 !important; display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 28px !important; } #instagram-posts-section .igpc-app { width: 100% !important; max-width: 460px !important; } #instagram-posts-section .igpc-features { order: 5 !important; text-align: left !important; width: 100% !important; max-width: 480px !important; margin-bottom: 20px !important; } #instagram-posts-section .igpc-cta { order: 6 !important; align-self: center !important; } #instagram-posts-section .igpc-floating { right: 5px !important; top: 30px !important; } } @media (max-width: 600px) { #instagram-posts-section .igpc-title { font-size: 26px !important; } #instagram-posts-section .igpc-app { max-width: 100% !important; } } @media (max-width: 500px) { #instagram-posts-section .igpc-title { font-size: 24px !important; } #instagram-posts-section .igpc-floating { display: none !important; } #instagram-posts-section .igpc-post-image { height: 180px !important; } } @media (max-width: 400px) { #instagram-posts-section .igpc-title { font-size: 22px !important; } } <\/style>\n<p> <\/p>\n<div class=\"igpc-container\"> <\/p>\n<div class=\"igpc-grid\">  <\/p>\n<div class=\"igpc-text\"> <\/p>\n<div class=\"igpc-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/><\/svg> Posts & Comments API <\/div>\n<p> <\/p>\n<h2 class=\"igpc-title\">Manage Posts, Comments & Reactions via API<\/h2>\n<p> <pee class=\"igpc-desc\">Retrieve, create, and engage with Instagram content programmatically. Monitor your users’ posts, automate commenting, and track engagement, all from your platform.<\/pee> <\/p>\n<div class=\"igpc-features\"> <\/p>\n<div class=\"igpc-feat\"> <\/p>\n<div class=\"igpc-feat-icon\"><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\"\/><path d=\"M14 2v6h6\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igpc-feat-content\"> <\/p>\n<h4>List & Retrieve Posts<\/h4>\n<p> <pee>Fetch all posts from connected accounts. Access captions, media, timestamps, and engagement metrics.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpc-feat\"> <\/p>\n<div class=\"igpc-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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=\"igpc-feat-content\"> <\/p>\n<h4>Comment & React<\/h4>\n<p> <pee>Send comments and add reactions to posts programmatically. Automate engagement at scale for outreach or community management.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpc-feat\"> <\/p>\n<div class=\"igpc-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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><\/div>\n<p> <\/p>\n<div class=\"igpc-feat-content\"> <\/p>\n<h4>Create Posts<\/h4>\n<p> <pee>Publish new content to Instagram directly via API. Schedule and automate posting from your application.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpc-feat\"> <\/p>\n<div class=\"igpc-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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=\"igpc-feat-content\"> <\/p>\n<h4>Monitor Engagement<\/h4>\n<p> <pee>Track reactions, comments and post performance in real time. Feed engagement data back into your CRM or analytics.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"igpc-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"igpc-mockup-wrapper\"> <\/p>\n<div class=\"igpc-app\">  <\/p>\n<div class=\"igpc-app-header\"> <\/p>\n<div class=\"igpc-header-left\"> <\/p>\n<div class=\"igpc-logo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg><\/div>\n<p> <span class=\"igpc-app-name\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"igpc-tab-bar\"> <span class=\"igpc-tab-btn\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"\">Feed<\/span> <span class=\"igpc-tab-btn active\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"\">Posts<\/span> <span class=\"igpc-tab-btn\">Analytics<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igpc-post\"> <\/p>\n<div class=\"igpc-post-header\"> <\/p>\n<div class=\"igpc-post-author\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/02\/oskar-hagberg-1mMIpisWzn8-unsplash.png?w=80&h=80&fit=crop\" alt=\"\" class=\"igpc-post-avatar\"> <\/p>\n<div class=\"igpc-post-meta\"> <span class=\"igpc-post-name\">shoeshop_official<\/span> <span class=\"igpc-post-time\">2 hours ago<\/span> <\/div>\n<p> <\/div>\n<p> <span class=\"igpc-api-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Posted via API<\/span> <\/div>\n<p> <\/p>\n<div class=\"igpc-post-image\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542291026-7eec264c27ff?w=600&h=400&fit=crop\" alt=\"Product shot\"> <\/div>\n<p> <\/p>\n<div class=\"igpc-post-actions\"> <span class=\"igpc-action liked\"> <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg> 2,847 <\/span> <span class=\"igpc-action\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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> 184 <\/span> <span class=\"igpc-action\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg> 56 <\/span> <\/div>\n<p> <\/p>\n<div class=\"igpc-post-engagement\">2,847 likes<\/div>\n<p> <\/p>\n<div class=\"igpc-post-caption\"><strong>shoeshop_official<\/strong> New drop alert \ud83d\udd25 The Air Max Pulse is here. Limited edition, available now. <span class=\"igpc-hashtag\">#sneakers #newdrop #limitededition<\/span><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igpc-comments\"> <\/p>\n<div class=\"igpc-comments-title\">Comments \u00b7 184<\/div>\n<p> <\/p>\n<div class=\"igpc-comment\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igpc-comment-avatar\"> <\/p>\n<div class=\"igpc-comment-body\"> <\/p>\n<div class=\"igpc-comment-text\"><strong>sofia.r<\/strong> These are insane \ud83d\udd25\ud83d\udd25 Need them!<\/div>\n<p> <\/p>\n<div class=\"igpc-comment-info\"> <span>24m<\/span> <span class=\"igpc-comment-like\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg> 12<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpc-comment via-api\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/02\/oskar-hagberg-1mMIpisWzn8-unsplash.png?w=80&h=80&fit=crop\" alt=\"\" class=\"igpc-comment-avatar\"> <\/p>\n<div class=\"igpc-comment-body\"> <\/p>\n<div class=\"igpc-comment-text\"><strong>shoeshop_official<\/strong> Thanks Sofia! \ud83d\ude4f Only 50 pairs left, grab yours at the link in bio! <span class=\"igpc-via-api-tag\">via API<\/span><\/div>\n<p> <\/p>\n<div class=\"igpc-comment-info\"> <span>12m<\/span> <span class=\"igpc-comment-like\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg> 3<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpc-comment\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igpc-comment-avatar\"> <\/p>\n<div class=\"igpc-comment-body\"> <\/p>\n<div class=\"igpc-comment-text\"><strong>mike.j<\/strong> Do you ship to Europe?<\/div>\n<p> <\/p>\n<div class=\"igpc-comment-info\"> <span>8m<\/span> <span class=\"igpc-comment-like\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg> 1<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igpc-comment-input\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/02\/oskar-hagberg-1mMIpisWzn8-unsplash.png?w=80&h=80&fit=crop\" alt=\"\" class=\"igpc-comment-input-avatar\"> <span class=\"igpc-comment-field\">Reply as shoeshop_official…<\/span> <span class=\"igpc-comment-send\">Post<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igpc-floating\"> <\/p>\n<div class=\"igpc-floating-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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=\"igpc-floating-text\"> <span class=\"igpc-floating-title\">Engagement today<\/span> <span class=\"igpc-floating-sub\">+847 likes \u00b7 +184 comments<\/span> <\/div>\n<p> <span class=\"igpc-floating-count\">\u2191 23%<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#0F2736″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"fr\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Instagram Profiles & Enrichment<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style>* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #0f2736; }<\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1><\/p>\n<div id=\"instagram-profiles-section\" class=\"instagram-profiles-wrapper\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #instagram-profiles-section.instagram-profiles-wrapper, #instagram-profiles-section.instagram-profiles-wrapper * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #instagram-profiles-section.instagram-profiles-wrapper { --up-green: #3BB98B !important; --up-yellow: #DDDF4C !important; --up-dark: #0f2736 !important; --up-text: #1e293b !important; --up-subtle: #64748b !important; --up-border: #e5e7eb !important; --up-bg-light: #f8f9fa !important; --ig-pink: #E1306C !important; --ig-purple: #833AB4 !important; padding: 50px 20px !important; background: transparent !important; } #instagram-profiles-section .igpr-container { max-width: 1100px !important; margin: 0 auto !important; } \/* ========== HEADER CENTR\u00c9 ========== *\/ #instagram-profiles-section .igpr-header { text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; margin-bottom: 40px !important; } #instagram-profiles-section .igpr-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: var(--up-yellow) !important; padding: 5px 12px !important; border-radius: 16px !important; font-size: 0.65rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 12px !important; } #instagram-profiles-section .igpr-badge svg { width: 11px !important; height: 11px !important; } #instagram-profiles-section .igpr-title { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin-bottom: 12px !important; } #instagram-profiles-section .igpr-subtitle { font-size: 16px !important; color: #ffffff !important; line-height: 1.6 !important; max-width: 650px !important; } \/* ========== MOCKUP AREA ========== *\/ #instagram-profiles-section .igpr-mockup-area { display: flex !important; align-items: flex-start !important; justify-content: center !important; gap: 0 !important; position: relative !important; margin-bottom: 50px !important; } \/* ---- SEARCH CARD ---- *\/ #instagram-profiles-section .igpr-search-card { background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important; width: 380px !important; min-width: 380px !important; flex-shrink: 0 !important; z-index: 2 !important; } #instagram-profiles-section .igpr-search-header { background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; padding: 14px 18px !important; display: flex !important; align-items: center !important; gap: 10px !important; border-bottom: 1px solid var(--up-border) !important; } #instagram-profiles-section .igpr-search-logo { 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; } #instagram-profiles-section .igpr-search-logo svg { width: 16px !important; height: 16px !important; stroke: var(--up-green) !important; } #instagram-profiles-section .igpr-search-name { font-size: 15px !important; font-weight: 600 !important; color: var(--up-text) !important; } \/* IG Search tab *\/ #instagram-profiles-section .igpr-search-tab { display: inline-flex !important; align-items: center !important; gap: 6px !important; margin: 14px 18px 10px !important; padding: 5px 12px !important; background: rgba(225, 48, 108, 0.08) !important; border-radius: 6px !important; font-size: 12px !important; font-weight: 600 !important; color: var(--ig-pink) !important; } #instagram-profiles-section .igpr-search-tab img { width: 15px !important; height: 15px !important; } \/* Search input *\/ #instagram-profiles-section .igpr-search-input { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 18px 14px !important; padding: 10px 12px !important; background: #ffffff !important; border-radius: 10px !important; border: 1px solid var(--up-border) !important; } #instagram-profiles-section .igpr-search-input svg { width: 16px !important; height: 16px !important; stroke: #94a3b8 !important; flex-shrink: 0 !important; } #instagram-profiles-section .igpr-search-input span { font-size: 13.5px !important; color: var(--up-text) !important; font-weight: 500 !important; flex: 1 !important; } #instagram-profiles-section .igpr-search-btn { width: 30px !important; height: 30px !important; background: var(--ig-pink) !important; border-radius: 7px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #instagram-profiles-section .igpr-search-btn svg { width: 14px !important; height: 14px !important; stroke: #ffffff !important; } \/* Results *\/ #instagram-profiles-section .igpr-results-label { display: flex !important; align-items: center !important; gap: 8px !important; padding: 0 18px 8px !important; font-size: 12px !important; color: var(--up-subtle) !important; } #instagram-profiles-section .igpr-results-count { background: #f1f5f9 !important; padding: 2px 8px !important; border-radius: 4px !important; font-weight: 600 !important; font-size: 11px !important; color: var(--up-subtle) !important; } #instagram-profiles-section .igpr-results-list { padding: 0 12px 12px !important; } #instagram-profiles-section .igpr-result { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 8px !important; border-radius: 8px !important; border: 1px solid transparent !important; border-bottom: 1px solid #f1f5f9 !important; } #instagram-profiles-section .igpr-result.selected { background: rgba(225, 48, 108, 0.03) !important; border: 1px solid rgba(225, 48, 108, 0.15) !important; } #instagram-profiles-section .igpr-result-avatar { width: 38px !important; height: 38px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; } #instagram-profiles-section .igpr-result-info { flex: 1 !important; min-width: 0 !important; } #instagram-profiles-section .igpr-result-name { font-size: 13px !important; font-weight: 600 !important; color: var(--up-text) !important; display: flex !important; align-items: center !important; gap: 5px !important; } #instagram-profiles-section .igpr-result-name img { width: 14px !important; height: 14px !important; } #instagram-profiles-section .igpr-result-handle { font-size: 11px !important; color: #94a3b8 !important; } #instagram-profiles-section .igpr-result-check { width: 22px !important; height: 22px !important; border-radius: 50% !important; background: var(--up-green) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #instagram-profiles-section .igpr-result-check svg { width: 12px !important; height: 12px !important; stroke: #ffffff !important; } #instagram-profiles-section .igpr-result-add { width: 22px !important; height: 22px !important; border-radius: 50% !important; border: 1.5px solid var(--up-border) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #instagram-profiles-section .igpr-result-add svg { width: 12px !important; height: 12px !important; stroke: #94a3b8 !important; } \/* ---- ENRICH ARROW ---- *\/ #instagram-profiles-section .igpr-enrich { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 5px !important; align-self: center !important; flex-shrink: 0 !important; z-index: 3 !important; margin: 0 16px !important; } #instagram-profiles-section .igpr-enrich-circle { width: 44px !important; height: 44px !important; border-radius: 50% !important; background: rgba(59, 185, 139, 0.12) !important; border: 2px solid rgba(59, 185, 139, 0.25) !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-profiles-section .igpr-enrich-circle svg { width: 18px !important; height: 18px !important; stroke: var(--up-green) !important; } #instagram-profiles-section .igpr-enrich-label { font-size: 9px !important; font-weight: 700 !important; color: var(--up-green) !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } \/* ---- PROFILE CARD ---- *\/ #instagram-profiles-section .igpr-profile-card { background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important; width: 380px !important; min-width: 380px !important; flex-shrink: 0 !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; } \/* Floating badge *\/ #instagram-profiles-section .igpr-created-badge { display: flex !important; align-items: center !important; gap: 6px !important; background: var(--up-green) !important; color: #ffffff !important; padding: 7px 14px !important; border-radius: 20px !important; font-size: 11px !important; font-weight: 600 !important; box-shadow: 0 4px 15px rgba(59, 185, 139, 0.35) !important; margin: 14px 18px 0 !important; align-self: flex-end !important; } #instagram-profiles-section .igpr-created-badge svg { width: 13px !important; height: 13px !important; stroke: #ffffff !important; } \/* Profile top *\/ #instagram-profiles-section .igpr-profile-top { display: flex !important; align-items: center !important; gap: 14px !important; padding: 20px 20px 16px !important; } #instagram-profiles-section .igpr-profile-avatar { width: 64px !important; height: 64px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; border: 3px solid transparent !important; background-image: linear-gradient(white, white), linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888) !important; background-origin: border-box !important; background-clip: content-box, border-box !important; } #instagram-profiles-section .igpr-profile-info-top { display: flex !important; flex-direction: column !important; gap: 2px !important; } #instagram-profiles-section .igpr-profile-fullname { font-size: 18px !important; font-weight: 700 !important; color: var(--up-text) !important; } #instagram-profiles-section .igpr-profile-bio { font-size: 12.5px !important; color: var(--up-subtle) !important; line-height: 1.35 !important; } \/* Stats row *\/ #instagram-profiles-section .igpr-stats-row { display: flex !important; gap: 0 !important; padding: 0 20px 16px !important; } #instagram-profiles-section .igpr-pstat { flex: 1 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 2px !important; } #instagram-profiles-section .igpr-pstat:not(:last-child) { border-right: 1px solid #f1f5f9 !important; } #instagram-profiles-section .igpr-pstat-num { font-size: 15px !important; font-weight: 700 !important; color: var(--up-text) !important; } #instagram-profiles-section .igpr-pstat-label { font-size: 10px !important; color: #94a3b8 !important; } \/* Data rows *\/ #instagram-profiles-section .igpr-profile-data { padding: 0 16px 16px !important; } #instagram-profiles-section .igpr-data-row { display: flex !important; align-items: center !important; gap: 12px !important; padding: 10px 8px !important; border-bottom: 1px solid #f1f5f9 !important; } #instagram-profiles-section .igpr-data-row:last-child { border-bottom: none !important; } #instagram-profiles-section .igpr-data-icon { width: 32px !important; height: 32px !important; border-radius: 8px !important; background: rgba(225, 48, 108, 0.06) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #instagram-profiles-section .igpr-data-icon svg { width: 15px !important; height: 15px !important; stroke: var(--ig-pink) !important; } #instagram-profiles-section .igpr-data-col { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 1px !important; } #instagram-profiles-section .igpr-data-label { font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; color: #94a3b8 !important; letter-spacing: 0.3px !important; } #instagram-profiles-section .igpr-data-value { font-size: 13px !important; font-weight: 500 !important; color: var(--up-text) !important; } #instagram-profiles-section .igpr-data-check { width: 18px !important; height: 18px !important; color: var(--up-green) !important; stroke: var(--up-green) !important; flex-shrink: 0 !important; } \/* ========== CTA ROW ========== *\/ #instagram-profiles-section .igpr-cta-row { display: flex !important; justify-content: center !important; margin-top: 10px !important; } #instagram-profiles-section .igpr-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: var(--up-dark) !important; background: var(--up-yellow) !important; text-decoration: none !important; font-weight: 600 !important; font-size: 15px !important; padding: 14px 26px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; } #instagram-profiles-section .igpr-cta:hover { transform: translateY(-5px) !important; } #instagram-profiles-section .igpr-cta svg { width: 18px !important; height: 18px !important; stroke: var(--up-dark) !important; } \/* ========== RESPONSIVE ========== *\/ @media (max-width: 900px) { #instagram-profiles-section.instagram-profiles-wrapper { padding: 40px 16px !important; } #instagram-profiles-section .igpr-title { font-size: 28px !important; } #instagram-profiles-section .igpr-mockup-area { flex-direction: column !important; align-items: center !important; gap: 16px !important; } #instagram-profiles-section .igpr-search-card, #instagram-profiles-section .igpr-profile-card { width: 100% !important; min-width: 0 !important; max-width: 420px !important; } #instagram-profiles-section .igpr-enrich { flex-direction: row !important; margin: 0 !important; } } @media (max-width: 600px) { #instagram-profiles-section .igpr-title { font-size: 26px !important; } #instagram-profiles-section .igpr-search-card, #instagram-profiles-section .igpr-profile-card { max-width: 100% !important; } #instagram-profiles-section .igpr-enrich { display: none !important; } } @media (max-width: 400px) { #instagram-profiles-section .igpr-title { font-size: 24px !important; } #instagram-profiles-section .igpr-profile-fullname { font-size: 16px !important; } #instagram-profiles-section .igpr-data-value { font-size: 12px !important; } } <\/style>\n<p> <\/p>\n<div class=\"igpr-container\">  <\/p>\n<div class=\"igpr-header\"> <\/p>\n<div class=\"igpr-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg> Instagram Search & Enrichment <\/div>\n<p> <\/p>\n<h2 class=\"igpr-title\">Search Profiles & Create Contact Cards<\/h2>\n<p> <pee class=\"igpr-subtitle\">Search Instagram profiles by username, bio, or name. Add them to your CRM with one click and automatically enrich with verified profile data.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"igpr-mockup-area\">  <\/p>\n<div class=\"igpr-search-card\"> <\/p>\n<div class=\"igpr-search-header\"> <\/p>\n<div class=\"igpr-search-logo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg><\/div>\n<p> <span class=\"igpr-search-name\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"igpr-search-tab\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"\">Instagram Search<\/div>\n<p> <\/p>\n<div class=\"igpr-search-input\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg> <span>Creative Director<\/span> <\/p>\n<div class=\"igpr-search-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpr-results-label\">Results <span class=\"igpr-results-count\">42<\/span><\/div>\n<p> <\/p>\n<div class=\"igpr-results-list\"> <\/p>\n<div class=\"igpr-result selected\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"igpr-result-avatar\"> <\/p>\n<div class=\"igpr-result-info\"> <span class=\"igpr-result-name\">Sarah Lopez <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"\"><\/span> <span class=\"igpr-result-handle\">Creative Director \u00b7 @sarah.creates<\/span> <\/div>\n<p> <\/p>\n<div class=\"igpr-result-check\"><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> <\/div>\n<p> <\/p>\n<div class=\"igpr-result\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"igpr-result-avatar\"> <\/p>\n<div class=\"igpr-result-info\"> <span class=\"igpr-result-name\">Mike Johnson <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"\"><\/span> <span class=\"igpr-result-handle\">Creative Director \u00b7 @mike.studio<\/span> <\/div>\n<p> <\/p>\n<div class=\"igpr-result-check\"><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> <\/div>\n<p> <\/p>\n<div class=\"igpr-result\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"igpr-result-avatar\"> <\/p>\n<div class=\"igpr-result-info\"> <span class=\"igpr-result-name\">Lisa Park <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"\"><\/span> <span class=\"igpr-result-handle\">Senior Creative Director \u00b7 @lisa.creative<\/span> <\/div>\n<p> <\/p>\n<div class=\"igpr-result-check\"><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> <\/div>\n<p> <\/p>\n<div class=\"igpr-result\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"igpr-result-avatar\"> <\/p>\n<div class=\"igpr-result-info\"> <span class=\"igpr-result-name\">David Kim <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"\"><\/span> <span class=\"igpr-result-handle\">Creative Director \u00b7 @david.creates<\/span> <\/div>\n<p> <\/p>\n<div class=\"igpr-result-add\"><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><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igpr-enrich\"> <\/p>\n<div class=\"igpr-enrich-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"17 1 21 5 17 9\"\/><path d=\"M3 11V9a4 4 0 0 1 4-4h14\"\/><polyline points=\"7 23 3 19 7 15\"\/><path d=\"M21 13v2a4 4 0 0 1-4 4H3\"\/><\/svg><\/div>\n<p> <span class=\"igpr-enrich-label\">Enrich<\/span> <\/div>\n<p>  <\/p>\n<div class=\"igpr-profile-card\"> <\/p>\n<div class=\"igpr-created-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> 3 Contacts Created<\/div>\n<p> <\/p>\n<div class=\"igpr-profile-top\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=140&h=140&fit=crop&crop=face\" alt=\"Sarah Lopez\" class=\"igpr-profile-avatar\"> <\/p>\n<div class=\"igpr-profile-info-top\"> <span class=\"igpr-profile-fullname\">Sarah Lopez<\/span> <span class=\"igpr-profile-bio\">Creative Director \u00b7 New York, NY<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpr-stats-row\"> <\/p>\n<div class=\"igpr-pstat\"><span class=\"igpr-pstat-num\">45.2K<\/span><span class=\"igpr-pstat-label\">Followers<\/span><\/div>\n<p> <\/p>\n<div class=\"igpr-pstat\"><span class=\"igpr-pstat-num\">892<\/span><span class=\"igpr-pstat-label\">Posts<\/span><\/div>\n<p> <\/p>\n<div class=\"igpr-pstat\"><span class=\"igpr-pstat-num\">1.2K<\/span><span class=\"igpr-pstat-label\">Following<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpr-profile-data\"> <\/p>\n<div class=\"igpr-data-row\"> <\/p>\n<div class=\"igpr-data-icon\"><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> <\/p>\n<div class=\"igpr-data-col\"><span class=\"igpr-data-label\">Full Name<\/span><span class=\"igpr-data-value\">Sarah Lopez<\/span><\/div>\n<p> <svg class=\"igpr-data-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"igpr-data-row\"> <\/p>\n<div class=\"igpr-data-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igpr-data-col\"><span class=\"igpr-data-label\">Bio<\/span><span class=\"igpr-data-value\">Creative Director & Brand Strategist \u2728<\/span><\/div>\n<p> <svg class=\"igpr-data-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"igpr-data-row\"> <\/p>\n<div class=\"igpr-data-icon\"><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><\/div>\n<p> <\/p>\n<div class=\"igpr-data-col\"><span class=\"igpr-data-label\">Website<\/span><span class=\"igpr-data-value\">sarahlopez.co<\/span><\/div>\n<p> <svg class=\"igpr-data-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"igpr-data-row\"> <\/p>\n<div class=\"igpr-data-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igpr-data-col\"><span class=\"igpr-data-label\">Location<\/span><span class=\"igpr-data-value\">New York, NY<\/span><\/div>\n<p> <svg class=\"igpr-data-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"igpr-data-row\"> <\/p>\n<div class=\"igpr-data-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 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=\"igpr-data-col\"><span class=\"igpr-data-label\">Followers<\/span><span class=\"igpr-data-value\">45.2K on Instagram<\/span><\/div>\n<p> <svg class=\"igpr-data-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"igpr-data-row\"> <\/p>\n<div class=\"igpr-data-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\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igpr-data-col\"><span class=\"igpr-data-label\">Account Type<\/span><span class=\"igpr-data-value\">Creator \u00b7 Verified \u2713<\/span><\/div>\n<p> <svg class=\"igpr-data-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igpr-cta-row\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"igpr-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n<div id=\"unipile-instagram-capabilities-section\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); \/* RESET *\/ #unipile-instagram-capabilities-section, #unipile-instagram-capabilities-section * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #unipile-instagram-capabilities-section { --up-green: #3BB98B !important; --up-yellow: #DDDF4C !important; --up-yellow-dark: #c5c743 !important; --up-dark: #0f2736 !important; --up-text: #1e293b !important; --up-subtle: #64748b !important; --up-border: #e5e7eb !important; --up-bg-light: #f8f9fa !important; --ig-pink: #E1306C !important; background: #0f2736 !important; padding: 80px 20px !important; } #unipile-instagram-capabilities-section .icaps-container { max-width: 1100px !important; margin: 0 auto !important; } \/* Section Header *\/ #unipile-instagram-capabilities-section .icaps-header { text-align: center !important; margin-bottom: 50px !important; } #unipile-instagram-capabilities-section .icaps-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: rgba(221, 223, 76, 0.15) !important; color: #DDDF4C !important; padding: 8px 16px !important; border-radius: 20px !important; font-size: 0.75rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 20px !important; } #unipile-instagram-capabilities-section .icaps-badge svg { width: 16px !important; height: 16px !important; stroke: #DDDF4C !important; } #unipile-instagram-capabilities-section .icaps-title { font-family: 'Poppins', sans-serif !important; font-size: 42px !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 16px !important; line-height: 1.2 !important; } #unipile-instagram-capabilities-section .icaps-subtitle { font-size: 17px !important; color: #ffffff !important; line-height: 1.6 !important; max-width: 650px !important; margin: 0 auto !important; } \/* Card Component *\/ #unipile-instagram-capabilities-section .icap-card { background: #ffffff !important; border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important; } \/* Card Header *\/ #unipile-instagram-capabilities-section .icap-card-header { padding: 28px 32px !important; border-bottom: 1px solid var(--up-border) !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 20px !important; } #unipile-instagram-capabilities-section .icap-card-title { font-family: 'Poppins', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: var(--up-text) !important; line-height: 1.2 !important; } #unipile-instagram-capabilities-section .icap-ig-logo { width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #unipile-instagram-capabilities-section .icap-ig-logo img { width: 40px !important; height: 40px !important; } \/* Main Content *\/ #unipile-instagram-capabilities-section .icap-content { display: flex !important; min-height: 450px !important; } \/* Sidebar Tabs *\/ #unipile-instagram-capabilities-section .icap-sidebar { width: 220px !important; min-width: 220px !important; border-right: 1px solid var(--up-border) !important; padding: 20px 0 !important; background: linear-gradient(180deg, #fafbfc 0%, #ffffff 100%) !important; } #unipile-instagram-capabilities-section .icap-tab { display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 20px !important; font-size: 14px !important; font-weight: 500 !important; color: var(--up-subtle) !important; cursor: pointer !important; transition: all 0.3s ease !important; background: transparent !important; } #unipile-instagram-capabilities-section .icap-tab:hover { color: var(--up-text) !important; background: rgba(59, 185, 139, 0.04) !important; } #unipile-instagram-capabilities-section .icap-tab.active { color: var(--up-text) !important; font-weight: 600 !important; background: rgba(221, 223, 76, 0.08) !important; } #unipile-instagram-capabilities-section .icap-tab-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; background: rgba(100, 116, 139, 0.08) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; } #unipile-instagram-capabilities-section .icap-tab.active .icap-tab-icon { background: rgba(221, 223, 76, 0.2) !important; } #unipile-instagram-capabilities-section .icap-tab-icon svg { width: 16px !important; height: 16px !important; stroke: var(--up-subtle) !important; transition: stroke 0.3s ease !important; } #unipile-instagram-capabilities-section .icap-tab.active .icap-tab-icon svg { stroke: var(--up-yellow-dark) !important; } #unipile-instagram-capabilities-section .icap-tab-content { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 6px !important; } #unipile-instagram-capabilities-section .icap-tab-label { font-size: 13px !important; line-height: 1.2 !important; } \/* Labels full\/short *\/ #unipile-instagram-capabilities-section .icap-label-full { display: inline !important; } #unipile-instagram-capabilities-section .icap-label-short { display: none !important; } \/* Progress Bar *\/ #unipile-instagram-capabilities-section .icap-progress-bar { width: 100% !important; height: 4px !important; background: #d1d5db !important; border-radius: 3px !important; overflow: hidden !important; margin-top: 4px !important; } #unipile-instagram-capabilities-section .icap-progress-fill { height: 100% !important; width: 0% !important; background: #DDDF4C !important; border-radius: 3px !important; transition: none !important; } #unipile-instagram-capabilities-section .icap-tab.active .icap-progress-fill.animating { width: 100% !important; transition: width 5s linear !important; } \/* Features Panel *\/ #unipile-instagram-capabilities-section .icap-features { flex: 1 !important; padding: 24px 28px !important; overflow-y: auto !important; position: relative !important; max-height: 450px !important; } #unipile-instagram-capabilities-section .icap-feature-panel { display: none !important; animation: icaps-fadeIn 0.4s ease !important; } #unipile-instagram-capabilities-section .icap-feature-panel.active { display: block !important; } @keyframes icaps-fadeIn { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } } #unipile-instagram-capabilities-section .icap-panel-header { margin-bottom: 18px !important; } #unipile-instagram-capabilities-section .icap-panel-title { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 600 !important; color: var(--up-text) !important; margin-bottom: 4px !important; } #unipile-instagram-capabilities-section .icap-panel-count { font-size: 12px !important; color: var(--up-subtle) !important; } #unipile-instagram-capabilities-section .icap-panel-count span { color: var(--up-green) !important; font-weight: 600 !important; } #unipile-instagram-capabilities-section .icap-features-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; } #unipile-instagram-capabilities-section .icap-feature-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 14px !important; background: var(--up-bg-light) !important; border-radius: 8px !important; transition: all 0.2s ease !important; } #unipile-instagram-capabilities-section .icap-feature-item:hover { background: rgba(59, 185, 139, 0.08) !important; transform: translateX(4px) !important; } #unipile-instagram-capabilities-section .icap-feature-check { width: 18px !important; height: 18px !important; min-width: 18px !important; background: rgba(59, 185, 139, 0.15) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; } #unipile-instagram-capabilities-section .icap-feature-check svg { width: 10px !important; height: 10px !important; stroke: var(--up-green) !important; stroke-width: 3 !important; } #unipile-instagram-capabilities-section .icap-feature-name { font-size: 13px !important; color: var(--up-text) !important; font-weight: 500 !important; line-height: 1.3 !important; } \/* Controls *\/ #unipile-instagram-capabilities-section .icap-controls { position: absolute !important; bottom: 16px !important; right: 16px !important; } #unipile-instagram-capabilities-section .icap-control-btn { width: 32px !important; height: 32px !important; background: var(--up-bg-light) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: all 0.2s ease !important; } #unipile-instagram-capabilities-section .icap-control-btn:hover { background: rgba(59, 185, 139, 0.15) !important; } #unipile-instagram-capabilities-section .icap-control-btn svg { width: 12px !important; height: 12px !important; stroke: var(--up-subtle) !important; } #unipile-instagram-capabilities-section .icap-control-btn.active svg { stroke: var(--up-green) !important; } \/* CTA *\/ #unipile-instagram-capabilities-section .icaps-cta-wrapper { text-align: center !important; margin-top: 40px !important; } #unipile-instagram-capabilities-section .icaps-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #DDDF4C !important; color: #0f2736 !important; padding: 14px 28px !important; border-radius: 8px !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; } #unipile-instagram-capabilities-section .icaps-cta:hover { transform: translateY(-5px) !important; } #unipile-instagram-capabilities-section .icaps-cta svg { width: 18px !important; height: 18px !important; stroke: #0f2736 !important; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-instagram-capabilities-section { padding: 60px 16px !important; } #unipile-instagram-capabilities-section .icaps-title { font-size: 32px !important; } #unipile-instagram-capabilities-section .icaps-subtitle { font-size: 15px !important; } #unipile-instagram-capabilities-section .icap-content { flex-direction: column !important; min-height: auto !important; } #unipile-instagram-capabilities-section .icap-sidebar { width: 100% !important; min-width: 100% !important; border-right: none !important; border-bottom: 1px solid var(--up-border) !important; padding: 12px !important; display: flex !important; gap: 8px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } #unipile-instagram-capabilities-section .icap-tab { flex-direction: column !important; padding: 10px 14px !important; border-radius: 10px !important; min-width: 90px !important; text-align: center !important; background: #ffffff !important; border: 1px solid var(--up-border) !important; } #unipile-instagram-capabilities-section .icap-tab.active { border-color: var(--up-yellow) !important; background: rgba(221, 223, 76, 0.1) !important; } #unipile-instagram-capabilities-section .icap-tab-content { align-items: center !important; } #unipile-instagram-capabilities-section .icap-tab-label { font-size: 10px !important; } #unipile-instagram-capabilities-section .icap-label-full { display: none !important; } #unipile-instagram-capabilities-section .icap-label-short { display: inline !important; } #unipile-instagram-capabilities-section .icap-features { padding: 20px 16px !important; } #unipile-instagram-capabilities-section .icap-features-grid { grid-template-columns: 1fr !important; } #unipile-instagram-capabilities-section .icap-card-header { padding: 20px !important; } #unipile-instagram-capabilities-section .icap-card-title { font-size: 18px !important; } } @media (max-width: 500px) { #unipile-instagram-capabilities-section .icaps-title { font-size: 26px !important; } #unipile-instagram-capabilities-section .icap-tab { min-width: 75px !important; padding: 8px 10px !important; } #unipile-instagram-capabilities-section .icap-tab-icon { width: 28px !important; height: 28px !important; min-width: 28px !important; } #unipile-instagram-capabilities-section .icap-tab-icon svg { width: 14px !important; height: 14px !important; } } <\/style>\n<p> <\/p>\n<div class=\"icaps-container\">  <\/p>\n<div class=\"icaps-header\"> <\/p>\n<div class=\"icaps-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/> <polyline points=\"2 17 12 22 22 17\"\/> <polyline points=\"2 12 12 17 22 12\"\/> <\/svg> Instagram API <\/div>\n<p> <\/p>\n<h2 class=\"icaps-title\">Instagram API Capabilities<\/h2>\n<p> <pee class=\"icaps-subtitle\">Access every Instagram endpoint through a single, unified API. From messaging to posts, profiles to comments, build any Instagram integration your users need.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"icap-card\">  <\/p>\n<div class=\"icap-card-header\"> <span class=\"icap-card-title\">Explore All Endpoints<\/span> <\/p>\n<div class=\"icap-ig-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-content\">  <\/p>\n<div class=\"icap-sidebar\" id=\"icapsSidebar\"> <\/p>\n<div class=\"icap-tab\" data-tab=\"authentication\" onclick=\"icapsSwitchTab('authentication')\"> <\/p>\n<div class=\"icap-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/> <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"icap-tab-content\"> <span class=\"icap-tab-label\"><span class=\"icap-label-full\">Account Connection<\/span><span class=\"icap-label-short\">Account<\/span><\/span> <\/p>\n<div class=\"icap-progress-bar\">\n<div class=\"icap-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"icap-tab active\" data-tab=\"messages\" onclick=\"icapsSwitchTab('messages')\"> <\/p>\n<div class=\"icap-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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=\"icap-tab-content\"> <span class=\"icap-tab-label\">Messages<\/span> <\/p>\n<div class=\"icap-progress-bar\">\n<div class=\"icap-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"icap-tab\" data-tab=\"posts\" onclick=\"icapsSwitchTab('posts')\"> <\/p>\n<div class=\"icap-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <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> <\/div>\n<p> <\/p>\n<div class=\"icap-tab-content\"> <span class=\"icap-tab-label\"><span class=\"icap-label-full\">Posts & Comments<\/span><span class=\"icap-label-short\">Posts<\/span><\/span> <\/p>\n<div class=\"icap-progress-bar\">\n<div class=\"icap-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"icap-tab\" data-tab=\"profiles\" onclick=\"icapsSwitchTab('profiles')\"> <\/p>\n<div class=\"icap-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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=\"icap-tab-content\"> <span class=\"icap-tab-label\">Profiles<\/span> <\/p>\n<div class=\"icap-progress-bar\">\n<div class=\"icap-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"icap-tab\" data-tab=\"specific\" onclick=\"icapsSwitchTab('specific')\"> <\/p>\n<div class=\"icap-tab-icon\"> <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=\"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 4.68 15a1.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 9 4.68a1.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 19.4 9a1.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> <\/div>\n<p> <\/p>\n<div class=\"icap-tab-content\"> <span class=\"icap-tab-label\">Specific<\/span> <\/p>\n<div class=\"icap-progress-bar\">\n<div class=\"icap-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"icap-tab\" data-tab=\"webhooks\" onclick=\"icapsSwitchTab('webhooks')\"> <\/p>\n<div class=\"icap-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/> <polyline points=\"22 4 12 14.01 9 11.01\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"icap-tab-content\"> <span class=\"icap-tab-label\">Webhooks<\/span> <\/p>\n<div class=\"icap-progress-bar\">\n<div class=\"icap-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"icap-tab\" data-tab=\"inboxes\" onclick=\"icapsSwitchTab('inboxes')\"> <\/p>\n<div class=\"icap-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\"\/> <path d=\"M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"icap-tab-content\"> <span class=\"icap-tab-label\">Inboxes<\/span> <\/p>\n<div class=\"icap-progress-bar\">\n<div class=\"icap-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-features\">  <\/p>\n<div class=\"icap-feature-panel\" data-panel=\"authentication\"> <\/p>\n<div class=\"icap-panel-header\"> <\/p>\n<h3 class=\"icap-panel-title\">Account Connection<\/h3>\n<p> <pee class=\"icap-panel-count\"><span>2<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"icap-features-grid\"> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Hosted Auth: White label to connect your end users<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Custom Auth: Connect user with credentials or cookies<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-feature-panel active\" data-panel=\"messages\"> <\/p>\n<div class=\"icap-panel-header\"> <\/p>\n<h3 class=\"icap-panel-title\">Messages<\/h3>\n<p> <pee class=\"icap-panel-count\"><span>10<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"icap-features-grid\"> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Send Messages<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Reply Messages<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List Messages<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List Chats<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List Attendees<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Sync History<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List Reactions<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Send Files Attachments<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Receive Files Attachments<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Read Receipts<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-feature-panel\" data-panel=\"posts\"> <\/p>\n<div class=\"icap-panel-header\"> <\/p>\n<h3 class=\"icap-panel-title\">Posts & Comments<\/h3>\n<p> <pee class=\"icap-panel-count\"><span>7<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"icap-features-grid\"> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List Posts of Users and Companies<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Retrieve a Post<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Create a Post<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Send Comments<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List Posts Comments<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List Posts Reactions<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Add Reaction on a Post or Comment<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-feature-panel\" data-panel=\"profiles\"> <\/p>\n<div class=\"icap-panel-header\"> <\/p>\n<h3 class=\"icap-panel-title\">Profiles<\/h3>\n<p> <pee class=\"icap-panel-count\"><span>3<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"icap-features-grid\"> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Visit and Retrieve Users Profiles<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List of Contacts \/ Relations<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Retrieve Own Profile<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-feature-panel\" data-panel=\"specific\"> <\/p>\n<div class=\"icap-panel-header\"> <\/p>\n<h3 class=\"icap-panel-title\">Specific<\/h3>\n<p> <pee class=\"icap-panel-count\"><span>2<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"icap-features-grid\"> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Following Someone<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Retrieve Users Profiles<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-feature-panel\" data-panel=\"webhooks\"> <\/p>\n<div class=\"icap-panel-header\"> <\/p>\n<h3 class=\"icap-panel-title\">Webhooks<\/h3>\n<p> <pee class=\"icap-panel-count\"><span>3<\/span> events available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"icap-features-grid\"> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Account Status<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">New Message<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">New Reaction \/ Read \/ Event<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-feature-panel\" data-panel=\"inboxes\"> <\/p>\n<div class=\"icap-panel-header\"> <\/p>\n<h3 class=\"icap-panel-title\">Inboxes<\/h3>\n<p> <pee class=\"icap-panel-count\"><span>1<\/span> inbox available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"icap-features-grid\"> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Instagram Classic (Send and Receive in real-time)<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-controls\"> <\/p>\n<div class=\"icap-control-btn active\" id=\"icapsPlayPause\" onclick=\"icapsToggleAutoplay()\"> <svg id=\"icapsPauseIcon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/> <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/> <\/svg> <svg id=\"icapsPlayIcon\" style=\"display: none;\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polygon points=\"5 3 19 12 5 21 5 3\"\/> <\/svg> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icaps-cta-wrapper\"> <a href=\"https:\/\/developer.unipile.com\/reference\/accountscontroller_listaccounts\" target=\"_blank\" class=\"icaps-cta\"> Explore API Reference <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <script> (function() { var tabs = ['authentication', 'messages', 'posts', 'profiles', 'specific', 'webhooks', 'inboxes']; var currentIndex = 1; \/\/ Start on messages var autoplayInterval = null; var isAutoplaying = true; var hasStarted = false; var AUTOPLAY_DURATION = 5000; var SECTION_ID = 'unipile-instagram-capabilities-section'; function startProgressAnimation() { document.querySelectorAll('#' + SECTION_ID + ' .icap-progress-fill').forEach(function(fill) { fill.classList.remove('animating'); fill.style.width = '0%'; }); setTimeout(function() { var activeTab = document.querySelector('#' + SECTION_ID + ' .icap-tab.active'); if (activeTab) { var progressFill = activeTab.querySelector('.icap-progress-fill'); if (progressFill) { progressFill.classList.add('animating'); } } }, 50); } function icapsSwitchTab(tabName) { document.querySelectorAll('#' + SECTION_ID + ' .icap-tab').forEach(function(tab) { tab.classList.remove('active'); }); document.querySelectorAll('#' + SECTION_ID + ' .icap-feature-panel').forEach(function(panel) { panel.classList.remove('active'); }); var activeTab = document.querySelector('#' + SECTION_ID + ' .icap-tab[data-tab=\"' + tabName + '\"]'); var activePanel = document.querySelector('#' + SECTION_ID + ' .icap-feature-panel[data-panel=\"' + tabName + '\"]'); if (activeTab) activeTab.classList.add('active'); if (activePanel) activePanel.classList.add('active'); currentIndex = tabs.indexOf(tabName); if (isAutoplaying && hasStarted) { startProgressAnimation(); clearInterval(autoplayInterval); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } } function nextTab() { currentIndex = (currentIndex + 1) % tabs.length; icapsSwitchTab(tabs[currentIndex]); } function icapsToggleAutoplay() { isAutoplaying = !isAutoplaying; var pauseIcon = document.getElementById('icapsPauseIcon'); var playIcon = document.getElementById('icapsPlayIcon'); var btn = document.getElementById('icapsPlayPause'); if (isAutoplaying) { pauseIcon.style.display = 'block'; playIcon.style.display = 'none'; btn.classList.add('active'); if (hasStarted) { startProgressAnimation(); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } } else { pauseIcon.style.display = 'none'; playIcon.style.display = 'block'; btn.classList.remove('active'); clearInterval(autoplayInterval); document.querySelectorAll('#' + SECTION_ID + ' .icap-progress-fill').forEach(function(fill) { fill.classList.remove('animating'); }); } } function startAutoplay() { if (hasStarted) return; hasStarted = true; startProgressAnimation(); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } function stopAutoplay() { clearInterval(autoplayInterval); document.querySelectorAll('#' + SECTION_ID + ' .icap-progress-fill').forEach(function(fill) { fill.classList.remove('animating'); fill.style.width = '0%'; }); } function initObserver() { var section = document.getElementById(SECTION_ID); if (!section) return; var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting && isAutoplaying) { if (!hasStarted) { startAutoplay(); } else { startProgressAnimation(); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } } else { stopAutoplay(); hasStarted = false; } }); }, { threshold: 0.3 }); observer.observe(section); } function init() { initObserver(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } window.icapsSwitchTab = icapsSwitchTab; window.icapsToggleAutoplay = icapsToggleAutoplay; })(); <\/script><\/div>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n<div id=\"unipile-ig-video-section\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #unipile-ig-video-section, #unipile-ig-video-section * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #unipile-ig-video-section { --uvs-dark: #0f2736 !important; --uvs-green: #3BB98B !important; --uvs-yellow: #DDDF4C !important; --uvs-ig-pink: #E1306C !important; --uvs-ig-purple: #833AB4 !important; padding: 80px 20px !important; background: var(--uvs-dark) !important; } #unipile-ig-video-section .uvs-container { max-width: 900px !important; margin: 0 auto !important; } #unipile-ig-video-section .uvs-header { text-align: center !important; margin-bottom: 40px !important; } #unipile-ig-video-section .uvs-title { font-family: 'Poppins', sans-serif !important; font-size: 38px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; margin-bottom: 16px !important; } #unipile-ig-video-section .uvs-subtitle { font-size: 16px !important; color: rgba(255, 255, 255, 0.75) !important; line-height: 1.6 !important; max-width: 700px !important; margin: 0 auto !important; } #unipile-ig-video-section .uvs-video-card { position: relative !important; background: linear-gradient(145deg, #2a1a2e 0%, #1a0d1f 100%) !important; border-radius: 16px !important; overflow: hidden !important; aspect-ratio: 16 \/ 9 !important; } #unipile-ig-video-section .uvs-video-iframe { width: 100% !important; height: 100% !important; border: none !important; } #unipile-ig-video-section .uvs-thumbnail { position: absolute !important; inset: 0 !important; cursor: pointer !important; transition: opacity 0.3s ease !important; z-index: 2 !important; } #unipile-ig-video-section .uvs-thumbnail.hidden { opacity: 0 !important; pointer-events: none !important; } #unipile-ig-video-section .uvs-thumbnail:hover .uvs-play-btn { transform: scale(1.1) !important; box-shadow: 0 8px 30px rgba(221, 223, 76, 0.4) !important; } #unipile-ig-video-section .uvs-video-overlay { position: absolute !important; inset: 0 !important; background: radial-gradient(ellipse at center, rgba(225, 48, 108, 0.15) 0%, transparent 70%) !important; pointer-events: none !important; } #unipile-ig-video-section .uvs-video-content { position: absolute !important; inset: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0 !important; } #unipile-ig-video-section .uvs-ig-logo { width: 80px !important; height: 80px !important; background: linear-gradient(145deg, #E1306C 0%, #833AB4 50%, #F77737 100%) !important; border-radius: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 8px 30px rgba(225, 48, 108, 0.4) !important; margin-bottom: -15px !important; position: relative !important; z-index: 1 !important; } #unipile-ig-video-section .uvs-ig-logo svg { width: 44px !important; height: 44px !important; fill: #ffffff !important; } #unipile-ig-video-section .uvs-play-btn { width: 70px !important; height: 70px !important; background: var(--uvs-yellow) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 6px 25px rgba(221, 223, 76, 0.3) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; position: relative !important; z-index: 2 !important; } #unipile-ig-video-section .uvs-play-btn svg { width: 28px !important; height: 28px !important; fill: var(--uvs-dark) !important; margin-left: 4px !important; } #unipile-ig-video-section .uvs-video-title { font-family: 'Poppins', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; margin-top: 24px !important; text-align: center !important; } #unipile-ig-video-section .uvs-video-desc { font-size: 15px !important; color: rgba(255, 255, 255, 0.7) !important; margin-top: 8px !important; text-align: center !important; } #unipile-ig-video-section .uvs-unipile-logo { position: absolute !important; bottom: 20px !important; right: 24px !important; } #unipile-ig-video-section .uvs-unipile-logo img { height: 28px !important; width: auto !important; } @media (max-width: 900px) { #unipile-ig-video-section .uvs-title { font-size: 32px !important; } } @media (max-width: 600px) { #unipile-ig-video-section { padding: 60px 16px !important; } #unipile-ig-video-section .uvs-title { font-size: 26px !important; } #unipile-ig-video-section .uvs-subtitle { font-size: 14px !important; } #unipile-ig-video-section .uvs-ig-logo { width: 60px !important; height: 60px !important; border-radius: 14px !important; } #unipile-ig-video-section .uvs-ig-logo svg { width: 32px !important; height: 32px !important; } #unipile-ig-video-section .uvs-play-btn { width: 56px !important; height: 56px !important; } #unipile-ig-video-section .uvs-play-btn svg { width: 22px !important; height: 22px !important; } #unipile-ig-video-section .uvs-video-title { font-size: 24px !important; } #unipile-ig-video-section .uvs-video-desc { font-size: 13px !important; } } @media (max-width: 400px) { #unipile-ig-video-section .uvs-title { font-size: 22px !important; } #unipile-ig-video-section .uvs-video-title { font-size: 20px !important; } } <\/style>\n<p> <\/p>\n<div class=\"uvs-container\"> <\/p>\n<div class=\"uvs-header\"> <\/p>\n<h2 class=\"uvs-title\">Video Guide: Build with Instagram API<\/h2>\n<p> <pee class=\"uvs-subtitle\">In this video, learn how to connect an Instagram account and start syncing DMs, retrieving profiles, and automating engagement from your app.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"uvs-video-card\" id=\"uvs-ig-video-container\"> <iframe  id=”uvs-ig-youtube-iframe” class=”uvs-video-iframe”  src=””  allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture”  allowfullscreen> <\/iframe> <\/p>\n<div class=\"uvs-thumbnail\" id=\"uvs-ig-thumbnail\" onclick=\"playIgVideo()\"> <\/p>\n<div class=\"uvs-video-overlay\"><\/div>\n<p>  <\/p>\n<div class=\"uvs-video-content\"> <\/p>\n<div class=\"uvs-ig-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram logo\" style=\"width: 100%; height: 100%;\"><\/div>\n<p> <\/p>\n<div class=\"uvs-play-btn\"> <svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg> <\/div>\n<p> <span class=\"uvs-video-title\">Instagram API<\/span> <span class=\"uvs-video-desc\">Sync DMs, Retrieve Profiles & More<\/span> <\/div>\n<p> <\/p>\n<div class=\"uvs-unipile-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/07\/logo-unipile-fond-fonce-1-2-1-1.svg\" alt=\"Unipile\"> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <script> function playIgVideo() { var iframe = document.getElementById('uvs-ig-youtube-iframe'); var thumbnail = document.getElementById('uvs-ig-thumbnail'); iframe.src = 'https:\/\/www.youtube.com\/embed\/RVC5rCeWSac?autoplay=1&rel=0'; thumbnail.classList.add('hidden'); } <\/script><\/div>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n<div id=\"unipile-ig-use-cases-section\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #unipile-ig-use-cases-section, #unipile-ig-use-cases-section * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #unipile-ig-use-cases-section { --up-green: #3BB98B !important; --up-yellow: #DDDF4C !important; --up-yellow-dark: #b8ba2e !important; --up-dark: #0f2736 !important; --up-text: #1e293b !important; --up-subtle: #64748b !important; --up-border: #e5e7eb !important; --up-bg-light: #f4f5f7 !important; --ig-pink: #E1306C !important; --ig-purple: #833AB4 !important; --ig-orange: #F77737 !important; padding: 60px 20px !important; background: var(--up-bg-light) !important; } #unipile-ig-use-cases-section .uc-container { max-width: 1100px !important; margin: 0 auto !important; } \/* Header *\/ #unipile-ig-use-cases-section .uc-header { text-align: center !important; margin-bottom: 50px !important; } #unipile-ig-use-cases-section .uc-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: var(--up-yellow-dark) !important; padding: 6px 14px !important; border-radius: 20px !important; font-size: 0.7rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 16px !important; } #unipile-ig-use-cases-section .uc-badge svg { stroke: var(--up-yellow-dark) !important; } #unipile-ig-use-cases-section .uc-title { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: var(--up-dark) !important; line-height: 1.3 !important; margin-bottom: 12px !important; } #unipile-ig-use-cases-section .uc-subtitle { font-size: 16px !important; color: var(--up-dark) !important; line-height: 1.6 !important; max-width: 600px !important; margin: 0 auto !important; } \/* Grid *\/ #unipile-ig-use-cases-section .uc-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } \/* Card *\/ #unipile-ig-use-cases-section .uc-card { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } \/* Mockup *\/ #unipile-ig-use-cases-section .uc-mockup { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important; width: 100% !important; margin-bottom: 24px !important; border: 1px solid var(--up-border) !important; } #unipile-ig-use-cases-section .uc-mockup-header { background: #ffffff !important; padding: 12px 16px !important; display: flex !important; align-items: center !important; gap: 10px !important; border-bottom: 1px solid var(--up-border) !important; } #unipile-ig-use-cases-section .uc-mockup-logo { width: 28px !important; height: 28px !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #unipile-ig-use-cases-section .uc-mockup-logo.crm { background: rgba(59, 185, 139, 0.12) !important; } #unipile-ig-use-cases-section .uc-mockup-logo.crm svg { width: 14px !important; height: 14px !important; color: var(--up-green) !important; stroke: var(--up-green) !important; } #unipile-ig-use-cases-section .uc-mockup-logo.outreach { background: rgba(225, 48, 108, 0.12) !important; } #unipile-ig-use-cases-section .uc-mockup-logo.outreach svg { width: 14px !important; height: 14px !important; color: var(--ig-pink) !important; stroke: var(--ig-pink) !important; } #unipile-ig-use-cases-section .uc-mockup-logo.community { background: rgba(131, 58, 180, 0.12) !important; } #unipile-ig-use-cases-section .uc-mockup-logo.community svg { width: 14px !important; height: 14px !important; color: var(--ig-purple) !important; stroke: var(--ig-purple) !important; } #unipile-ig-use-cases-section .uc-mockup-name { font-size: 13px !important; font-weight: 600 !important; color: var(--up-text) !important; } \/* Tabs *\/ #unipile-ig-use-cases-section .uc-tabs { display: flex !important; background: #ffffff !important; border-bottom: 1px solid var(--up-border) !important; padding: 0 12px !important; } #unipile-ig-use-cases-section .uc-tab { padding: 10px 14px !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; border-radius: 6px 6px 0 0 !important; } #unipile-ig-use-cases-section .uc-tab.active { color: #ffffff !important; } #unipile-ig-use-cases-section .uc-tab.active.pink { background: var(--ig-pink) !important; } #unipile-ig-use-cases-section .uc-tab.active.green { background: var(--up-green) !important; } #unipile-ig-use-cases-section .uc-tab.active.purple { background: var(--ig-purple) !important; } #unipile-ig-use-cases-section .uc-tab.inactive { color: var(--up-subtle) !important; background: transparent !important; } \/* Table Header *\/ #unipile-ig-use-cases-section .uc-table-header { display: grid !important; padding: 10px 12px !important; background: #fafbfc !important; border-bottom: 1px solid var(--up-border) !important; font-size: 9px !important; font-weight: 600 !important; color: var(--up-subtle) !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; gap: 8px !important; grid-template-columns: minmax(90px, 1fr) 60px 35px 72px !important; } #unipile-ig-use-cases-section .uc-table-header span { display: flex !important; align-items: center !important; } #unipile-ig-use-cases-section .uc-table-header span:nth-child(3) { justify-content: center !important; } #unipile-ig-use-cases-section .uc-table-header span:last-child { justify-content: flex-end !important; } \/* Table Rows *\/ #unipile-ig-use-cases-section .uc-table-body { background: #ffffff !important; } #unipile-ig-use-cases-section .uc-row { display: grid !important; padding: 10px 12px !important; align-items: center !important; border-bottom: 1px solid #f1f5f9 !important; gap: 8px !important; grid-template-columns: minmax(90px, 1fr) 60px 35px 72px !important; } #unipile-ig-use-cases-section .uc-row:last-child { border-bottom: none !important; } \/* User Cell *\/ #unipile-ig-use-cases-section .uc-user { display: flex !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; } #unipile-ig-use-cases-section .uc-avatar { width: 28px !important; height: 28px !important; min-width: 28px !important; border-radius: 50% !important; object-fit: cover !important; background: #e5e7eb !important; } #unipile-ig-use-cases-section .uc-user-info { display: flex !important; flex-direction: column !important; min-width: 0 !important; gap: 1px !important; text-align: left !important; } #unipile-ig-use-cases-section .uc-user-name { font-size: 11px !important; font-weight: 600 !important; color: var(--up-text) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #unipile-ig-use-cases-section .uc-user-msg { font-size: 9px !important; color: var(--up-subtle) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } \/* Company *\/ #unipile-ig-use-cases-section .uc-company { font-size: 10px !important; color: var(--up-text) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } \/* Platform *\/ #unipile-ig-use-cases-section .uc-platform { display: flex !important; justify-content: center !important; align-items: center !important; } #unipile-ig-use-cases-section .uc-platform img { width: 18px !important; height: 18px !important; } \/* Status *\/ #unipile-ig-use-cases-section .uc-status { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; font-size: 8px !important; font-weight: 600 !important; padding: 3px 6px !important; border-radius: 10px !important; white-space: nowrap !important; margin-left: auto !important; } #unipile-ig-use-cases-section .uc-status.responsive { background: rgba(59, 185, 139, 0.1) !important; color: var(--up-green) !important; } #unipile-ig-use-cases-section .uc-status.interested { background: rgba(225, 48, 108, 0.1) !important; color: var(--ig-pink) !important; } #unipile-ig-use-cases-section .uc-status.proposal { background: rgba(245, 158, 11, 0.1) !important; color: #d97706 !important; } #unipile-ig-use-cases-section .uc-status.won { background: rgba(131, 58, 180, 0.1) !important; color: var(--ig-purple) !important; } #unipile-ig-use-cases-section .uc-status.new { background: rgba(225, 48, 108, 0.1) !important; color: var(--ig-pink) !important; } #unipile-ig-use-cases-section .uc-status.replied { background: rgba(59, 185, 139, 0.1) !important; color: var(--up-green) !important; } #unipile-ig-use-cases-section .uc-status.active { background: rgba(59, 130, 246, 0.1) !important; color: #3b82f6 !important; } #unipile-ig-use-cases-section .uc-status-dot { width: 4px !important; height: 4px !important; min-width: 4px !important; border-radius: 50% !important; background: currentColor !important; } \/* Time *\/ #unipile-ig-use-cases-section .uc-time { font-size: 9px !important; color: var(--up-subtle) !important; text-align: right !important; white-space: nowrap !important; } \/* Card Content *\/ #unipile-ig-use-cases-section .uc-card-title { font-family: 'Poppins', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: var(--up-dark) !important; margin-bottom: 10px !important; } #unipile-ig-use-cases-section .uc-card-desc { font-size: 14px !important; color: var(--up-subtle) !important; line-height: 1.6 !important; margin-bottom: 20px !important; min-height: 66px !important; } \/* CTA *\/ #unipile-ig-use-cases-section .uc-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: var(--up-dark) !important; background: var(--up-yellow) !important; text-decoration: none !important; font-weight: 600 !important; font-size: 0.85rem !important; padding: 12px 22px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; } #unipile-ig-use-cases-section .uc-cta:hover { transform: translateY(-5px) !important; } #unipile-ig-use-cases-section .uc-cta svg { width: 14px !important; height: 14px !important; stroke: var(--up-dark) !important; } \/* Responsive *\/ @media (max-width: 1024px) { #unipile-ig-use-cases-section .uc-grid { grid-template-columns: repeat(2, 1fr) !important; } #unipile-ig-use-cases-section .uc-card:last-child { grid-column: span 2 !important; max-width: 380px !important; justify-self: center !important; } } @media (max-width: 900px) { #unipile-ig-use-cases-section .uc-title { font-size: 28px !important; } } @media (max-width: 700px) { #unipile-ig-use-cases-section .uc-grid { grid-template-columns: 1fr !important; } #unipile-ig-use-cases-section .uc-card:last-child { grid-column: span 1 !important; max-width: none !important; } } @media (max-width: 500px) { #unipile-ig-use-cases-section { padding: 40px 16px !important; } #unipile-ig-use-cases-section .uc-title { font-size: 24px !important; } } <\/style>\n<p> <\/p>\n<div class=\"uc-container\"> <\/p>\n<div class=\"uc-header\"> <\/p>\n<div class=\"uc-badge\"> <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/> <\/svg> Use Cases <\/div>\n<p> <\/p>\n<h2 class=\"uc-title\">Instagram API Use Cases for Publishers<\/h2>\n<p> <pee class=\"uc-subtitle\">Discover how Unipile’s Instagram API powers different industries with seamless communication integration.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"uc-grid\">  <\/p>\n<div class=\"uc-card\"> <\/p>\n<div class=\"uc-mockup\"> <\/p>\n<div class=\"uc-mockup-header\"> <\/p>\n<div class=\"uc-mockup-logo crm\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>\n<p> <span class=\"uc-mockup-name\">Your CRM<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-tabs\"> <span class=\"uc-tab active green\">Contacts<\/span> <span class=\"uc-tab inactive\">Deals<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-table-header\"><span>Contacts<\/span><span>Company<\/span><span>From<\/span><span>Status<\/span><\/div>\n<p> <\/p>\n<div class=\"uc-table-body\"> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=11\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Michel Opra<\/span><span class=\"uc-user-msg\">Loved your post!<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">NexaTech<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status responsive\"><span class=\"uc-status-dot\"><\/span>Responsive<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=5\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Sofia Rivera<\/span><span class=\"uc-user-msg\">Saw your story \ud83d\udd25<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">Synthex<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status interested\"><span class=\"uc-status-dot\"><\/span>Interested<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=12\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Daniel Martinez<\/span><span class=\"uc-user-msg\">Thanks for the DM<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">Orbix<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status proposal\"><span class=\"uc-status-dot\"><\/span>Proposal<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=9\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Elena Garcia<\/span><span class=\"uc-user-msg\">Let’s partner up<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">Quark<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"><\/div>\n<p> <span class=\"uc-status won\"><span class=\"uc-status-dot\"><\/span>Won<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"uc-card-title\">CRM Publisher<\/h3>\n<p> <pee class=\"uc-card-desc\">Enrich your CRM with Instagram DMs, story replies, and contact data. Sync conversations and track engagement alongside email and other channels.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-crm-publisher\/\" class=\"uc-cta\">CRM Use Case <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a> <\/div>\n<p>  <\/p>\n<div class=\"uc-card\"> <\/p>\n<div class=\"uc-mockup\"> <\/p>\n<div class=\"uc-mockup-header\"> <\/p>\n<div class=\"uc-mockup-logo outreach\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 2L11 13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg><\/div>\n<p> <span class=\"uc-mockup-name\">Your Outreach Tool<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-tabs\"> <span class=\"uc-tab active pink\">Sequences<\/span> <span class=\"uc-tab inactive\">Contacts<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-table-header\"><span>Contacts<\/span><span>Step<\/span><span>Via<\/span><span>Status<\/span><\/div>\n<p> <\/p>\n<div class=\"uc-table-body\"> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=11\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Michel Opra<\/span><span class=\"uc-user-msg\">@michel.opra<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">Step 3<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status replied\"><span class=\"uc-status-dot\"><\/span>Replied<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=5\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Sofia Rivera<\/span><span class=\"uc-user-msg\">@sofia.creates<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">Step 1<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status new\"><span class=\"uc-status-dot\"><\/span>New DM<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=12\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Daniel Martinez<\/span><span class=\"uc-user-msg\">@dan.mtz<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">Step 2<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LI\"><\/div>\n<p> <span class=\"uc-status active\"><span class=\"uc-status-dot\"><\/span>Active<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=9\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Elena Garcia<\/span><span class=\"uc-user-msg\">@elena.g<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">Step 4<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"><\/div>\n<p> <span class=\"uc-status responsive\"><span class=\"uc-status-dot\"><\/span>Converted<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"uc-card-title\">Outreach<\/h3>\n<p> <pee class=\"uc-card-desc\">Add Instagram DMs to your multi-channel sequences. Combine IG, LinkedIn, and email touchpoints for higher response rates and warmer engagement.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-outreach\/\" class=\"uc-cta\">Outreach Use Case <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a> <\/div>\n<p>  <\/p>\n<div class=\"uc-card\"> <\/p>\n<div class=\"uc-mockup\"> <\/p>\n<div class=\"uc-mockup-header\"> <\/p>\n<div class=\"uc-mockup-logo community\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n<p> <span class=\"uc-mockup-name\">Your Platform<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-tabs\"> <span class=\"uc-tab active purple\">Creators<\/span> <span class=\"uc-tab inactive\">Campaigns<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-table-header\"><span>Creator<\/span><span>Followers<\/span><span>Via<\/span><span>Status<\/span><\/div>\n<p> <\/p>\n<div class=\"uc-table-body\"> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=11\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Michel Opra<\/span><span class=\"uc-user-msg\">@michel.opra<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">45.2K<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status replied\"><span class=\"uc-status-dot\"><\/span>Replied<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=5\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Sofia Rivera<\/span><span class=\"uc-user-msg\">@sofia.creates<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">128K<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status interested\"><span class=\"uc-status-dot\"><\/span>Interested<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=12\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Daniel Martinez<\/span><span class=\"uc-user-msg\">@dan.mtz<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">67K<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status new\"><span class=\"uc-status-dot\"><\/span>New DM<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=9\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Elena Garcia<\/span><span class=\"uc-user-msg\">@elena.g<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">213K<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status won\"><span class=\"uc-status-dot\"><\/span>Signed<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"uc-card-title\">Influencer & Community<\/h3>\n<p> <pee class=\"uc-card-desc\">Manage creator outreach at scale. Browse profiles, send DMs, track replies, and close partnerships \u2014 all from your influencer management platform.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-outreach\/\" class=\"uc-cta\">Learn More <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|phone” admin_label=”Section” _builder_version=”4.27.3″ _module_preset=”ffe432b4-f12e-4600-a860-39c5409ee726″ background_color=”#0F2736″ custom_padding_tablet=”50px|24px|100px|24px|false|false” custom_padding_phone=”50px|24px|30px|24px|false|false” da_disable_devices=”off|off|off” global_module=”264172″ saved_tabs=”all” locked=”off” collapsed=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_row custom_padding_last_edited=”on|phone” admin_label=”Pricing API linkedin” _builder_version=”4.26.0″ _module_preset=”d262fa47-41f0-401c-96d8-82aea304ab04″ background_color=”RGBA(255,255,255,0)” max_width_tablet=”” max_width_phone=”” max_width_last_edited=”on|phone” custom_margin=”2px|auto|40px|auto|false|false” custom_margin_tablet=”” custom_margin_phone=”0px||40px||false|false” custom_margin_last_edited=”on|phone” custom_padding=”35px|35px|35px|35px|true|true” custom_padding_tablet=”35px|35px|35px|35px|true|true” custom_padding_phone=”15px|10px|15px|10px|false|false” border_radii=”on|8px|8px|8px|8px” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.21.0″ _module_preset=”1e9c10b2-f756-4e6b-b4fa-e5ce6ebdaa47″ global_colors_info=”{}”][et_pb_text _builder_version=”4.27.4″ _module_preset=”477606f8-6ca8-42e3-9d50-1d5e3258ceba” header_text_color=”#0F2736″ header_3_text_color=”#0F2736″ header_3_letter_spacing=”0.1px” custom_margin=”4px|0px|10px|0px|false|false” custom_padding_phone=”0px|10px|20px|10px|false|true” header_3_font_size_phone=”30px” global_colors_info=”{}”]<\/p>\n<h3 style=\"text-align: center;\"><span style=\"color: #ffffff;\">Build Features into Your Product Today<\/span><span style=\"color: #ffffff;\"><\/span><\/h3>\n<p>[\/et_pb_text][et_pb_text _builder_version=”4.27.3″ _module_preset=”477606f8-6ca8-42e3-9d50-1d5e3258ceba” header_text_color=”#0F2736″ header_3_text_color=”#0F2736″ header_3_letter_spacing=”0.1px” custom_margin=”4px|0px|10px|0px|false|false” custom_padding_phone=”0px|10px|20px|10px|false|true” global_colors_info=”{}”]<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Try our White-Label solution for free and unlock its full potential for your business. With the <strong>7-Day Free Trial<\/strong>, gain access to the complete suite of features designed to enhance your platform’s capabilities and branding. <\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n<style> \/* Scope global UNIQUEMENT au bloc pricing *\/ .unipile-pricing-wrapper { font-family: 'Inter', sans-serif; } .unipile-pricing-wrapper * { box-sizing: border-box; } \/* Carte unique *\/ .unipile-pricing-wrapper .pricing-card { max-width: 1200px; margin: 0 auto; background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 24px; padding: 48px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); } .unipile-pricing-wrapper .pricing-content { display: grid; grid-template-columns: 1fr 1px 1fr; gap: 48px; align-items: start; } \/* S\u00e9parateur vertical *\/ .unipile-pricing-wrapper .divider { width: 1px; height: 100%; background: rgba(255, 255, 255, 0.12); box-shadow: 0 0 20px rgba(255, 255, 255, 0.05); } \/* Section gauche - Calculator *\/ .unipile-pricing-wrapper .calculator-section { padding-right: 24px; } .unipile-pricing-wrapper .calculator-title { font-size: 22px; font-weight: 600; font-family: 'Poppins', sans-serif; color: #FFFFFF; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 24px; text-align: center; } .unipile-pricing-wrapper .account-display { text-align: center; margin-bottom: 24px; } .unipile-pricing-wrapper .account-number { font-size: 48px; font-weight: 700; color: #FFFFFF; line-height: 1; margin-bottom: 8px; margin-top: 50px; } .unipile-pricing-wrapper .account-label { font-size: 16px; color: rgba(255, 255, 255, 0.6); font-weight: 400; } \/* Slider *\/ .unipile-pricing-wrapper .slider-container { margin: 24px 0; } .unipile-pricing-wrapper input[type=\"range\"] { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 3px; background: linear-gradient(to right, #dddf4c 0%, #dddf4c 33%, rgba(255, 255, 255, 0.1) 33%, rgba(255, 255, 255, 0.1) 100%); outline: none; transition: all 0.3s ease; } .unipile-pricing-wrapper input[type=\"range\"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #dddf4c; cursor: pointer; transition: all 0.3s ease; } .unipile-pricing-wrapper input[type=\"range\"]::-webkit-slider-thumb:hover { transform: scale(1.2); } .unipile-pricing-wrapper input[type=\"range\"]::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: #dddf4c; cursor: pointer; border: none; transition: all 0.3s ease; } .unipile-pricing-wrapper input[type=\"range\"]::-moz-range-thumb:hover { transform: scale(1.2); } \/* Prix *\/ .unipile-pricing-wrapper .price-display { text-align: center; margin: 24px 0; } .unipile-pricing-wrapper .price-amount { font-size: 56px; font-weight: 700; color: #dddf4c; line-height: 1; } .unipile-pricing-wrapper .price-detail { font-size: 16px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; } \/* Currency Switch *\/ .unipile-pricing-wrapper .currency-switch { display: flex; justify-content: center; gap: 8px; margin-top: 24px; padding: 6px; background: rgba(255, 255, 255, 0.05); border-radius: 12px; width: fit-content; margin-left: auto; margin-right: auto; } .unipile-pricing-wrapper .currency-switch label { padding: 8px 20px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.6); transition: all 0.3s ease; } .unipile-pricing-wrapper .currency-switch input[type=\"radio\"] { display: none; } .unipile-pricing-wrapper .currency-switch input[type=\"radio\"]:checked + span { background: rgba(221, 223, 76, 0.2); color: #dddf4c; } .unipile-pricing-wrapper .currency-switch label:hover span { color: #FFFFFF; } \/* Tooltip *\/ .unipile-pricing-wrapper .tooltip-link { display: inline-block; margin-top: 20px; color: rgba(255, 255, 255, 0.7); font-size: 14px; border-bottom: 1px dashed rgba(255, 255, 255, 0.3); cursor: pointer; position: relative; transition: all 0.3s ease; user-select: none; } .unipile-pricing-wrapper .tooltip-link:hover { color: #dddf4c; border-bottom-color: #dddf4c; } .unipile-pricing-wrapper .tooltip-text { visibility: hidden; opacity: 0; position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%); width: 320px; background: #FFFFFF; color: #0F2836; font-size: 13px; line-height: 1.6; padding: 16px; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; z-index: 10; } .unipile-pricing-wrapper .tooltip-text::before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-bottom-color: #FFFFFF; } .unipile-pricing-wrapper .tooltip-link:hover .tooltip-text { visibility: visible; opacity: 1; } \/* Mobile tooltip *\/ @media (max-width: 640px) { .unipile-pricing-wrapper .tooltip-link { position: relative; -webkit-tap-highlight-color: transparent; } .unipile-pricing-wrapper .tooltip-text { position: absolute; top: calc(100% + 12px); bottom: auto; left: 50%; transform: translateX(-50%); width: calc(100vw - 48px); max-width: 320px; pointer-events: none; z-index: 1000; } .unipile-pricing-wrapper .tooltip-text::before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-bottom-color: #FFFFFF; display: block; } .unipile-pricing-wrapper .tooltip-link.active .tooltip-text { visibility: visible; opacity: 1; pointer-events: auto; } } \/* Section droite - Features *\/ .unipile-pricing-wrapper .features-section-pricing { padding-left: 24px; } .unipile-pricing-wrapper .features-title { font-size: 22px; font-weight: 600; font-family: 'Poppins', sans-serif; color: #FFFFFF; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 32px; text-align: center; } .unipile-pricing-wrapper .feature-item-pricing { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 24px; margin-left: 40px; transition: transform 0.3s ease; } .unipile-pricing-wrapper .feature-item-pricing:hover { transform: translateX(8px); } .unipile-pricing-wrapper .feature-icon { width: 28px; height: 28px; flex-shrink: 0; margin-top: 2px; } .unipile-pricing-wrapper .feature-title { font-size: 19px; font-weight: 600; color: #FFFFFF; margin-bottom: 4px; } .unipile-pricing-wrapper .feature-description { font-size: 16px; color: rgba(255, 255, 255, 0.7); line-height: 1.5; } \/* CTA *\/ .unipile-pricing-wrapper .cta-section { text-align: center; margin-top: 32px; padding-top: 0; } .unipile-pricing-wrapper .cta-button { display: inline-block; background: #dddf4c; color: #0F2836; font-size: 17px; font-weight: 700; padding: 16px 56px; border-radius: 12px; text-decoration: none; transition: background 0.3s ease; } .unipile-pricing-wrapper .cta-button:hover { background: #f0f25a; } .unipile-pricing-wrapper .cta-note { font-size: 13px; color: rgba(255, 255, 255, 0.6); margin-top: 16px; } \/* Responsive *\/ @media (max-width: 968px) { .unipile-pricing-wrapper .pricing-card { padding: 32px; } .unipile-pricing-wrapper .pricing-content { grid-template-columns: 1fr; gap: 32px; } .unipile-pricing-wrapper .divider { display: none; } .unipile-pricing-wrapper .calculator-section, .unipile-pricing-wrapper .features-section-pricing { padding: 0; } .unipile-pricing-wrapper .calculator-section { padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .unipile-pricing-wrapper .account-number { font-size: 48px; } .unipile-pricing-wrapper .price-amount { font-size: 56px; } } @media (max-width: 640px) { .unipile-pricing-wrapper .pricing-card { padding: 24px; } .unipile-pricing-wrapper .account-number { font-size: 40px; } .unipile-pricing-wrapper .price-amount { font-size: 48px; } .unipile-pricing-wrapper .calculator-title, .unipile-pricing-wrapper .features-title { font-size: 20px; } .unipile-pricing-wrapper .feature-title { font-size: 17px; } .unipile-pricing-wrapper .feature-description { font-size: 15px; } }<\/style>\n<p><\/p>\n<div class=\"unipile-pricing-wrapper\"> <\/p>\n<div class=\"pricing-card\"> <\/p>\n<div class=\"pricing-content\">  <\/p>\n<div class=\"calculator-section\"> <\/p>\n<div class=\"calculator-title\">How many accounts?<\/div>\n<p>  <\/p>\n<div class=\"account-display\"> <\/p>\n<div class=\"account-number\" id=\"account-count\">11 to 50<\/div>\n<p> <\/p>\n<div class=\"account-label\">accounts<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"slider-container\"> <input type=\"range\" min=\"1\" max=\"6\" value=\"2\" id=\"accountSlider\" step=\"1\"> <\/div>\n<p> <\/p>\n<div class=\"price-display\"> <\/p>\n<div class=\"price-amount\"> <span id=\"price\">5.00<\/span> <span id=\"currency-display\">\u20ac<\/span> <\/div>\n<p> <\/p>\n<div class=\"price-detail\" id=\"price-type\">\/account\/month<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"currency-switch\"> <label> <input type=\"radio\" name=\"currency\" value=\"EUR\"> <span>\u20ac EUR<\/span> <\/label> <label> <input type=\"radio\" name=\"currency\" value=\"USD\"> <span>$ USD<\/span> <\/label> <\/div>\n<p> <\/p>\n<div style=\"text-align: center;\"> <span class=\"tooltip-link\"> How accounts are calculated <span class=\"tooltip-text\"> Pricing is based on the number of linked accounts. For example, 3 Emails + 2 LinkedIn + 6 WhatsApp accounts would cost 55\u20ac (11 x 5\u20ac) (or $60.5, 11 x $5.5). No additional cost by request. We have minimum of 49\u20ac\/month ($55), including up to 10 accounts. <\/span> <\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"divider\"><\/div>\n<p>  <\/p>\n<div class=\"features-section-pricing\"> <\/p>\n<h2 class=\"features-title\">What’s included<\/h2>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">One API. All channels<\/div>\n<p> <\/p>\n<div class=\"feature-description\">Linkedin, Instagram, Email, WhatsApp…<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">All Features<\/div>\n<p> <\/p>\n<div class=\"feature-description\">Outreach, Real-time Inbox, Enrichment…<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">Unlimited usage<\/div>\n<p> <\/p>\n<div class=\"feature-description\">Only providers limit apply.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">7-Day Free Trial<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"cta-section\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\" class=\"cta-button\">Build Now<\/a> <\/p>\n<div class=\"cta-note\">Cancel anytime. No credit card required<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><script> document.addEventListener('DOMContentLoaded', function() { function getCurrencyByLanguage() { const userLanguage = navigator.language || (navigator.languages && navigator.languages[0]) || 'en'; const europeanLanguages = ['en-GB', 'fr', 'de', 'es', 'it', 'nl', 'pt', 'pl', 'sv', 'da', 'fi', 'no', 'cs', 'hu', 'ro', 'el', 'bg', 'sk']; const dollarCountries = { 'en-US': 'USD', 'en-CA': 'USD', 'en-AU': 'USD', 'en-NZ': 'USD', 'en-SG': 'USD' }; if (dollarCountries[userLanguage]) return dollarCountries[userLanguage]; if (europeanLanguages.some(lang => userLanguage.startsWith(lang))) return 'EUR'; return 'EUR'; } const slider = document.getElementById(\"accountSlider\"); if (!slider) return; const accountCount = document.getElementById(\"account-count\"); const price = document.getElementById(\"price\"); const currencyDisplay = document.getElementById(\"currency-display\"); const priceType = document.getElementById(\"price-type\"); const currencySwitch = document.querySelectorAll(\"input[name='currency']\"); let currency = getCurrencyByLanguage(); const pricesEUR = [49.00, 5.00, 4.50, 4.00, 3.50, 3.00]; const pricesUSD = [55.00, 5.50, 5.00, 4.50, 4.00, 3.50]; function updatePrice(value) { let accounts, priceValue; switch (parseInt(value)) { case 1: accounts = \"Up to 10\"; priceValue = currency === 'EUR' ? pricesEUR[0] : pricesUSD[0]; priceType.innerText = \"\/month\"; break; case 2: accounts = \"11 to 50\"; priceValue = currency === 'EUR' ? pricesEUR[1] : pricesUSD[1]; priceType.innerText = \"\/account\/month\"; break; case 3: accounts = \"51 to 200\"; priceValue = currency === 'EUR' ? pricesEUR[2] : pricesUSD[2]; priceType.innerText = \"\/account\/month\"; break; case 4: accounts = \"201 to 1000\"; priceValue = currency === 'EUR' ? pricesEUR[3] : pricesUSD[3]; priceType.innerText = \"\/account\/month\"; break; case 5: accounts = \"1001 to 5000\"; priceValue = currency === 'EUR' ? pricesEUR[4] : pricesUSD[4]; priceType.innerText = \"\/account\/month\"; break; case 6: accounts = \"5001+\"; priceValue = currency === 'EUR' ? pricesEUR[5] : pricesUSD[5]; priceType.innerText = \"\/account\/month\"; break; } accountCount.innerText = accounts; price.innerText = priceValue.toFixed(2); currencyDisplay.innerText = currency === 'EUR' ? \"\u20ac\" : \"$\"; } function updateSliderBackground(value) { const percentage = ((value - 1) \/ 5) * 100; slider.style.background = `linear-gradient(to right, #dddf4c 0%, #dddf4c ${percentage}%, rgba(255, 255, 255, 0.1) ${percentage}%, rgba(255, 255, 255, 0.1) 100%)`; } currencySwitch.forEach(switcher => { switcher.addEventListener(\"change\", function () { currency = this.value; updatePrice(slider.value); }); }); slider.addEventListener(\"input\", function () { updatePrice(this.value); updateSliderBackground(this.value); }); updatePrice(2); updateSliderBackground(2); const radioToCheck = document.querySelector(`input[name=\"currency\"][value=\"${currency}\"]`); if (radioToCheck) radioToCheck.checked = true; \/\/ Tooltip mobile const tooltipLink = document.querySelector('.unipile-pricing-wrapper .tooltip-link'); if (tooltipLink) { tooltipLink.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); this.classList.toggle('active'); }); document.addEventListener('click', function(e) { if (!tooltipLink.contains(e.target)) { tooltipLink.classList.remove('active'); } }); } });<\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\"><\/p>\n<style>#upl-instagram-features { font-family: 'Inter', sans-serif; background: #f4f5f7; padding: 80px 20px; position: relative;}#upl-instagram-features *,#upl-instagram-features *::before,#upl-instagram-features *::after { margin: 0; padding: 0; box-sizing: border-box;}#upl-instagram-features .upl-container { max-width: 1200px; margin: 0 auto; }\/* Section Header *\/#upl-instagram-features .upl-header { text-align: center; margin-bottom: 50px; }#upl-instagram-features .upl-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(59, 185, 139, 0.1); color: #3BB98B; padding: 8px 16px; border-radius: 20px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px;}#upl-instagram-features .upl-badge svg { width: 14px; height: 14px; }#upl-instagram-features .upl-title { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #0f2736; line-height: 1.2; margin-bottom: 16px;}#upl-instagram-features .upl-subtitle { font-size: 17px; color: #0f2736; line-height: 1.6; max-width: 650px; margin: 0 auto;}\/* Main Grid *\/#upl-instagram-features .upl-main-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 30px; margin-bottom: 40px;}\/* CODE CARD *\/#upl-instagram-features .upl-code-card { background: #ffffff; border-radius: 16px; padding: 24px; }#upl-instagram-features .upl-card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }#upl-instagram-features .upl-card-icon { width: 40px; height: 40px; background: rgba(59, 185, 139, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center;}#upl-instagram-features .upl-card-icon svg { width: 20px; height: 20px; color: #3BB98B; }#upl-instagram-features .upl-card-title { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #0f2736; }#upl-instagram-features .upl-card-desc { font-size: 14px; color: #64748b; line-height: 1.5; margin-bottom: 16px; }#upl-instagram-features .upl-code-block { background: #0f2736; border-radius: 12px; overflow: hidden; }#upl-instagram-features .upl-code-header { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.1);}#upl-instagram-features .upl-dot { width: 10px; height: 10px; border-radius: 50%; }#upl-instagram-features .upl-dot.r { background: #ff5f57; }#upl-instagram-features .upl-dot.y { background: #febc2e; }#upl-instagram-features .upl-dot.g { background: #28c840; }#upl-instagram-features .upl-filename { margin-left: auto; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: rgba(255, 255, 255, 0.4);}#upl-instagram-features .upl-code-body { padding: 18px; overflow-x: auto; }#upl-instagram-features .upl-code-body pre { font-family: 'JetBrains Mono', monospace; font-size: 12px; line-height: 1.7; color: #e2e8f0; white-space: pre; margin: 0;}#upl-instagram-features .upl-code-body .kw { color: #c084fc; }#upl-instagram-features .upl-code-body .fn { color: #60a5fa; }#upl-instagram-features .upl-code-body .str { color: #4ade80; }#upl-instagram-features .upl-code-body .cm { color: #64748b; }#upl-instagram-features .upl-code-body .var { color: #f472b6; }#upl-instagram-features .upl-code-footer { padding: 14px 18px; border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: space-between;}#upl-instagram-features .upl-code-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #DDDF4C; text-decoration: none; transition: gap 0.3s ease;}#upl-instagram-features .upl-code-link:hover { gap: 10px; }#upl-instagram-features .upl-code-link svg { width: 14px; height: 14px; }#upl-instagram-features .upl-code-tag { display: flex; align-items: center; gap: 5px; font-size: 11px; color: rgba(255, 255, 255, 0.5);}#upl-instagram-features .upl-code-tag svg { width: 12px; height: 12px; }\/* RIGHT SIDE - DEV FEATURES *\/#upl-instagram-features .upl-dev-features { display: flex; flex-direction: column; gap: 16px; }#upl-instagram-features .upl-dev-card { background: #ffffff; border-radius: 14px; padding: 20px; display: flex; gap: 16px;}#upl-instagram-features .upl-dev-icon { width: 44px; height: 44px; background: rgba(59, 185, 139, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}#upl-instagram-features .upl-dev-icon svg { width: 22px; height: 22px; color: #3BB98B; }#upl-instagram-features .upl-dev-content h4 { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; color: #0f2736; margin-bottom: 4px;}#upl-instagram-features .upl-dev-content p { font-size: 13px; color: #64748b; line-height: 1.5; }\/* PROVIDERS VISUAL *\/#upl-instagram-features .upl-providers-card { background: #ffffff; border-radius: 14px; padding: 20px; }#upl-instagram-features .upl-providers-visual { display: flex; align-items: center; justify-content: center; gap: 12px;}#upl-instagram-features .upl-prov-accounts { display: flex; flex-direction: column; gap: 6px; }#upl-instagram-features .upl-prov-account { display: flex; align-items: center; gap: 8px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 10px; padding: 6px 12px 6px 6px;}#upl-instagram-features .upl-prov-account img.upl-prov-av { width: 28px; height: 28px; border-radius: 50%; object-fit: cover;}#upl-instagram-features .upl-prov-account-info { display: flex; flex-direction: column; gap: 0; }#upl-instagram-features .upl-prov-account-name { font-size: 11px; font-weight: 600; color: #1e293b; line-height: 1.2;}#upl-instagram-features .upl-prov-account-type { font-size: 9px; color: #94a3b8; line-height: 1.2;}#upl-instagram-features .upl-prov-account-ig { width: 16px; height: 16px; margin-left: auto; flex-shrink: 0;}#upl-instagram-features .upl-prov-arrow { color: #3BB98B; display: flex; align-items: center; }#upl-instagram-features .upl-prov-arrow svg { width: 20px; height: 20px; }#upl-instagram-features .upl-unified-box { background: rgba(59, 185, 139, 0.1); border-radius: 10px; padding: 10px 16px; display: flex; align-items: center; gap: 8px; color: #3BB98B;}#upl-instagram-features .upl-unified-box svg { width: 20px; height: 20px; }#upl-instagram-features .upl-unified-box span { font-size: 12px; font-weight: 600; white-space: nowrap; }\/* CTA *\/#upl-instagram-features .upl-cta-wrap { text-align: center; }#upl-instagram-features .upl-cta-btn { display: inline-flex; align-items: center; gap: 8px; background: #DDDF4C; color: #0f2736; font-size: 15px; font-weight: 600; padding: 14px 32px; border-radius: 10px; text-decoration: none; transition: transform 0.3s ease;}#upl-instagram-features .upl-cta-btn:hover { transform: translateY(-3px); }#upl-instagram-features .upl-cta-btn svg { width: 18px; height: 18px; }\/* Responsive *\/@media (max-width: 1024px) { #upl-instagram-features .upl-main-grid { grid-template-columns: 1fr; } #upl-instagram-features .upl-title { font-size: 30px; }}@media (max-width: 768px) { #upl-instagram-features { padding: 60px 16px; } #upl-instagram-features .upl-title { font-size: 28px; } #upl-instagram-features .upl-subtitle { font-size: 15px; } #upl-instagram-features .upl-code-card { padding: 18px; } #upl-instagram-features .upl-code-body { padding: 14px; } #upl-instagram-features .upl-code-body pre { font-size: 10px; line-height: 1.6; } #upl-instagram-features .upl-code-footer { flex-direction: column; gap: 12px; align-items: flex-start; } #upl-instagram-features .upl-dev-card { padding: 16px; } #upl-instagram-features .upl-dev-icon { width: 38px; height: 38px; } #upl-instagram-features .upl-dev-icon svg { width: 18px; height: 18px; } #upl-instagram-features .upl-dev-content h4 { font-size: 14px; } #upl-instagram-features .upl-dev-content p { font-size: 12px; } #upl-instagram-features .upl-providers-visual { flex-wrap: wrap; gap: 10px; } #upl-instagram-features .upl-prov-icon { width: 40px; height: 40px; } #upl-instagram-features .upl-prov-icon img { width: 20px; height: 20px; }}@media (max-width: 600px) { #upl-instagram-features { padding: 50px 14px; } #upl-instagram-features .upl-header { margin-bottom: 35px; } #upl-instagram-features .upl-title { font-size: 24px; } #upl-instagram-features .upl-subtitle { font-size: 14px; } #upl-instagram-features .upl-badge { font-size: 10px; padding: 6px 12px; } #upl-instagram-features .upl-main-grid { gap: 20px; margin-bottom: 30px; } #upl-instagram-features .upl-dev-features { gap: 12px; } #upl-instagram-features .upl-code-body pre { font-size: 9px; line-height: 1.5; } #upl-instagram-features .upl-cta-btn { padding: 12px 24px; font-size: 14px; }}@media (max-width: 400px) { #upl-instagram-features .upl-title { font-size: 22px; } #upl-instagram-features .upl-providers-visual { justify-content: flex-start; } #upl-instagram-features .upl-prov-icons { flex-wrap: wrap; }}<\/style>\n<p><\/p>\n<section id=\"upl-instagram-features\"> <\/p>\n<div class=\"upl-container\">  <\/p>\n<div class=\"upl-header\"> <\/p>\n<div class=\"upl-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"><\/polyline> <polyline points=\"8 6 2 12 8 18\"><\/polyline> <\/svg> Built for Developers <\/div>\n<p> <\/p>\n<h2 class=\"upl-title\">Instagram API Integration for Modern Apps<\/h2>\n<p> <pee class=\"upl-subtitle\">A production-ready SDK that handles the complexity of Instagram integration. RESTful endpoints, real-time webhooks, and automatic rate limiting, so you can focus on building, not maintaining.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"upl-main-grid\">  <\/p>\n<div class=\"upl-code-card\"> <\/p>\n<div class=\"upl-card-head\"> <\/p>\n<div class=\"upl-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"><\/polyline> <polyline points=\"8 6 2 12 8 18\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<h3 class=\"upl-card-title\">Simple Integration<\/h3>\n<p> <\/div>\n<p> <pee class=\"upl-card-desc\">Send DMs, retrieve profiles, and post comments with just a few lines of code. Our SDK handles authentication, rate limits, and error handling.<\/pee> <\/p>\n<div class=\"upl-code-block notranslate\" translate=\"no\"> <\/p>\n<div class=\"upl-code-header\"> <span class=\"upl-dot r\"><\/span> <span class=\"upl-dot y\"><\/span> <span class=\"upl-dot g\"><\/span> <span class=\"upl-filename\">instagram-outreach.js<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-code-body\"> <\/p>\n<pre class=\"notranslate\" translate=\"no\"><span class=\"cm\">\/\/ Connect to Instagram in seconds<\/span><span class=\"kw\">import<\/span> { UnipileClient } <span class=\"kw\">from<\/span> <span class=\"str\">'unipile-node-sdk'<\/span>;<span class=\"kw\">const<\/span> client = <span class=\"kw\">new<\/span> <span class=\"fn\">UnipileClient<\/span>({ dsn: <span class=\"str\">'https:\/\/api.unipile.com'<\/span>, token: process.env.<span class=\"var\">UNIPILE_TOKEN<\/span>});<span class=\"cm\">\/\/ Retrieve an Instagram profile<\/span><span class=\"kw\">const<\/span> profile = <span class=\"kw\">await<\/span> client.users.<span class=\"fn\">getProfile<\/span>({ account_id: <span class=\"var\">accountId<\/span>, provider_id: <span class=\"str\">'instagram_user_id'<\/span>});<span class=\"cm\">\/\/ Send a Direct Message<\/span><span class=\"kw\">await<\/span> client.messaging.<span class=\"fn\">sendMessage<\/span>({ account_id: <span class=\"var\">accountId<\/span>, text: <span class=\"str\">'Hey! Loved your latest post \ud83d\udd25'<\/span>, attendees: [{ provider_id: <span class=\"str\">'ig_user_id'<\/span> }]});<\/pre>\n<p> <\/div>\n<p> <\/p>\n<div class=\"upl-code-footer\"> <a href=\"https:\/\/developer.unipile.com\/reference\/accountscontroller_listaccounts\" class=\"upl-code-link\" target=\"_blank\" rel=\"noopener noreferrer\"> Explore API Reference <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <span class=\"upl-code-tag notranslate\" translate=\"no\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path> <\/svg> TypeScript Ready <\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-dev-features\">  <\/p>\n<div class=\"upl-providers-card\"> <\/p>\n<div class=\"upl-providers-visual\"> <\/p>\n<div class=\"upl-prov-accounts\"> <\/p>\n<div class=\"upl-prov-account\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/02\/oskar-hagberg-1mMIpisWzn8-unsplash.png?w=60&h=60&fit=crop\" class=\"upl-prov-av\" alt=\"\"> <\/p>\n<div class=\"upl-prov-account-info\"> <span class=\"upl-prov-account-name\">@shoeshop<\/span> <span class=\"upl-prov-account-type\">Business<\/span> <\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" class=\"upl-prov-account-ig\" alt=\"IG\"> <\/div>\n<p> <\/p>\n<div class=\"upl-prov-account\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=60&h=60&fit=crop&crop=face\" class=\"upl-prov-av\" alt=\"\"> <\/p>\n<div class=\"upl-prov-account-info\"> <span class=\"upl-prov-account-name\">@sarah.creates<\/span> <span class=\"upl-prov-account-type\">Creator<\/span> <\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" class=\"upl-prov-account-ig\" alt=\"IG\"> <\/div>\n<p> <\/p>\n<div class=\"upl-prov-account\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=60&h=60&fit=crop&crop=face\" class=\"upl-prov-av\" alt=\"\"> <\/p>\n<div class=\"upl-prov-account-info\"> <span class=\"upl-prov-account-name\">@mike.studio<\/span> <span class=\"upl-prov-account-type\">Personal<\/span> <\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" class=\"upl-prov-account-ig\" alt=\"IG\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"upl-prov-arrow\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-unified-box\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path> <path d=\"M2 17l10 5 10-5\"><\/path> <path d=\"M2 12l10 5 10-5\"><\/path> <\/svg> <span>One Unified API<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-dev-card\"> <\/p>\n<div class=\"upl-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"><\/polyline> <polyline points=\"8 6 2 12 8 18\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-dev-content\"> <\/p>\n<h4>RESTful API<\/h4>\n<p> <pee>Clean, standardized endpoints with JSON responses. Predictable URL structure and HTTP methods.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-dev-card\"> <\/p>\n<div class=\"upl-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-dev-content\"> <\/p>\n<h4>Real-time Webhooks<\/h4>\n<p> <pee>Instant notifications for new DMs, story replies, and engagement events. No polling required.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-dev-card\"> <\/p>\n<div class=\"upl-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect> <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-dev-content\"> <\/p>\n<h4>Secure Authentication<\/h4>\n<p> <pee>Token-based authentication with automatic session management. Secure credential handling for all account types.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-dev-card\"> <\/p>\n<div class=\"upl-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path> <polyline points=\"9 12 11 14 15 10\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-dev-content\"> <\/p>\n<h4>Account Protection<\/h4>\n<p> <pee>Built-in safeguards to protect Instagram accounts. Human-like behavior patterns and activity limits.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-dev-card\"> <\/p>\n<div class=\"upl-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle> <polyline points=\"12 6 12 12 16 14\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-dev-content\"> <\/p>\n<h4>Smart Rate Limiting<\/h4>\n<p> <pee>Automatic rate limit management with informative headers. We handle Instagram’s restrictions for you.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-dev-card\"> <\/p>\n<div class=\"upl-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle> <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line> <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-dev-content\"> <\/p>\n<h4>Clear Error Handling<\/h4>\n<p> <pee>Descriptive error codes and messages. Built-in retry logic with exponential backoff.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-cta-wrap\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"upl-cta-btn\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <\/div>\n<p> <\/div>\n<p><\/section>\n<p>[\/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 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1> <\/p>\n<section class=\"unipile-dashboard-section\"> <\/p>\n<div class=\"dashboard-container\">  <\/p>\n<header class=\"dashboard-header\"> <\/p>\n<div class=\"dashboard-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/> <\/svg> Unified Dashboard <\/div>\n<p> <\/p>\n<h2 class=\"dashboard-title\"> One dashboard for<span> all your integrations<\/span> <\/h2>\n<p> <pee class=\"dashboard-subtitle\"> Manage all your LinkedIn, WhatsApp, Gmail accounts and more from a single, intuitive interface. <\/pee> <\/header>\n<p>  <\/p>\n<div class=\"dashboard-showcase\">  <\/p>\n<div class=\"dashboard-frame\"> <\/p>\n<div class=\"dashboard-inner\">  <\/p>\n<div class=\"app-header\"> <\/p>\n<div class=\"app-header-left\"> <\/p>\n<div class=\"app-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/07\/logo-unipile.svg\" alt=\"Unipile\"> <\/div>\n<p> <span class=\"header-separator\">\/<\/span> <\/p>\n<div class=\"header-dropdown\"> <span class=\"header-dropdown-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/> <path d=\"M3 9h18\"\/> <\/svg> <\/span> <span>Acme<\/span> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"6 9 12 15 18 9\"\/> <\/svg> <\/div>\n<p> <span class=\"header-separator\">\/<\/span> <\/p>\n<div class=\"header-dropdown\"> <span class=\"header-dropdown-icon orange\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/> <polyline points=\"14 2 14 8 20 8\"\/> <\/svg> <\/span> <span>Application<\/span> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"6 9 12 15 18 9\"\/> <\/svg> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"app-header-right\"> <\/p>\n<div class=\"header-nav-item\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/> <polyline points=\"14 2 14 8 20 8\"\/> <\/svg> Documentation <\/div>\n<p> <\/p>\n<div class=\"header-nav-item\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"\/> <polyline points=\"8 6 2 12 8 18\"\/> <\/svg> API Reference <\/div>\n<p> <\/p>\n<div class=\"header-nav-item\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/> <\/svg> Changelog <\/div>\n<p> <\/p>\n<div class=\"header-user\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/> <circle cx=\"12\" cy=\"7\" r=\"4\"\/> <\/svg> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"dashboard-content\" id=\"dashboardContent\">  <svg class=\"animated-cursor\" id=\"dashboardAnimatedCursor\" viewBox=\"0 0 24 24\" fill=\"#0f2736\" stroke=\"#ffffff\" stroke-width=\"1\"> <path d=\"M4 4l16 12-7 1-4 7-5-20z\"\/> <\/svg>  <\/p>\n<div class=\"connect-modal-overlay\" id=\"dashboardConnectModal\"> <\/p>\n<div class=\"connect-modal\"> <\/p>\n<div class=\"connect-modal-header\"> <span>Connect a new account<\/span> <button class=\"modal-close-btn\" onclick=\"closeDashboardConnectModal()\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/> <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/> <\/svg> <\/button> <\/div>\n<p> <\/p>\n<div class=\"connect-modal-body\"> <\/p>\n<div class=\"connect-modal-title\">Select the type of account you<!\u2013- [et_pb_br_holder] -\u2013>want to connect<\/div>\n<p> <\/p>\n<div class=\"provider-list\"> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"LinkedIn\"> <\/div>\n<p> <span class=\"provider-name\">LinkedIn<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <span class=\"provider-name\">WhatsApp<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <span class=\"provider-name\">Instagram<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <span class=\"provider-name\">Telegram<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"provider-divider\"><\/div>\n<p> <\/p>\n<div class=\"provider-list\"> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Google\"> <\/div>\n<p> <span class=\"provider-name\">Google<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <span class=\"provider-name\">IMAP<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Microsoft\"> <\/div>\n<p> <span class=\"provider-name\">Microsoft<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"provider-divider\"><\/div>\n<p> <\/p>\n<div class=\"provider-list\"> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <span class=\"provider-name\">Google Calendar<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"provider-name\">Outlook Calendar<\/span> <\/div>\n<p> <\/div>\n<p> <button class=\"cancel-btn\" onclick=\"closeDashboardConnectModal()\">Cancel<\/button> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<aside class=\"dashboard-sidebar\"> <\/p>\n<ul class=\"sidebar-nav\"> <\/p>\n<li class=\"active\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <circle cx=\"12\" cy=\"12\" r=\"3\"\/> <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/> <\/svg> Accounts <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/> <\/svg> Testing <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/> <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/> <\/svg> Webhooks <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"\/> <\/svg> API Keys <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <circle cx=\"12\" cy=\"12\" r=\"3\"\/> <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09\"\/> <\/svg> Settings <\/li>\n<p> <\/ul>\n<p>  <\/p>\n<div class=\"sidebar-org\"> <\/p>\n<div class=\"org-avatar\">MO<\/div>\n<p> <\/p>\n<div class=\"org-info\"> <\/p>\n<div class=\"org-name\">John David<\/div>\n<p> <\/p>\n<div class=\"org-company\">Acme<\/div>\n<p> <\/div>\n<p> <svg class=\"org-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"6 9 12 15 18 9\"\/> <\/svg> <\/div>\n<p> <\/aside>\n<p>  <main class=\"dashboard-main\"> <\/p>\n<div class=\"main-header\"> <\/p>\n<h3 class=\"main-title\">Accounts<\/h3>\n<p> <button class=\"add-btn\" id=\"dashboardAddBtn\" onclick=\"openDashboardConnectModal()\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> Link account <\/button> <\/div>\n<p> <\/p>\n<div class=\"status-row\"> <\/p>\n<div class=\"status-pill green\"> <span class=\"status-dot green\"><\/span> <span class=\"count\">20<\/span> Operational <\/div>\n<p> <\/p>\n<div class=\"status-pill\"> <span class=\"status-dot yellow\"><\/span> <span>0<\/span> Authentication required <\/div>\n<p> <\/p>\n<div class=\"status-pill\"> <span class=\"status-dot orange\"><\/span> <span>0<\/span> Service interruption <\/div>\n<p> <\/p>\n<div class=\"status-pill\"> <span class=\"status-dot purple\"><\/span> <span>0<\/span> Paused <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"filters-row\"> <input type=\"text\" class=\"search-input\" id=\"dashboardSearchInput\" placeholder=\"Search by name or ID...\" oninput=\"filterDashboardAccounts()\"> <select class=\"filter-select\" id=\"dashboardStatusFilter\" onchange=\"filterDashboardAccounts()\"><option value=\"\">All status<\/option><option value=\"operational\">Operational<\/option><option value=\"auth\">Auth required<\/option><option value=\"interrupted\">Interrupted<\/option> <\/select> <select class=\"filter-select\" id=\"dashboardProviderFilter\" onchange=\"filterDashboardAccounts()\"><option value=\"\">All providers<\/option><option value=\"linkedin\">LinkedIn<\/option><option value=\"whatsapp\">WhatsApp<\/option><option value=\"gmail\">Gmail<\/option><option value=\"outlook\">Outlook<\/option><option value=\"instagram\">Instagram<\/option><option value=\"telegram\">Telegram<\/option><option value=\"google-calendar\">Google Calendar<\/option><option value=\"outlook-calendar\">Outlook Calendar<\/option> <\/select> <\/div>\n<p> <\/p>\n<div class=\"accounts-table-wrapper\"> <\/p>\n<div class=\"table-header\"> <span>Name<\/span> <span>ID<\/span> <span><\/span> <span>Status<\/span> <span>Linked<\/span> <span><\/span> <\/div>\n<p> <\/p>\n<div class=\"accounts-scroll\" id=\"dashboardAccountsList\">  <\/p>\n<div class=\"table-row\" data-provider=\"linkedin\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"LinkedIn\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb44tjf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"linkedin\" data-status=\"operational\" data-name=\"Sarah Johnson\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"SMS\"> <\/div>\n<p> <span class=\"account-name\">Sarah Johnson<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb55ujk…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/15\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"linkedin\" data-status=\"operational\" data-name=\"Thomas Martin\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"LinkedIn\"> <\/div>\n<p> <span class=\"account-name\">Thomas Martin<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb66vlm…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/10\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"whatsapp\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb7tfqf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"whatsapp\" data-status=\"operational\" data-name=\"Emma Wilson\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <span class=\"account-name\">Emma Wilson<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb8ugr…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/28\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"whatsapp\" data-status=\"operational\" data-name=\"Lucas Bernard\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"SMS\"> <\/div>\n<p> <span class=\"account-name\">Lucas Bernard<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb9vhs…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/20\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"gmail\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb4ezwf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"gmail\" data-status=\"operational\" data-name=\"Sophie Durand\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <\/div>\n<p> <span class=\"account-name\">Sophie Durand<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb5fax…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/25\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"outlook\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb4vzbf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"outlook\" data-status=\"operational\" data-name=\"Marie Lefebvre\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <span class=\"account-name\">Marie Lefebvre<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb5wac…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/22\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"instagram\" data-status=\"operational\" data-name=\"Alex Turner\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <span class=\"account-name\">Alex Turner<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc1abc…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/14\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"instagram\" data-status=\"operational\" data-name=\"Chloe Davis\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <span class=\"account-name\">Chloe Davis<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc2bcd…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/12\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"telegram\" data-status=\"operational\" data-name=\"David Chen\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <span class=\"account-name\">David Chen<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc3cde…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/08\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"telegram\" data-status=\"operational\" data-name=\"Nina Patel\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <span class=\"account-name\">Nina Patel<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc4def…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/05\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"google-calendar\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc9efg…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"google-calendar\" data-status=\"operational\" data-name=\"Sarah Johnson\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <span class=\"account-name\">Sarah Johnson<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpcafgh…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/15\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"outlook-calendar\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpcbghi…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"outlook-calendar\" data-status=\"operational\" data-name=\"Marie Lefebvre\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"account-name\">Marie Lefebvre<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpcchij…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/22\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/main> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"dashboard-cta\"> <a  href=”https:\/\/dashboard.unipile.com\/signup\/”  class=”cta-primary”> Try for free <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <polyline points=\"12 5 19 12 12 19\"\/> <\/svg><\/a> <button class=\"cta-secondary\" onclick=\"openDashboardVideoModal()\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polygon points=\"5 3 19 12 5 21 5 3\"\/> <\/svg> Watch demo <\/button> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"dashboard-video-modal-overlay\" id=\"dashboardVideoModal\" onclick=\"closeDashboardVideoModal(event)\"> <\/p>\n<div class=\"dashboard-video-modal\" onclick=\"event.stopPropagation()\"> <\/p>\n<div class=\"dashboard-video-modal-header\"> <\/p>\n<div class=\"dashboard-video-modal-title\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polygon points=\"5 3 19 12 5 21 5 3\"\/> <\/svg> Dashboard Demo <\/div>\n<p> <button class=\"dashboard-video-close-btn\" onclick=\"closeDashboardVideoModal(event)\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/> <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/> <\/svg> <\/button> <\/div>\n<p> <\/p>\n<div class=\"dashboard-video-container\"> <iframe id=\"dashboardYoutubeVideo\" src=\"\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <script> \/\/ Video Modal Functions - Dashboard Section function openDashboardVideoModal() { document.getElementById('dashboardVideoModal').classList.add('active'); document.getElementById('dashboardYoutubeVideo').src = 'https:\/\/www.youtube.com\/embed\/9e3LNkOfAyY?autoplay=1&start=2'; document.body.style.overflow = 'hidden'; } function closeDashboardVideoModal(event) { if (event) { event.preventDefault(); } document.getElementById('dashboardVideoModal').classList.remove('active'); document.getElementById('dashboardYoutubeVideo').src = ''; document.body.style.overflow = ''; } \/\/ Connect Modal Functions function openDashboardConnectModal() { document.getElementById('dashboardConnectModal').classList.add('active'); } function closeDashboardConnectModal() { document.getElementById('dashboardConnectModal').classList.remove('active'); } \/\/ Add pulse effect to button function addDashboardPulseEffect() { const addBtn = document.getElementById('dashboardAddBtn'); addBtn.classList.add('pulse-effect'); } \/\/ Close on Escape key document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeDashboardVideoModal(); closeDashboardConnectModal(); } }); \/\/ Filter accounts function function filterDashboardAccounts() { const searchValue = document.getElementById('dashboardSearchInput').value.toLowerCase(); const providerValue = document.getElementById('dashboardProviderFilter').value.toLowerCase(); const statusValue = document.getElementById('dashboardStatusFilter').value.toLowerCase(); const rows = document.querySelectorAll('#dashboardAccountsList .table-row'); rows.forEach(row => { const name = row.getAttribute('data-name').toLowerCase(); const provider = row.getAttribute('data-provider').toLowerCase(); const status = row.getAttribute('data-status').toLowerCase(); const id = row.querySelector('.account-id').textContent.toLowerCase(); const matchesSearch = name.includes(searchValue) || id.includes(searchValue); const matchesProvider = !providerValue || provider === providerValue; const matchesStatus = !statusValue || status === statusValue; if (matchesSearch && matchesProvider && matchesStatus) { row.classList.remove('hidden'); } else { row.classList.add('hidden'); } }); } \/\/ Animated cursor interaction let dashboardAnimationPlayed = false; function startDashboardCursorAnimation() { if (dashboardAnimationPlayed) return; dashboardAnimationPlayed = true; const cursor = document.getElementById('dashboardAnimatedCursor'); const addBtn = document.getElementById('dashboardAddBtn'); const dashboardContent = document.getElementById('dashboardContent'); \/\/ Get button position relative to dashboard content const btnRect = addBtn.getBoundingClientRect(); const contentRect = dashboardContent.getBoundingClientRect(); const startX = contentRect.width \/ 2; const startY = contentRect.height \/ 2; const endX = btnRect.left - contentRect.left + btnRect.width \/ 2; const endY = btnRect.top - contentRect.top + btnRect.height \/ 2; \/\/ Set initial position cursor.style.left = startX + 'px'; cursor.style.top = startY + 'px'; cursor.style.transition = 'none'; \/\/ Show cursor setTimeout(() => { cursor.classList.add('visible'); }, 100); \/\/ Move to button setTimeout(() => { cursor.style.transition = 'left 1.2s ease-out, top 1.2s ease-out'; cursor.style.left = endX + 'px'; cursor.style.top = endY + 'px'; }, 300); \/\/ Highlight button setTimeout(() => { addBtn.classList.add('highlighted'); }, 1200); \/\/ Click effect setTimeout(() => { cursor.classList.add('clicking'); }, 1600); setTimeout(() => { cursor.classList.remove('clicking'); }, 1750); \/\/ Open modal setTimeout(() => { openDashboardConnectModal(); cursor.classList.remove('visible'); addBtn.classList.remove('highlighted'); }, 1800); \/\/ Auto-close modal after 3 seconds and add pulse effect setTimeout(() => { closeDashboardConnectModal(); \/\/ Add pulse effect after modal closes setTimeout(() => { addDashboardPulseEffect(); }, 400); }, 3800); \/\/ 1800ms (modal open) + 3000ms (display time) } \/\/ Start animation after 3 seconds when user hovers on dashboard let dashboardHoverTimeout; const dashboardFrame = document.querySelector('.dashboard-frame'); dashboardFrame.addEventListener('mouseenter', () => { if (!dashboardAnimationPlayed) { dashboardHoverTimeout = setTimeout(startDashboardCursorAnimation, 2000); } }); dashboardFrame.addEventListener('mouseleave', () => { clearTimeout(dashboardHoverTimeout); }); \/\/ Also trigger on scroll into view const dashboardObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting && !dashboardAnimationPlayed) { setTimeout(startDashboardCursorAnimation, 3000); } }); }, { threshold: 0.5 }); dashboardObserver.observe(dashboardFrame); <\/script><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” custom_padding_tablet=”” custom_padding_phone=”|0px||0px|false|true” custom_padding_last_edited=”on|phone” global_colors_info=”{}”]<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-api-suite-linkedin { font-family: 'Inter', sans-serif; background: #0f2736; padding: 80px 20px;}#upl-api-suite-linkedin *,#upl-api-suite-linkedin *::before,#upl-api-suite-linkedin *::after { margin: 0; padding: 0; box-sizing: border-box;}#upl-api-suite-linkedin .upl-container { max-width: 1100px; margin: 0 auto;}\/* Header *\/#upl-api-suite-linkedin .upl-header { text-align: center; margin-bottom: 60px;}#upl-api-suite-linkedin .upl-title { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #ffffff; line-height: 1.2; margin-bottom: 16px;}#upl-api-suite-linkedin .upl-subtitle { font-size: 17px; color: #ffffff; line-height: 1.6; max-width: 700px; margin: 0 auto;}\/* API Grid *\/#upl-api-suite-linkedin .upl-api-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding-bottom: 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}#upl-api-suite-linkedin .upl-api-card { display: flex; flex-direction: column;}\/* Provider Icons *\/#upl-api-suite-linkedin .upl-providers { display: flex; gap: 10px; margin-bottom: 20px;}#upl-api-suite-linkedin .upl-provider-icon img { width: 48px; height: 48px; object-fit: contain;}\/* Card Content *\/#upl-api-suite-linkedin .upl-api-name { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 700; color: #ffffff; margin-bottom: 12px;}#upl-api-suite-linkedin .upl-api-desc { font-size: 15px; color: #ffffff; line-height: 1.6; margin-bottom: 20px; flex-grow: 1;}\/* Arrow Link *\/#upl-api-suite-linkedin .upl-api-link { width: 44px; height: 44px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease;}#upl-api-suite-linkedin .upl-api-link:hover { background: #DDDF4C;}#upl-api-suite-linkedin .upl-api-link:hover svg { color: #0f2736;}#upl-api-suite-linkedin .upl-api-link svg { width: 18px; height: 18px; color: #ffffff; transition: color 0.3s ease;}\/* Footer Note *\/#upl-api-suite-linkedin .upl-footer-note { text-align: center; padding-top: 40px; font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 1.6; max-width: 800px; margin: 0 auto;}\/* Responsive *\/@media (max-width: 900px) { #upl-api-suite-linkedin .upl-api-grid { grid-template-columns: 1fr; padding: 20px; gap: 40px; }  #upl-api-suite-linkedin .upl-title { font-size: 30px; }}@media (max-width: 500px) { #upl-api-suite-linkedin { padding: 60px 16px; }  #upl-api-suite-linkedin .upl-title { font-size: 26px; }}<\/style>\n<p><\/p>\n<section id=\"upl-api-suite-linkedin\"> <\/p>\n<div class=\"upl-container\">   <\/p>\n<div class=\"upl-header\"> <\/p>\n<h2 class=\"upl-title\">Discover More from Our API Suite<\/h2>\n<p> <pee class=\"upl-subtitle\">Beyond Instagram, Unipile connects your product to messaging platforms, email providers, and calendars. Build a complete communication layer with a unified API approach.<\/pee> <\/div>\n<p>   <\/p>\n<div class=\"upl-api-grid\">   <\/p>\n<div class=\"upl-api-card\"> <\/p>\n<div class=\"upl-providers\"> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"Linkedin\"> <\/div>\n<p> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"upl-api-name\">Messaging API<\/h3>\n<p> <pee class=\"upl-api-desc\">Connect WhatsApp, LinkedIn and Telegram to send, receive, and manage conversations programmatically. Build unified inbox features and outreach automation in your app.<\/pee> <a href=\"https:\/\/www.unipile.com\/communication-api\/messaging-api\/\" class=\"upl-api-link\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/a> <\/div>\n<p>   <\/p>\n<div class=\"upl-api-card\"> <\/p>\n<div class=\"upl-providers\"> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <\/div>\n<p> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"upl-api-name\">Email API<\/h3>\n<p> <pee class=\"upl-api-desc\">Integrate Gmail, Outlook, and IMAP providers to send, receive, and sync emails in real time. Build powerful email features with tracking, threading, and attachment support.<\/pee> <a href=\"https:\/\/www.unipile.com\/communication-api\/email-api\/\" class=\"upl-api-link\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/a> <\/div>\n<p>   <\/p>\n<div class=\"upl-api-card\"> <\/p>\n<div class=\"upl-providers\"> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"upl-api-name\">Calendar API<\/h3>\n<p> <pee class=\"upl-api-desc\">Sync Google Calendar and Outlook events in real time. Create, update, and manage meetings directly from your product. Ideal for scheduling features and CRM integrations.<\/pee> <a href=\"https:\/\/www.unipile.com\/communication-api\/calendar-api\/\" class=\"upl-api-link\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/a> <\/div>\n<p>  <\/div>\n<p>   <pee class=\"upl-footer-note\">Our APIs are built for legitimate business use cases. We enforce rate limits and usage policies to ensure a secure, spam-free experience for all users.<\/pee>  <\/div>\n<p><\/section>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” admin_label=”Section 4 Tesimonials & Security” module_id=”reviews” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ background_enable_image=”off” custom_padding=”20px|16px|1px|16px|false|false” custom_padding_tablet=”20px|16px|1px|16px|false|false” custom_padding_phone=”20px|16px|1px|16px|false|false” custom_css_free_form=”.custom_row {|| margin: 0 auto; \/* Ensure no extra spacing *\/|| padding: 20px 0; \/* Adjust padding as needed *\/||}||” da_popup_slug=”reviews” da_disable_devices=”off|off|off” global_module=”258961″ saved_tabs=”all” locked=”off” collapsed=”on” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”20px||0px||false|false” custom_margin_tablet=”20px||0px||false|false” custom_margin_phone=”0px||0px||false|false” custom_margin_last_edited=”on|desktop” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”] <\/p>\n<style> * { margin: 0; padding: 0; box-sizing: border-box; } #unipile-companies-section { font-family: 'Inter', sans-serif;  padding: 40px 20px; } #unipile-companies-section .companies-container { max-width: 1100px; margin: 0 auto; } \/* Header avec badge *\/ #unipile-companies-section .section-header { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 50px; flex-wrap: wrap; } #unipile-companies-section .badge-number { display: inline-flex; align-items: center; gap: 10px; background: rgba(59, 185, 139, 0.12); color: #3BB98B; padding: 12px 24px; border-radius: 28px; font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; } #unipile-companies-section .badge-number svg { width: 32px; height: 32px; } #unipile-companies-section .header-text { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #0f2736; } \/* Logos Section *\/ #unipile-companies-section .logos-section { margin-bottom: 50px; } #unipile-companies-section .logos-label { font-size: 11px; font-weight: 600; color: #9ca3af; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; margin-bottom: 24px; } #unipile-companies-section .logos-grid { display: grid; grid-template-columns: repeat(3, auto); gap: 32px 70px; justify-content: center; align-items: center; } #unipile-companies-section .partner-logo { height: 72px; opacity: 1; transition: all 0.3s ease; } \/* Stats Row *\/ #unipile-companies-section .stats-row { display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; } #unipile-companies-section .stat-item { text-align: center; } #unipile-companies-section .stat-value { font-family: 'Poppins', sans-serif; font-size: 36px; font-weight: 700; color: #3BB98B; line-height: 1; margin-bottom: 6px; } #unipile-companies-section .stat-label { font-size: 13px; color: #6b7280; line-height: 1.5; max-width: 180px; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-companies-section .section-header { flex-direction: column; gap: 8px; } #unipile-companies-section .badge-number { font-size: 28px; } #unipile-companies-section .badge-number svg { width: 24px; height: 24px; } #unipile-companies-section .header-text { font-size: 28px; text-align: center; } #unipile-companies-section .stats-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; } #unipile-companies-section .stats-row .stat-item:last-child { grid-column: 1 \/ -1; justify-self: center; } #unipile-companies-section .stat-value { font-size: 30px; } #unipile-companies-section .logos-grid { grid-template-columns: repeat(2, 1fr); gap: 28px 40px; justify-items: center; } #unipile-companies-section .partner-logo { height: 54px; } } @media (max-width: 600px) { #unipile-companies-section { padding: 50px 16px; } #unipile-companies-section .badge-number { font-size: 24px; padding: 10px 18px; } #unipile-companies-section .header-text { font-size: 22px; } #unipile-companies-section .stat-value { font-size: 26px; } #unipile-companies-section .stats-row { gap: 24px; } #unipile-companies-section .logos-grid { gap: 24px 32px; } #unipile-companies-section .partner-logo { height: 44px; } } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1> <\/p>\n<section id=\"unipile-companies-section\"> <\/p>\n<div class=\"companies-container\">   <\/p>\n<div class=\"section-header\"> <span class=\"badge-number\"> <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M3 21h18\"\/> <path d=\"M5 21V7l8-4v18\"\/> <path d=\"M19 21V11l-6-4\"\/> <path d=\"M9 9v.01\"\/> <path d=\"M9 12v.01\"\/> <path d=\"M9 15v.01\"\/> <path d=\"M9 18v.01\"\/> <\/svg> 3000+ <\/span> <span class=\"header-text\">Companies Innovating with Unipile<\/span> <\/div>\n<p>  <\/p>\n<div class=\"logos-section\"> <\/p>\n<div class=\"logos-label\">Trusted by industry leaders<\/div>\n<p> <\/p>\n<div class=\"logos-grid\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/Lemlist_Logo-1.svg\" alt=\"Lemlist\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/01\/logo-reply-io-1.svg\" alt=\"Reply io\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/03\/relevance_logo_unipile_partner_.svg\" alt=\"Relevance AI\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/03\/valley_logo_unipile_partner_.svg\" alt=\"Valley\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/03\/recruitcrm_logo_unipile_partner_.svg\" alt=\"Recruit CRM\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/03\/artisanco_logo_unipile_partner_.svg\" alt=\"Artisan\" class=\"partner-logo\"> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"stats-row\"> <\/p>\n<div class=\"stat-item\"> <\/p>\n<div class=\"stat-value\">1 API<\/div>\n<p> <\/p>\n<div class=\"stat-label\">Streamline operations for all major communication channels<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"stat-item\"> <\/p>\n<div class=\"stat-value\">2 Days<\/div>\n<p> <\/p>\n<div class=\"stat-label\">Achieve live integration quickly with minimal setup<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"stat-item\"> <\/p>\n<div class=\"stat-value\">30%<\/div>\n<p> <\/p>\n<div class=\"stat-label\">Reduction in maintenance efforts and resources<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p><\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”80px||40px||false|false” custom_margin_tablet=”” custom_margin_phone=”” custom_margin_last_edited=”on|desktop” global_module=”275886″ saved_tabs=”all” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”] <\/p>\n<style> * { margin: 0; padding: 0; box-sizing: border-box; } #unipile-security-section { font-family: 'Inter', sans-serif;  padding: 40px 20px; } #unipile-security-section .security-container { max-width: 1100px; margin: 0 auto; } \/* Security Header *\/ #unipile-security-section .security-header { text-align: center; margin-bottom: 40px; } #unipile-security-section .security-header h3 { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #0f2736; margin-bottom: 12px; } #unipile-security-section .security-header p { font-size: 15px; color: #6b7280; margin-bottom: 16px; } #unipile-security-section .security-cta { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: #3BB98B; text-decoration: none; transition: all 0.3s ease; } #unipile-security-section .security-cta:hover { gap: 10px; color: #2da077; } #unipile-security-section .security-cta svg { width: 16px; height: 16px; transition: transform 0.3s ease; } #unipile-security-section .security-cta:hover svg { transform: translateX(2px); } \/* Compliance Cards *\/ #unipile-security-section .compliance-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 900px; margin: 0 auto 50px auto; } #unipile-security-section .compliance-card { background: #ffffff; border-radius: 16px; padding: 24px; border: 1px solid #e5e7eb; display: flex; align-items: flex-start; gap: 20px; } #unipile-security-section .compliance-icon { width: 64px; height: 64px; flex-shrink: 0; object-fit: contain; } #unipile-security-section .compliance-content { flex: 1; text-align: left; } #unipile-security-section .compliance-header-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; } #unipile-security-section .compliance-title { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 700; color: #0f2736; line-height: 1.2; } #unipile-security-section .compliance-status { font-size: 10px; font-weight: 600; color: #3BB98B; text-transform: uppercase; letter-spacing: 0.5px; display: flex; align-items: center; gap: 4px; background: rgba(59, 185, 139, 0.1); padding: 4px 10px; border-radius: 10px; } #unipile-security-section .compliance-status::before { content: ''; width: 6px; height: 6px; background: #3BB98B; border-radius: 50%; } #unipile-security-section .compliance-desc { font-size: 13px; color: #6b7280; line-height: 1.5; } \/* Metrics Row *\/ #unipile-security-section .metrics-row { display: flex; justify-content: center; gap: 80px; flex-wrap: wrap; } #unipile-security-section .metric-item { text-align: center; } #unipile-security-section .metric-value { font-family: 'Poppins', sans-serif; font-size: 36px; font-weight: 700; color: #3BB98B; line-height: 1; margin-bottom: 6px; } #unipile-security-section .metric-label { font-size: 13px; color: #6b7280; line-height: 1.5; max-width: 180px; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-security-section .security-header h3 { font-size: 28px; } #unipile-security-section .compliance-grid { grid-template-columns: 1fr; max-width: 500px; } #unipile-security-section .metrics-row { gap: 50px; } #unipile-security-section .metric-value { font-size: 30px; } } @media (max-width: 600px) { #unipile-security-section { padding: 50px 16px; } #unipile-security-section .security-header h3 { font-size: 22px; } #unipile-security-section .metric-value { font-size: 26px; } #unipile-security-section .compliance-card { padding: 20px; gap: 16px; } #unipile-security-section .compliance-icon { width: 52px; height: 52px; } #unipile-security-section .metrics-row { gap: 40px; } } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1> <\/p>\n<section id=\"unipile-security-section\"> <\/p>\n<div class=\"security-container\">  <\/p>\n<div class=\"security-header\"> <\/p>\n<h3>Built-In Security and Compliance<\/h3>\n<p> <pee>Enterprise-grade protection for your data and workflows<\/pee> <a href=\"https:\/\/www.unipile.com\/security-compliance\/\" class=\"security-cta\"> Learn more about our security <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"compliance-grid\"> <\/p>\n<div class=\"compliance-card\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/01\/soc2-logo-1-1.png\" alt=\"SOC 2 Type II\" class=\"compliance-icon\"> <\/p>\n<div class=\"compliance-content\"> <\/p>\n<div class=\"compliance-header-row\"> <\/p>\n<div class=\"compliance-title\">SOC 2 Type II<\/div>\n<p> <\/p>\n<div class=\"compliance-status\">Certified<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"compliance-desc\">Independently audited security controls ensuring data protection and operational integrity.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"compliance-card\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/01\/GDPR-compliance-1.png\" alt=\"GDPR\" class=\"compliance-icon\"> <\/p>\n<div class=\"compliance-content\"> <\/p>\n<div class=\"compliance-header-row\"> <\/p>\n<div class=\"compliance-title\">GDPR<\/div>\n<p> <\/p>\n<div class=\"compliance-status\">Compliant<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"compliance-desc\">Full compliance with European data protection regulations for user privacy.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"metrics-row\"> <\/p>\n<div class=\"metric-item\"> <\/p>\n<div class=\"metric-value\">99.9%<\/div>\n<p> <\/p>\n<div class=\"metric-label\">Platform Uptime over the last 24 months<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"metric-item\"> <\/p>\n<div class=\"metric-value\">24\/7<\/div>\n<p> <\/p>\n<div class=\"metric-label\">Global Support with high-performance API<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p><\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/p>\n<style>#upl-instagram-faq { font-family: 'Inter', sans-serif; padding: 80px 20px; max-width: 900px; margin: 0 auto; background: #f4f5f7 !important;}#upl-instagram-faq *,#upl-instagram-faq *::before,#upl-instagram-faq *::after { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important;}#upl-instagram-faq .upl-faq-header { text-align: center !important; margin-bottom: 60px !important; }#upl-instagram-faq .upl-faq-title { font-family: 'Poppins', sans-serif !important; font-size: clamp(32px, 5vw, 38px) !important; font-weight: 700 !important; color: #0f2736 !important; margin-bottom: 16px !important; line-height: 1.2 !important;}#upl-instagram-faq .upl-faq-subtitle { font-size: 17px !important; color: #383838 !important; max-width: 700px !important; margin: 0 auto !important; line-height: 1.6 !important;}#upl-instagram-faq .upl-faq-list { display: flex !important; flex-direction: column !important; gap: 12px !important; }#upl-instagram-faq .upl-faq-item { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 16px !important; overflow: hidden !important; transition: all 0.3s ease !important;}#upl-instagram-faq .upl-faq-item:hover { border-color: #3BB98B !important; box-shadow: 0 4px 20px rgba(59, 185, 139, 0.08) !important; }#upl-instagram-faq .upl-faq-item.active { border-color: #3BB98B !important; box-shadow: 0 8px 30px rgba(59, 185, 139, 0.12) !important; }#upl-instagram-faq .upl-faq-question { 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; border: none !important; cursor: pointer !important; text-align: left !important;}#upl-instagram-faq .upl-faq-question-content { display: flex !important; align-items: flex-start !important; gap: 16px !important; flex: 1 !important; }#upl-instagram-faq .upl-faq-number { flex-shrink: 0 !important; padding: 6px 12px !important; background: rgba(59, 185, 139, 0.12) !important; color: #3BB98B !important; border-radius: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.8rem !important; font-weight: 600 !important; transition: all 0.3s ease !important;}#upl-instagram-faq .upl-faq-item.active .upl-faq-number { background: rgba(59, 185, 139, 0.2) !important; color: #2a9d6e !important; }#upl-instagram-faq .upl-faq-question-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;}#upl-instagram-faq .upl-faq-icon { flex-shrink: 0 !important; width: 36px !important; height: 36px !important; background: #f4f5f7 !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;}#upl-instagram-faq .upl-faq-icon svg { width: 18px !important; height: 18px !important; color: #64748b !important; transition: all 0.3s ease !important; }#upl-instagram-faq .upl-faq-item:hover .upl-faq-icon { background: rgba(59, 185, 139, 0.1) !important; }#upl-instagram-faq .upl-faq-item:hover .upl-faq-icon svg { color: #3BB98B !important; }#upl-instagram-faq .upl-faq-item.active .upl-faq-icon { background: #3BB98B !important; transform: rotate(45deg) !important; }#upl-instagram-faq .upl-faq-item.active .upl-faq-icon svg { color: #ffffff !important; }#upl-instagram-faq .upl-faq-answer { max-height: 0 !important; overflow: hidden !important; transition: max-height 0.4s ease, padding 0.3s ease !important; }#upl-instagram-faq .upl-faq-item.active .upl-faq-answer { max-height: 600px !important; }#upl-instagram-faq .upl-faq-answer-content { padding: 0 28px 28px 76px !important; color: #475569 !important; font-size: 1rem !important; line-height: 1.7 !important;}#upl-instagram-faq .upl-faq-answer-content strong { color: #0f2736 !important; font-weight: 600 !important; }#upl-instagram-faq .upl-faq-answer-content a { color: #0f2736 !important; text-decoration: underline !important; text-underline-offset: 2px !important; transition: color 0.2s ease !important; }#upl-instagram-faq .upl-faq-answer-content a:hover { color: #3BB98B !important; }#upl-instagram-faq .upl-faq-answer-content p { margin-bottom: 12px !important; }#upl-instagram-faq .upl-faq-answer-content p:last-child { margin-bottom: 0 !important; }\/* CTA *\/#upl-instagram-faq .upl-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: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important;}#upl-instagram-faq .upl-faq-cta-text { color: #475569 !important; font-size: 1rem !important; }#upl-instagram-faq .upl-faq-cta-button { 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; text-decoration: none !important; font-weight: 700 !important; font-size: 1rem !important; border: none !important; cursor: pointer !important; transition: all 0.3s ease !important; white-space: nowrap !important;}#upl-instagram-faq .upl-faq-cta-button:hover { transform: translateY(-2px) !important; }#upl-instagram-faq .upl-faq-cta-button svg { width: 18px !important; height: 18px !important; transition: transform 0.3s ease !important; }#upl-instagram-faq .upl-faq-cta-button:hover svg { transform: translateX(4px) !important; }\/* Responsive *\/@media (max-width: 768px) { #upl-instagram-faq { padding: 60px 16px !important; } #upl-instagram-faq .upl-faq-header { margin-bottom: 40px !important; } #upl-instagram-faq .upl-faq-question { padding: 20px !important; gap: 16px !important; } #upl-instagram-faq .upl-faq-question-content { gap: 12px !important; } #upl-instagram-faq .upl-faq-number { padding: 5px 10px !important; font-size: 0.75rem !important; } #upl-instagram-faq .upl-faq-question-text { font-size: 1rem !important; padding-top: 2px !important; } #upl-instagram-faq .upl-faq-icon { width: 32px !important; height: 32px !important; } #upl-instagram-faq .upl-faq-icon svg { width: 16px !important; height: 16px !important; } #upl-instagram-faq .upl-faq-answer-content { padding: 0 20px 20px 60px !important; font-size: 0.95rem !important; } #upl-instagram-faq .upl-faq-cta { padding: 30px 20px !important; margin-top: 40px !important; flex-direction: column !important; text-align: center !important; gap: 16px !important; }}@media (max-width: 480px) { #upl-instagram-faq .upl-faq-question-content { flex-direction: column !important; gap: 8px !important; } #upl-instagram-faq .upl-faq-number { padding: 4px 8px !important; font-size: 0.7rem !important; } #upl-instagram-faq .upl-faq-question-text { padding-top: 0 !important; } #upl-instagram-faq .upl-faq-answer-content { padding: 0 20px 20px 20px !important; }}<\/style>\n<p><\/p>\n<section id=\"upl-instagram-faq\"> <\/p>\n<div class=\"upl-faq-header\"> <\/p>\n<h2 class=\"upl-faq-title\">Instagram API FAQ<\/h2>\n<p> <pee class=\"upl-faq-subtitle\">Everything you need to know about integrating Instagram with Unipile’s API<\/pee> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-list\">  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">01<\/span> <span class=\"upl-faq-question-text\">What is the Unipile Instagram API?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>The Unipile Instagram API is a powerful tool that enables developers to programmatically interact with Instagram’s data and features, facilitating various functionalities for businesses, including the ability to retrieve messages and reactions.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">02<\/span> <span class=\"upl-faq-question-text\">Is Unipile’s Instagram API DMA compliant?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>Yes. Our API is designed in line with the Digital Markets Act (DMA). We only enable messaging interoperability and do not store or scrape user profiles. Please note that Unipile is not a Meta Partner, and our solution focuses exclusively on messaging use cases.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">03<\/span> <span class=\"upl-faq-question-text\">Is Unipile an official Meta Partner?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>No. Unipile is <strong>not<\/strong> an official Meta Partner and does not use Meta’s official Instagram Graph API. Our solution operates independently under the Digital Markets Act (DMA) framework, which mandates messaging interoperability for gatekeeper platforms. This approach is similar to how many established CRM, outreach, and customer engagement tools provide Instagram DM integration.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">04<\/span> <span class=\"upl-faq-question-text\">Do I need to follow Meta’s Terms of Service when using Unipile?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>Absolutely. Clients are required to respect Meta’s TOS at all times. This means acting responsibly, avoiding spam or unauthorized automation, and using the API only for legitimate messaging scenarios such as customer support or user interactions.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">05<\/span> <span class=\"upl-faq-question-text\">How can I integrate the Instagram API into my application?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>You can integrate the Instagram API by following the <a href=\"https:\/\/developer.unipile.com\/docs\/sdk\" target=\"_blank\">SDK documentation<\/a>. It provides detailed instructions on setting up the integration. You can also review our <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\">full API documentation<\/a> or <a href=\"https:\/\/www.unipile.com\/contact-us\/\">contact our support team<\/a> for guidance.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">06<\/span> <span class=\"upl-faq-question-text\">What types of interactions can I manage with the Unipile Instagram API?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>With the Unipile Instagram API, you can efficiently manage interactions such as responding to comments, messages, and customer inquiries across multiple Instagram accounts.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">07<\/span> <span class=\"upl-faq-question-text\">Can I send media files through Instagram API?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>Yes, you can send text, images, audio, and video messages, as well as documents via the API.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">08<\/span> <span class=\"upl-faq-question-text\">Is access to the Unipile Instagram API free?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>Yes, there is a free introductory offer for the Instagram API, allowing you to explore its features before upgrading to the payed plan for more advanced capabilities. No credit card is required for the free trial. Visit our <a href=\"https:\/\/www.unipile.com\/pricing-api\/\">pricing page<\/a> for details or <a href=\"https:\/\/dashboard.unipile.com\/signup\/\">start your free trial now<\/a>.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">09<\/span> <span class=\"upl-faq-question-text\">Can I integrate Unipile Instagram API with my existing CRM?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>Absolutely. The API is designed to be flexible and can be integrated into your existing CRM or other business software.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">10<\/span> <span class=\"upl-faq-question-text\">What precautions should be taken to avoid violating Instagram’s rules related to message volumes, while maintaining authentic interaction with users?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>It’s important to note that adherence to the terms of use of the providers is essential. Violations can result in the suspension or banning of your account. We recommend implementing usage limitations on your end to prevent the sending of an excessive number of messages by your users. Learn more about <a href=\"https:\/\/developer.unipile.com\/docs\/provider-limits-and-restrictions\" target=\"_blank\">provider limits and restrictions<\/a>.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">11<\/span> <span class=\"upl-faq-question-text\">How does Unipile ensure data privacy and compliance?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>Regarding data privacy and compliance when using the Unipile Instagram API, please consult Unipile’s <a href=\"https:\/\/www.unipile.com\/privacy-policy\/\">Privacy Policy<\/a>. This policy outlines how Unipile handles data in accordance with legal requirements, ensuring users’ information is managed responsibly and securely.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">12<\/span> <span class=\"upl-faq-question-text\">How can I contact the team for an integration?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee><a href=\"https:\/\/www.unipile.com\/contact-us\/\">Tell us about your project here<\/a>. We look forward to discussing how Unipile can support your communication needs! Feel free to access our <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\">API documentation here<\/a>.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-cta\"> <pee class=\"upl-faq-cta-text\">Still have questions? Our team is here to help.<\/pee> <a href=\"https:\/\/www.unipile.com\/contact-us\/\" class=\"upl-faq-cta-button\"> Talk to an expert <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <polyline points=\"12 5 19 12 12 19\"\/> <\/svg> <\/a> <\/div>\n<p><\/section>\n<p><script> document.querySelectorAll('#upl-instagram-faq .upl-faq-question').forEach(button => { button.addEventListener('click', () => { const item = button.closest('.upl-faq-item'); const isActive = item.classList.contains('active'); document.querySelectorAll('#upl-instagram-faq .upl-faq-item').forEach(otherItem => { otherItem.classList.remove('active'); otherItem.querySelector('.upl-faq-question').setAttribute('aria-expanded', 'false'); }); if (!isActive) { item.classList.add('active'); button.setAttribute('aria-expanded', 'true'); } }); });<\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Build Features into Your Product TodayTry our White-Label solution for free and unlock its full potential for your business. With the 7-Day Free Trial, gain access to the complete suite of features designed to enhance your platform’s capabilities and branding. Built for Developers Instagram API Integration for Modern Apps A production-ready SDK that handles the […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":250699,"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-251721","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Instagram API: Smarter Inbox Management - Unipile<\/title>\n<meta name=\"description\" content=\"Elevate conversions with Messenger API for Instagram. Streamline engagement, boost results, and grow your business effortlessly.\" \/>\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\/es\/api-de-comunicacion\/api-de-mensajeria\/instagram-api\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Instagram API: Smarter Inbox Management - Unipile\" \/>\n<meta property=\"og:description\" content=\"Elevate conversions with Messenger API for Instagram. Streamline engagement, boost results, and grow your business effortlessly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.unipile.com\/es\/api-de-comunicacion\/api-de-mensajeria\/instagram-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Unipile\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/unipilefr\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T09:46:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@UnipileAPI\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"21 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/\",\"name\":\"Instagram API: Smarter Inbox Management - Unipile\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face\",\"datePublished\":\"2023-09-15T11:56:16+00:00\",\"dateModified\":\"2026-05-19T09:46:40+00:00\",\"description\":\"Elevate conversions with Messenger API for Instagram. Streamline engagement, boost results, and grow your business effortlessly.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.unipile.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unipile API – Messaging, Email, Calendar Integration\",\"item\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Messaging API with Unipile in Minutes\",\"item\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Instagram API: Smarter Inbox Management\"}]},{\"@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\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#organization\",\"name\":\"Unipile\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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":"API de Instagram: Gesti\u00f3n m\u00e1s inteligente de la bandeja de entrada - Unipile","description":"Aumenta las conversiones con Messenger API para Instagram. Optimiza la interacci\u00f3n, aumenta los resultados y haz crecer tu negocio sin esfuerzo.","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\/es\/api-de-comunicacion\/api-de-mensajeria\/instagram-api\/","og_locale":"es_ES","og_type":"article","og_title":"Instagram API: Smarter Inbox Management - Unipile","og_description":"Elevate conversions with Messenger API for Instagram. Streamline engagement, boost results, and grow your business effortlessly.","og_url":"https:\/\/www.unipile.com\/es\/api-de-comunicacion\/api-de-mensajeria\/instagram-api\/","og_site_name":"Unipile","article_publisher":"https:\/\/www.facebook.com\/unipilefr","article_modified_time":"2026-05-19T09:46:40+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@UnipileAPI","twitter_misc":{"Tiempo de lectura":"21 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/","url":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/","name":"API de Instagram: Gesti\u00f3n m\u00e1s inteligente de la bandeja de entrada - Unipile","isPartOf":{"@id":"https:\/\/www.unipile.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/#primaryimage"},"image":{"@id":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face","datePublished":"2023-09-15T11:56:16+00:00","dateModified":"2026-05-19T09:46:40+00:00","description":"Aumenta las conversiones con Messenger API para Instagram. Optimiza la interacci\u00f3n, aumenta los resultados y haz crecer tu negocio sin esfuerzo.","breadcrumb":{"@id":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face","contentUrl":"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face"},{"@type":"BreadcrumbList","@id":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.unipile.com\/"},{"@type":"ListItem","position":2,"name":"Unipile API – Messaging, Email, Calendar Integration","item":"https:\/\/www.unipile.com\/communication-api\/"},{"@type":"ListItem","position":3,"name":"Messaging API with Unipile in Minutes","item":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/"},{"@type":"ListItem","position":4,"name":"Instagram API: Smarter Inbox Management"}]},{"@type":"WebSite","@id":"https:\/\/www.unipile.com\/#website","url":"https:\/\/www.unipile.com\/","name":"Unipile","description":"Integre la mensajer\u00eda y el correo electr\u00f3nico, con\u00e9ctese f\u00e1cilmente mediante 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":"es"},{"@type":"Organization","@id":"https:\/\/www.unipile.com\/#organization","name":"Unipile","url":"https:\/\/www.unipile.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@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\/es\/wp-json\/wp\/v2\/pages\/251721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/comments?post=251721"}],"version-history":[{"count":114,"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/pages\/251721\/revisions"}],"predecessor-version":[{"id":278856,"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/pages\/251721\/revisions\/278856"}],"up":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/pages\/250699"}],"wp:attachment":[{"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/media?parent=251721"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/folder?post=251721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":251721,"date":"2023-09-15T13:56:16","date_gmt":"2023-09-15T11:56:16","guid":{"rendered":"https:\/\/www.unipile.com\/?page_id=251721"},"modified":"2026-05-19T11:46:40","modified_gmt":"2026-05-19T09:46:40","slug":"instagram-api","status":"publish","type":"page","link":"https:\/\/www.unipile.com\/es\/communication-api\/messaging-api\/instagram-api\/","title":{"rendered":"API de Instagram: Gesti\u00f3n m\u00e1s inteligente de la bandeja de entrada"},"content":{"rendered":"

[et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” background_color=”RGBA(255,255,255,0)” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”] Unipile – Instagram Hero<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #0f2736; } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1><\/p>\n<div id=\"unipile-instagram-hero-full\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700&display=swap'); #unipile-instagram-hero-full, #unipile-instagram-hero-full * { margin:0!important; padding:0!important; box-sizing:border-box!important; border:none!important; outline:none!important; font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif!important; line-height:normal!important; letter-spacing:normal!important; text-transform:none!important; text-decoration:none!important; list-style:none!important; background:transparent!important; } #unipile-instagram-hero-full { padding:60px 20px!important; } #unipile-instagram-hero-full .uihf-container { max-width:1100px!important; margin:0 auto!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:60px!important; align-items:center!important; } #unipile-instagram-hero-full .uihf-left { display:flex!important; flex-direction:column!important; gap:20px!important; } #unipile-instagram-hero-full .uihf-title { font-family:'Poppins',sans-serif!important; font-size:42px!important; font-weight:700!important; line-height:1.15!important; color:#fff!important; } #unipile-instagram-hero-full .uihf-description { font-size:16px!important; line-height:1.65!important; color:rgba(255,255,255,0.9)!important; } #unipile-instagram-hero-full .uihf-chips { display:flex!important; gap:10px!important; flex-wrap:wrap!important; margin-top:4px!important; } #unipile-instagram-hero-full .uihf-chip { display:inline-flex!important; align-items:center!important; gap:8px!important; border:1px solid rgba(255,255,255,0.15)!important; padding:8px 14px!important; border-radius:8px!important; color:rgba(255,255,255,0.9)!important; font-size:13px!important; font-weight:500!important; } #unipile-instagram-hero-full .uihf-chip img { width:18px!important; height:18px!important; } #unipile-instagram-hero-full .uihf-chip.dm { background:rgba(225,48,108,0.12)!important; border-color:rgba(225,48,108,0.3)!important; } #unipile-instagram-hero-full .uihf-chip.comments { background:rgba(131,58,180,0.12)!important; border-color:rgba(131,58,180,0.3)!important; } #unipile-instagram-hero-full .uihf-chip.profiles { background:rgba(253,175,55,0.12)!important; border-color:rgba(253,175,55,0.3)!important; } #unipile-instagram-hero-full .uihf-cta { display:flex!important; flex-direction:column!important; gap:14px!important; margin-top:6px!important; } #unipile-instagram-hero-full .uihf-cta-buttons { display:flex!important; align-items:center!important; gap:14px!important; flex-wrap:wrap!important; } #unipile-instagram-hero-full .uihf-cta-primary { display:inline-flex!important; align-items:center!important; gap:8px!important; color:#0F2836!important; background:#DDDF4C!important; text-decoration:none!important; font-weight:600!important; font-size:15px!important; padding:14px 26px!important; border-radius:8px!important; transition:transform 0.3s ease!important; cursor:pointer!important; } #unipile-instagram-hero-full .uihf-cta-primary:hover { transform:translateY(-3px)!important; } #unipile-instagram-hero-full .uihf-cta-primary svg { width:18px!important; height:18px!important; } #unipile-instagram-hero-full .uihf-cta-secondary { display:inline-flex!important; align-items:center!important; gap:8px!important; color:#DDDF4C!important; background:transparent!important; border:2px solid #DDDF4C!important; text-decoration:none!important; font-weight:600!important; font-size:15px!important; padding:12px 22px!important; border-radius:8px!important; transition:transform 0.3s ease!important; cursor:pointer!important; } #unipile-instagram-hero-full .uihf-cta-secondary:hover { transform:translateY(-3px)!important; } #unipile-instagram-hero-full .uihf-cta-secondary svg { width:18px!important; height:18px!important; } #unipile-instagram-hero-full .uihf-cta-note { display:flex!important; align-items:center!important; gap:8px!important; font-size:13px!important; color:rgba(255,255,255,0.7)!important; } #unipile-instagram-hero-full .uihf-cta-note svg { width:18px!important; height:18px!important; color:#3BB98B!important; } #unipile-instagram-hero-full .uihf-right { display:flex!important; justify-content:center!important; } #unipile-instagram-hero-full .uihf-mockup-wrapper { position:relative!important; width:440px!important; max-width:100%!important; } #unipile-instagram-hero-full .uihf-app { background:#fff!important; border-radius:12px!important; overflow:hidden!important; box-shadow:0 20px 60px rgba(0,0,0,0.35)!important; width:100%!important; } #unipile-instagram-hero-full .uihf-app-header { background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%)!important; padding:12px 16px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; border-bottom:1px solid #e5e7eb!important; } #unipile-instagram-hero-full .uihf-header-left { display:flex!important; align-items:center!important; gap:10px!important; } #unipile-instagram-hero-full .uihf-logo { 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; } #unipile-instagram-hero-full .uihf-logo svg { width:18px!important; height:18px!important; color:#3BB98B!important; } #unipile-instagram-hero-full .uihf-app-title { font-weight:600!important; font-size:14px!important; color:#1e293b!important; } #unipile-instagram-hero-full .uihf-header-right { display:flex!important; align-items:center!important; gap:10px!important; } #unipile-instagram-hero-full .uihf-status { display:flex!important; align-items:center!important; gap:5px!important; font-size:10px!important; color:#3BB98B!important; font-weight:600!important; background:rgba(59,185,139,0.1)!important; padding:5px 10px!important; border-radius:20px!important; } #unipile-instagram-hero-full .uihf-status-dot { width:5px!important; height:5px!important; background:#3BB98B!important; border-radius:50%!important; animation:uihf-pulse 2s ease-in-out infinite!important; } @keyframes uihf-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(1.3)} } #unipile-instagram-hero-full .uihf-user-name { font-weight:600!important; font-size:13px!important; color:#1e293b!important; } #unipile-instagram-hero-full .uihf-user-avatar { width:28px!important; height:28px!important; border-radius:50%!important; object-fit:cover!important; border:2px solid #e5e7eb!important; } #unipile-instagram-hero-full .uihf-account-bar { display:flex!important; align-items:center!important; justify-content:space-between!important; padding:10px 16px!important; background:#fff!important; border-bottom:1px solid #e5e7eb!important; } #unipile-instagram-hero-full .uihf-account-label { font-size:12px!important; color:#64748b!important; font-weight:500!important; } #unipile-instagram-hero-full .uihf-account-providers { display:flex!important; align-items:center!important; gap:6px!important; } #unipile-instagram-hero-full .uihf-account-providers img { width:20px!important; height:20px!important; border-radius:4px!important; } #unipile-instagram-hero-full .uihf-tabs { display:flex!important; background:#fff!important; border-bottom:1px solid #e5e7eb!important; padding:0 12px!important; overflow-x:auto!important; scrollbar-width:none!important; } #unipile-instagram-hero-full .uihf-tabs::-webkit-scrollbar { display:none!important; } #unipile-instagram-hero-full .uihf-tab { padding:11px 14px!important; font-size:11.5px!important; font-weight:500!important; color:#94a3b8!important; border-bottom:2px solid transparent!important; white-space:nowrap!important; cursor:pointer!important; transition:all 0.2s ease!important; display:flex!important; align-items:center!important; gap:6px!important; flex-shrink:0!important; } #unipile-instagram-hero-full .uihf-tab:hover { color:#E1306C!important; } #unipile-instagram-hero-full .uihf-tab.active { color:#E1306C!important; font-weight:600!important; border-bottom-color:#E1306C!important; } #unipile-instagram-hero-full .uihf-tab-count { background:#f1f5f9!important; color:#94a3b8!important; font-size:10px!important; padding:1px 6px!important; border-radius:10px!important; font-weight:600!important; } #unipile-instagram-hero-full .uihf-tab.active .uihf-tab-count { background:rgba(225,48,108,0.12)!important; color:#E1306C!important; } #unipile-instagram-hero-full .uihf-body { background:#f8f9fa!important; padding:10px 12px!important; min-height:340px!important; height:340px!important; overflow:hidden!important; } #unipile-instagram-hero-full .uihf-content { display:none!important; } #unipile-instagram-hero-full .uihf-content.active { display:block!important; animation:uihf-fadeIn 0.35s ease!important; } @keyframes uihf-fadeIn { from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:translateY(0)} } #unipile-instagram-hero-full .uihf-msg { display:flex!important; align-items:flex-start!important; gap:10px!important; padding:11px 12px!important; background:#fff!important; border-radius:8px!important; margin-bottom:6px!important; border:1px solid #e5e7eb!important; } #unipile-instagram-hero-full .uihf-msg.highlighted { border-color:#E1306C!important; border-left:3px solid #E1306C!important; background:linear-gradient(135deg,rgba(225,48,108,0.03) 0%,#fff 100%)!important; } #unipile-instagram-hero-full .uihf-msg-photo { width:38px!important; height:38px!important; border-radius:50%!important; object-fit:cover!important; flex-shrink:0!important; } #unipile-instagram-hero-full .uihf-msg-photo.has-story { border:2px solid transparent!important; background-image:linear-gradient(#fff,#fff),linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important; background-origin:border-box!important; background-clip:content-box,border-box!important; padding:2px!important; } #unipile-instagram-hero-full .uihf-msg-body { flex:1!important; min-width:0!important; } #unipile-instagram-hero-full .uihf-msg-top { display:flex!important; align-items:center!important; justify-content:space-between!important; margin-bottom:1px!important; } #unipile-instagram-hero-full .uihf-msg-name-row { display:flex!important; align-items:center!important; gap:6px!important; } #unipile-instagram-hero-full .uihf-msg-name { font-weight:600!important; font-size:12.5px!important; color:#1e293b!important; } #unipile-instagram-hero-full .uihf-tag { font-size:9px!important; padding:2px 6px!important; border-radius:4px!important; font-weight:600!important; text-transform:uppercase!important; letter-spacing:0.3px!important; } #unipile-instagram-hero-full .uihf-tag.dm { background:rgba(225,48,108,0.1)!important; color:#E1306C!important; } #unipile-instagram-hero-full .uihf-tag.story-reply { background:rgba(131,58,180,0.1)!important; color:#833AB4!important; } #unipile-instagram-hero-full .uihf-tag.mention { background:rgba(253,175,55,0.1)!important; color:#c77a15!important; } #unipile-instagram-hero-full .uihf-tag.running { background:rgba(59,185,139,0.1)!important; color:#3BB98B!important; } #unipile-instagram-hero-full .uihf-tag.paused { background:rgba(251,188,4,0.1)!important; color:#d97706!important; } #unipile-instagram-hero-full .uihf-tag.draft { background:rgba(148,163,184,0.15)!important; color:#64748b!important; } #unipile-instagram-hero-full .uihf-tag.enriched { background:rgba(225,48,108,0.1)!important; color:#E1306C!important; } #unipile-instagram-hero-full .uihf-tag.synced { background:rgba(59,185,139,0.1)!important; color:#3BB98B!important; } #unipile-instagram-hero-full .uihf-unread { width:7px!important; height:7px!important; background:#E1306C!important; border-radius:50%!important; } #unipile-instagram-hero-full .uihf-msg-time { font-size:10px!important; color:#94a3b8!important; } #unipile-instagram-hero-full .uihf-msg-role { font-size:10.5px!important; color:#64748b!important; margin-bottom:3px!important; } #unipile-instagram-hero-full .uihf-msg-preview { font-size:11.5px!important; color:#475569!important; line-height:1.35!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #unipile-instagram-hero-full .uihf-campaign { padding:11px 12px!important; background:#fff!important; border-radius:8px!important; margin-bottom:6px!important; border:1px solid #e5e7eb!important; } #unipile-instagram-hero-full .uihf-campaign-top { display:flex!important; align-items:center!important; justify-content:space-between!important; margin-bottom:8px!important; } #unipile-instagram-hero-full .uihf-campaign-name { font-weight:600!important; font-size:12.5px!important; color:#1e293b!important; } #unipile-instagram-hero-full .uihf-campaign-steps { display:flex!important; align-items:center!important; gap:3px!important; } #unipile-instagram-hero-full .uihf-step-dot { display:flex!important; align-items:center!important; justify-content:center!important; width:24px!important; height:24px!important; border-radius:6px!important; } #unipile-instagram-hero-full .uihf-step-dot img { width:14px!important; height:14px!important; border-radius:2px!important; } #unipile-instagram-hero-full .uihf-step-connector { width:12px!important; height:2px!important; background:#e5e7eb!important; } #unipile-instagram-hero-full .uihf-step-connector.done { background:#3BB98B!important; } #unipile-instagram-hero-full .uihf-campaign-stats { display:flex!important; align-items:center!important; gap:12px!important; margin-top:8px!important; } #unipile-instagram-hero-full .uihf-stat { display:flex!important; align-items:center!important; gap:4px!important; font-size:10.5px!important; color:#64748b!important; } #unipile-instagram-hero-full .uihf-stat-val { font-weight:700!important; color:#1e293b!important; } #unipile-instagram-hero-full .uihf-progress-bar { width:100%!important; height:3px!important; background:#f1f5f9!important; border-radius:2px!important; margin-top:8px!important; overflow:hidden!important; } #unipile-instagram-hero-full .uihf-progress-fill { height:100%!important; border-radius:2px!important; background:linear-gradient(90deg,#E1306C,#833AB4)!important; } #unipile-instagram-hero-full .uihf-activity { display:flex!important; align-items:flex-start!important; gap:10px!important; padding:10px 12px!important; background:#fff!important; border-radius:8px!important; margin-bottom:6px!important; border:1px solid #e5e7eb!important; } #unipile-instagram-hero-full .uihf-act-icon { width:30px!important; height:30px!important; border-radius:6px!important; display:flex!important; align-items:center!important; justify-content:center!important; flex-shrink:0!important; } #unipile-instagram-hero-full .uihf-act-icon svg { width:14px!important; height:14px!important; } #unipile-instagram-hero-full .uihf-act-icon.reply { background:rgba(225,48,108,0.1)!important; color:#E1306C!important; } #unipile-instagram-hero-full .uihf-act-icon.story { background:rgba(131,58,180,0.1)!important; color:#833AB4!important; } #unipile-instagram-hero-full .uihf-act-icon.send { background:rgba(64,93,230,0.1)!important; color:#405DE6!important; } #unipile-instagram-hero-full .uihf-act-icon.like { background:rgba(253,29,29,0.08)!important; color:#FD1D1D!important; } #unipile-instagram-hero-full .uihf-act-icon.follow { background:rgba(253,175,55,0.1)!important; color:#d97706!important; } #unipile-instagram-hero-full .uihf-act-body { flex:1!important; min-width:0!important; } #unipile-instagram-hero-full .uihf-act-title { font-weight:500!important; font-size:12px!important; color:#1e293b!important; line-height:1.3!important; margin-bottom:2px!important; } #unipile-instagram-hero-full .uihf-act-title strong { font-weight:700!important; } #unipile-instagram-hero-full .uihf-act-meta { display:flex!important; align-items:center!important; gap:6px!important; font-size:10px!important; color:#94a3b8!important; } #unipile-instagram-hero-full .uihf-act-meta img { width:13px!important; height:13px!important; border-radius:2px!important; } #unipile-instagram-hero-full .uihf-contact { display:flex!important; align-items:center!important; gap:10px!important; padding:10px 12px!important; background:#fff!important; border-radius:8px!important; margin-bottom:6px!important; border:1px solid #e5e7eb!important; } #unipile-instagram-hero-full .uihf-contact-photo { width:36px!important; height:36px!important; border-radius:50%!important; object-fit:cover!important; flex-shrink:0!important; } #unipile-instagram-hero-full .uihf-contact-info { flex:1!important; min-width:0!important; } #unipile-instagram-hero-full .uihf-contact-top { display:flex!important; align-items:center!important; justify-content:space-between!important; } #unipile-instagram-hero-full .uihf-contact-name { font-weight:600!important; font-size:12.5px!important; color:#1e293b!important; } #unipile-instagram-hero-full .uihf-contact-handle { font-size:10.5px!important; color:#64748b!important; margin-top:1px!important; } #unipile-instagram-hero-full .uihf-contact-data { display:flex!important; align-items:center!important; gap:8px!important; margin-top:5px!important; } #unipile-instagram-hero-full .uihf-data-chip { display:flex!important; align-items:center!important; gap:4px!important; font-size:10px!important; color:#64748b!important; background:#f1f5f9!important; padding:2px 7px!important; border-radius:4px!important; } #unipile-instagram-hero-full .uihf-data-chip svg { width:10px!important; height:10px!important; color:#3BB98B!important; } #unipile-instagram-hero-full .uihf-code { position:absolute!important; bottom:-15px!important; right:-20px!important; background:#1e293b!important; border-radius:10px!important; padding:12px 14px!important; box-shadow:0 8px 30px rgba(0,0,0,0.3)!important; z-index:20!important; border:1px solid rgba(255,255,255,0.1)!important; } #unipile-instagram-hero-full .uihf-code-header { display:flex!important; align-items:center!important; gap:5px!important; margin-bottom:8px!important; } #unipile-instagram-hero-full .uihf-code-dot { width:8px!important; height:8px!important; border-radius:50%!important; } #unipile-instagram-hero-full .uihf-code-dot.red { background:#ff5f56!important; } #unipile-instagram-hero-full .uihf-code-dot.yellow { background:#ffbd2e!important; } #unipile-instagram-hero-full .uihf-code-dot.green { background:#27ca3f!important; } #unipile-instagram-hero-full .uihf-code-text { font-family:'Fira Code',monospace!important; font-size:11px!important; color:#e2e8f0!important; white-space:nowrap!important; } #unipile-instagram-hero-full .uihf-kw { color:#c792ea!important; } #unipile-instagram-hero-full .uihf-fn { color:#82aaff!important; } #unipile-instagram-hero-full .uihf-str { color:#c3e88d!important; } @media (max-width:900px) { #unipile-instagram-hero-full { padding:40px 16px!important; } #unipile-instagram-hero-full .uihf-container { display:flex!important; flex-direction:column!important; gap:30px!important; } #unipile-instagram-hero-full .uihf-left { display:contents!important; } #unipile-instagram-hero-full .uihf-title { order:1!important; text-align:center!important; font-size:32px!important; } #unipile-instagram-hero-full .uihf-description { order:2!important; text-align:center!important; } #unipile-instagram-hero-full .uihf-chips { order:3!important; justify-content:center!important; } #unipile-instagram-hero-full .uihf-right { order:4!important; width:100%!important; padding:0 10px!important; } #unipile-instagram-hero-full .uihf-mockup-wrapper { width:100%!important; max-width:380px!important; margin:0 auto!important; } #unipile-instagram-hero-full .uihf-app { width:100%!important; } #unipile-instagram-hero-full .uihf-cta { order:5!important; align-items:center!important; width:100%!important; } #unipile-instagram-hero-full .uihf-cta-buttons { flex-direction:column!important; width:100%!important; align-items:center!important; } #unipile-instagram-hero-full .uihf-cta-primary, #unipile-instagram-hero-full .uihf-cta-secondary { width:100%!important; max-width:280px!important; justify-content:center!important; } #unipile-instagram-hero-full .uihf-cta-note { justify-content:center!important; } #unipile-instagram-hero-full .uihf-chip { padding:6px 12px!important; font-size:12px!important; } #unipile-instagram-hero-full .uihf-code { display:none!important; } #unipile-instagram-hero-full .uihf-user-name { display:none!important; } } @media (max-width:600px) { #unipile-instagram-hero-full .uihf-title { font-size:28px!important; } #unipile-instagram-hero-full .uihf-description { font-size:15px!important; } #unipile-instagram-hero-full .uihf-body { min-height:300px!important; height:300px!important; } #unipile-instagram-hero-full .uihf-mockup-wrapper { max-width:100%!important; } #unipile-instagram-hero-full .uihf-right { padding:0!important; } } @media (max-width:400px) { #unipile-instagram-hero-full .uihf-title { font-size:26px!important; } #unipile-instagram-hero-full .uihf-body { min-height:280px!important; height:280px!important; } #unipile-instagram-hero-full .uihf-msg-photo { width:32px!important; height:32px!important; } #unipile-instagram-hero-full .uihf-msg { padding:9px 10px!important; } #unipile-instagram-hero-full .uihf-tab { padding:10px 10px!important; font-size:11px!important; } } <\/style>\n<p> <\/p>\n<div class=\"uihf-container\"> <\/p>\n<div class=\"uihf-left\"> <\/p>\n<h1 class=\"uihf-title\">Instagram API: Smarter Inbox Management<\/h1>\n<p> <pee class=\"uihf-description\">Connect any Instagram account to your application with one unified API. Enable DM messaging, story interactions, comment management and profile sync directly from your software.<\/pee> <\/p>\n<div class=\"uihf-cta\"> <\/p>\n<div class=\"uihf-cta-buttons\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"uihf-cta-primary\">Build Now<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a> <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\" class=\"uihf-cta-secondary\">Documentation<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a> <\/div>\n<p> <\/p>\n<div class=\"uihf-cta-note\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>7-Day Free Trial<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-right\"> <\/p>\n<div class=\"uihf-mockup-wrapper\"> <\/p>\n<div class=\"uihf-app\"> <\/p>\n<div class=\"uihf-app-header\"> <\/p>\n<div class=\"uihf-header-left\"> <\/p>\n<div class=\"uihf-logo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg><\/div>\n<p> <span class=\"uihf-app-title\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"uihf-header-right\"> <\/p>\n<div class=\"uihf-status\"><span class=\"uihf-status-dot\"><\/span>Synced<\/div>\n<p> <span class=\"uihf-user-name\">Sophie Martin<\/span> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face\" alt=\"Sophie\" class=\"uihf-user-avatar\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-account-bar\"> <span class=\"uihf-account-label\">3 accounts connected<\/span> <\/p>\n<div class=\"uihf-account-providers\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <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\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-tabs\"> <\/p>\n<div class=\"uihf-tab active\" data-tab=\"dms\">DMs<span class=\"uihf-tab-count\">12<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-tab\" data-tab=\"campaigns\">Campaigns<span class=\"uihf-tab-count\">3<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-tab\" data-tab=\"activity\">Activity<\/div>\n<p> <\/p>\n<div class=\"uihf-tab\" data-tab=\"contacts\">Contacts<span class=\"uihf-tab-count\">84<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-body\">  <\/p>\n<div class=\"uihf-content active\" data-content=\"dms\"> <\/p>\n<div class=\"uihf-msg highlighted\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-msg-photo has-story\"> <\/p>\n<div class=\"uihf-msg-body\"> <\/p>\n<div class=\"uihf-msg-top\">\n<div class=\"uihf-msg-name-row\"><span class=\"uihf-msg-name\">Emma Laurent<\/span><span class=\"uihf-tag dm\">DM<\/span><span class=\"uihf-unread\"><\/span><\/div>\n<p><span class=\"uihf-msg-time\">1 min<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-msg-role\">@emmalaurent \u00b7 24.5K followers<\/div>\n<p> <\/p>\n<div class=\"uihf-msg-preview\">Hey! I loved your latest post \ud83d\ude0d Can we collab on…<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-msg\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-msg-photo\"> <\/p>\n<div class=\"uihf-msg-body\"> <\/p>\n<div class=\"uihf-msg-top\">\n<div class=\"uihf-msg-name-row\"><span class=\"uihf-msg-name\">Lucas Rivera<\/span><span class=\"uihf-tag story-reply\">Story Reply<\/span><\/div>\n<p><span class=\"uihf-msg-time\">25 min<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-msg-role\">@lucasrivera \u00b7 Brand Manager<\/div>\n<p> <\/p>\n<div class=\"uihf-msg-preview\">\ud83d\udd25 This product launch looks amazing! Would love to…<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-msg\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-msg-photo has-story\"> <\/p>\n<div class=\"uihf-msg-body\"> <\/p>\n<div class=\"uihf-msg-top\">\n<div class=\"uihf-msg-name-row\"><span class=\"uihf-msg-name\">Mia Chen<\/span><span class=\"uihf-tag mention\">Mention<\/span><\/div>\n<p><span class=\"uihf-msg-time\">2h<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-msg-role\">@miachen.design \u00b7 UX Designer<\/div>\n<p> <\/p>\n<div class=\"uihf-msg-preview\">Just tagged you in our latest design showcase post!<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-msg\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-msg-photo\"> <\/p>\n<div class=\"uihf-msg-body\"> <\/p>\n<div class=\"uihf-msg-top\">\n<div class=\"uihf-msg-name-row\"><span class=\"uihf-msg-name\">Alex Thompson<\/span><span class=\"uihf-tag dm\">DM<\/span><\/div>\n<p><span class=\"uihf-msg-time\">5h<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-msg-role\">@alexthompson \u00b7 Growth Lead<\/div>\n<p> <\/p>\n<div class=\"uihf-msg-preview\">Thanks for the info! Let me check with our team and…<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"uihf-content\" data-content=\"campaigns\"> <\/p>\n<div class=\"uihf-campaign\"> <\/p>\n<div class=\"uihf-campaign-top\"><span class=\"uihf-campaign-name\">Influencer Outreach – Q1<\/span><span class=\"uihf-tag running\">Running<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-campaign-steps\"> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(225,48,108,0.1)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-connector done\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(225,48,108,0.1)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-connector done\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(234,67,53,0.08)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Email\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-connector\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(225,48,108,0.1)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-campaign-stats\"><span class=\"uihf-stat\">Sent <span class=\"uihf-stat-val\">98<\/span><\/span><span class=\"uihf-stat\">Replied <span class=\"uihf-stat-val\" style=\"color:#3BB98B!important;\">31<\/span><\/span><span class=\"uihf-stat\">Rate <span class=\"uihf-stat-val\" style=\"color:#3BB98B!important;\">32%<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-progress-bar\">\n<div class=\"uihf-progress-fill\" style=\"width:72%!important;\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-campaign\"> <\/p>\n<div class=\"uihf-campaign-top\"><span class=\"uihf-campaign-name\">Brand Partnerships<\/span><span class=\"uihf-tag paused\">Paused<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-campaign-steps\"> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(225,48,108,0.1)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-connector done\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(234,67,53,0.08)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Email\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-connector\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(10,102,194,0.1)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LI\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-campaign-stats\"><span class=\"uihf-stat\">Sent <span class=\"uihf-stat-val\">64<\/span><\/span><span class=\"uihf-stat\">Replied <span class=\"uihf-stat-val\" style=\"color:#3BB98B!important;\">18<\/span><\/span><span class=\"uihf-stat\">Rate <span class=\"uihf-stat-val\" style=\"color:#d97706!important;\">28%<\/span><\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-progress-bar\">\n<div class=\"uihf-progress-fill\" style=\"width:40%!important;\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-campaign\"> <\/p>\n<div class=\"uihf-campaign-top\"><span class=\"uihf-campaign-name\">UGC Creators Recruit<\/span><span class=\"uihf-tag draft\">Draft<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-campaign-steps\"> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(225,48,108,0.1)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-connector\"><\/div>\n<p> <\/p>\n<div class=\"uihf-step-dot\" style=\"background:rgba(225,48,108,0.1)!important;\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-campaign-stats\"><span class=\"uihf-stat\">Contacts <span class=\"uihf-stat-val\">42<\/span><\/span><span class=\"uihf-stat\">Steps <span class=\"uihf-stat-val\">2<\/span><\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"uihf-content\" data-content=\"activity\"> <\/p>\n<div class=\"uihf-activity\"> <\/p>\n<div class=\"uihf-act-icon reply\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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=\"uihf-act-body\">\n<div class=\"uihf-act-title\"><strong>Emma Laurent<\/strong> replied to your DM<\/div>\n<div class=\"uihf-act-meta\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><span>Direct Message \u00b7 1 min ago<\/span><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-activity\"> <\/p>\n<div class=\"uihf-act-icon story\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"uihf-act-body\">\n<div class=\"uihf-act-title\"><strong>Lucas Rivera<\/strong> replied to your story<\/div>\n<div class=\"uihf-act-meta\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><span>Story \u00b7 25 min ago<\/span><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-activity\"> <\/p>\n<div class=\"uihf-act-icon 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> <\/p>\n<div class=\"uihf-act-body\">\n<div class=\"uihf-act-title\">Campaign sent DM to <strong>Mia Chen<\/strong><\/div>\n<div class=\"uihf-act-meta\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><span>Influencer Outreach \u00b7 1h ago<\/span><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-activity\"> <\/p>\n<div class=\"uihf-act-icon like\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"uihf-act-body\">\n<div class=\"uihf-act-title\"><strong>Alex Thompson<\/strong> liked your post<\/div>\n<div class=\"uihf-act-meta\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><span>Post \u00b7 3h ago \u00b7 \u2764\ufe0f 142 \ud83d\udcac 18<\/span><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-activity\"> <\/p>\n<div class=\"uihf-act-icon follow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"8.5\" cy=\"7\" r=\"4\"\/><line x1=\"20\" y1=\"8\" x2=\"20\" y2=\"14\"\/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"uihf-act-body\">\n<div class=\"uihf-act-title\"><strong>Nina Patel<\/strong> started following you<\/div>\n<div class=\"uihf-act-meta\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><span>Follow \u00b7 5h ago<\/span><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"uihf-content\" data-content=\"contacts\"> <\/p>\n<div class=\"uihf-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-contact-photo\"> <\/p>\n<div class=\"uihf-contact-info\"> <\/p>\n<div class=\"uihf-contact-top\"><span class=\"uihf-contact-name\">Alex Thompson<\/span><span class=\"uihf-tag enriched\">Enriched<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-contact-handle\">@alexthompson \u00b7 12.3K followers<\/div>\n<p> <\/p>\n<div class=\"uihf-contact-data\"><span class=\"uihf-data-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Email<\/span><span class=\"uihf-data-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Phone<\/span><span class=\"uihf-data-chip\">New York<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-contact-photo\"> <\/p>\n<div class=\"uihf-contact-info\"> <\/p>\n<div class=\"uihf-contact-top\"><span class=\"uihf-contact-name\">Nina Patel<\/span><span class=\"uihf-tag synced\">Synced<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-contact-handle\">@ninapatel \u00b7 Content Creator<\/div>\n<p> <\/p>\n<div class=\"uihf-contact-data\"><span class=\"uihf-data-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Email<\/span><span class=\"uihf-data-chip\">Los Angeles<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-contact-photo\"> <\/p>\n<div class=\"uihf-contact-info\"> <\/p>\n<div class=\"uihf-contact-top\"><span class=\"uihf-contact-name\">Ryan Costa<\/span><span class=\"uihf-tag enriched\">Enriched<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-contact-handle\">@ryancosta \u00b7 Social Media Manager<\/div>\n<p> <\/p>\n<div class=\"uihf-contact-data\"><span class=\"uihf-data-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Email<\/span><span class=\"uihf-data-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Phone<\/span><span class=\"uihf-data-chip\">London<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"uihf-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"uihf-contact-photo\"> <\/p>\n<div class=\"uihf-contact-info\"> <\/p>\n<div class=\"uihf-contact-top\"><span class=\"uihf-contact-name\">Jade Kim<\/span><span class=\"uihf-tag synced\">Synced<\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-contact-handle\">@jadekim \u00b7 Brand Strategist<\/div>\n<p> <\/p>\n<div class=\"uihf-contact-data\"><span class=\"uihf-data-chip\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Email<\/span><span class=\"uihf-data-chip\">Seoul<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"uihf-code\"> <\/p>\n<div class=\"uihf-code-header\"><span class=\"uihf-code-dot red\"><\/span><span class=\"uihf-code-dot yellow\"><\/span><span class=\"uihf-code-dot green\"><\/span><\/div>\n<p> <\/p>\n<div class=\"uihf-code-text\"><span class=\"uihf-kw\">await<\/span> <span class=\"uihf-fn\">client<\/span>.<span class=\"uihf-fn\">messaging<\/span>.<span class=\"uihf-fn\">send<\/span>(<span class=\"uihf-str\">“Hi!”<\/span>);<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><script>(function(){ var tabs=['dms','campaigns','activity','contacts'],ci=0,ai; function sw(n){var r=document.getElementById('unipile-instagram-hero-full');if(!r)return;var at=r.querySelectorAll('.uihf-tab'),ac=r.querySelectorAll('.uihf-content');for(var i=0;i<at.length;i++)at[i].classList.remove('active');for(var j=0;j<ac.length;j++)ac[j].classList.remove('active');ci=tabs.indexOf(n);var t=r.querySelector('.uihf-tab[data-tab=\"'+n+'\"]'),c=r.querySelector('.uihf-content[data-content=\"'+n+'\"]');if(t){t.classList.add('active');var ct=r.querySelector('.uihf-tabs');if(ct){ct.scrollTo({left:t.offsetLeft-(ct.offsetWidth\/2)+(t.offsetWidth\/2),behavior:'smooth'});}}if(c)c.classList.add('active');} function as(){ci=(ci+1)%tabs.length;sw(tabs[ci]);} function sa(){ai=setInterval(as,3500);} function ra(){clearInterval(ai);sa();} function init(){var r=document.getElementById('unipile-instagram-hero-full');if(!r)return;sw('dms');var te=r.querySelectorAll('.uihf-tab');for(var k=0;k<te.length;k++){te[k].addEventListener('click',function(){sw(this.getAttribute('data-tab'));ra();});}sa();} if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',init);}else{init();}})();<\/script><\/div>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|phone” admin_label=”Section 2 Home API TITRE” _builder_version=”4.22.2″ _module_preset=”default” background_color=”#f4f5f7″ custom_padding_tablet=”” custom_padding_phone=”30px||5px||false|false” da_disable_devices=”off|off|off” global_module=”273599″ 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 _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”0px||0px||false|false” 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<div id=\"unipile-dma-banner\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap'); #unipile-dma-banner, #unipile-dma-banner * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; background: transparent !important; } #unipile-dma-banner { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; background: #f4f5f7 !important; padding: 28px 20px !important; } #unipile-dma-banner .dma-card { display: flex !important; align-items: center !important; gap: 20px !important; max-width: 1100px !important; width: 100% !important; background: #ffffff !important; border-radius: 14px !important; padding: 20px 28px !important; border: 1px solid #e5e7eb !important; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important; position: relative !important; overflow: hidden !important; } #unipile-dma-banner .dma-card::before { content: '' !important; position: absolute !important; left: 0 !important; top: 0 !important; bottom: 0 !important; width: 3px !important; background: linear-gradient(180deg, #3BB98B, #25D366) !important; border-radius: 14px 0 0 14px !important; } #unipile-dma-banner .dma-logo-wrap { flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } #unipile-dma-banner .dma-logo-wrap img { width: 52px !important; height: auto !important; } #unipile-dma-banner .dma-body { flex: 1 !important; min-width: 0 !important; } #unipile-dma-banner .dma-header { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 6px !important; flex-wrap: wrap !important; } #unipile-dma-banner .dma-badge { display: inline-flex !important; align-items: center !important; gap: 5px !important; background: rgba(59, 185, 139, 0.08) !important; color: #3BB98B !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; padding: 4px 10px !important; border-radius: 6px !important; white-space: nowrap !important; } #unipile-dma-banner .dma-badge svg { width: 12px !important; height: 12px !important; } #unipile-dma-banner .dma-title { font-size: 14px !important; font-weight: 600 !important; color: #1e293b !important; } #unipile-dma-banner .dma-text { font-size: 13.5px !important; line-height: 1.55 !important; color: #64748b !important; font-weight: 400 !important; } #unipile-dma-banner .dma-link { display: inline-flex !important; align-items: center !important; gap: 4px !important; color: #3BB98B !important; text-decoration: none !important; font-weight: 500 !important; font-size: 13.5px !important; transition: all 0.2s ease !important; white-space: nowrap !important; } #unipile-dma-banner .dma-link svg { width: 14px !important; height: 14px !important; transition: transform 0.2s ease !important; } #unipile-dma-banner .dma-link:hover { color: #2da077 !important; } #unipile-dma-banner .dma-link:hover svg { transform: translateX(3px) !important; } \/* ===== TABLET ===== *\/ @media (max-width: 700px) { #unipile-dma-banner { padding: 20px 16px !important; } #unipile-dma-banner .dma-card { align-items: flex-start !important; gap: 14px !important; padding: 16px 18px !important; } #unipile-dma-banner .dma-logo-wrap img { width: 38px !important; margin-top: 2px !important; } #unipile-dma-banner .dma-header { gap: 6px !important; margin-bottom: 4px !important; } #unipile-dma-banner .dma-badge { font-size: 9px !important; padding: 3px 8px !important; } #unipile-dma-banner .dma-title { font-size: 13px !important; } #unipile-dma-banner .dma-text { font-size: 12px !important; line-height: 1.5 !important; } #unipile-dma-banner .dma-link { font-size: 12px !important; } } \/* ===== SMALL MOBILE ===== *\/ @media (max-width: 420px) { #unipile-dma-banner .dma-card { padding: 14px 14px 14px 16px !important; gap: 10px !important; } #unipile-dma-banner .dma-logo-wrap img { width: 30px !important; } #unipile-dma-banner .dma-badge { font-size: 8px !important; padding: 2px 6px !important; gap: 3px !important; } #unipile-dma-banner .dma-badge svg { width: 10px !important; height: 10px !important; } #unipile-dma-banner .dma-title { font-size: 12px !important; } #unipile-dma-banner .dma-text { font-size: 11px !important; line-height: 1.45 !important; } #unipile-dma-banner .dma-link { font-size: 11px !important; } } <\/style>\n<p> <\/p>\n<div class=\"dma-card\"> <\/p>\n<div class=\"dma-logo-wrap\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/imgi_2_logo-ec-mute.svg\" alt=\"European Commission\"> <\/div>\n<p> <\/p>\n<div class=\"dma-body\"> <\/p>\n<div class=\"dma-header\"> <span class=\"dma-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg> EU Regulated <\/span> <span class=\"dma-title\">Digital Markets Act (DMA)<\/span> <\/div>\n<p> <span class=\"dma-text\"> Our solution focuses exclusively on messaging interoperability, no profile storage, no scraping. Clients are expected to comply with each provider’s terms. <a href=\"https:\/\/www.unipile.com\/digital-markets-act\/\" class=\"dma-link\"> Learn more <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> <\/span> <\/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″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"fr\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Instagram Account Types<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style>* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #f4f5f7; }<\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1><\/p>\n<div id=\"unipile-ig-accounts\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@700&display=swap'); #unipile-ig-accounts, #unipile-ig-accounts * { margin:0!important; padding:0!important; box-sizing:border-box!important; border:none!important; outline:none!important; font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif!important; line-height:normal!important; letter-spacing:normal!important; text-transform:none!important; text-decoration:none!important; list-style:none!important; background:transparent!important; } #unipile-ig-accounts { padding:70px 20px!important; } #unipile-ig-accounts .iga-container { max-width:1100px!important; margin:0 auto!important; } \/* HEADER *\/ #unipile-ig-accounts .iga-header { text-align:center!important; display:flex!important; flex-direction:column!important; align-items:center!important; } #unipile-ig-accounts .iga-badge { display:inline-flex!important; align-items:center!important; gap:8px!important; background:rgba(225,48,108,0.1)!important; color:#E1306C!important; padding:6px 14px!important; border-radius:20px!important; font-size:0.75rem!important; font-weight:600!important; text-transform:uppercase!important; letter-spacing:0.5px!important; margin-bottom:16px!important; } #unipile-ig-accounts .iga-badge img { width:16px!important; height:16px!important; } #unipile-ig-accounts .iga-title { font-family:'Poppins',sans-serif!important; font-size:35px!important; font-weight:700!important; color:#1e293b!important; margin-bottom:14px!important; } #unipile-ig-accounts .iga-subtitle { font-size:16px!important; line-height:1.65!important; color:#383838!important; max-width:750px!important; margin-bottom:44px!important; } \/* CARDS GRID *\/ #unipile-ig-accounts .iga-grid { display:grid!important; grid-template-columns:1fr 1fr!important; gap:24px!important; } \/* CARD *\/ #unipile-ig-accounts .iga-card { background:#ffffff!important; border:1px solid #e5e7eb!important; border-radius:16px!important; padding:32px 28px!important; display:flex!important; flex-direction:column!important; gap:20px!important; position:relative!important; overflow:hidden!important; } #unipile-ig-accounts .iga-card.personal::before { content:''!important; position:absolute!important; top:0!important; left:0!important; right:0!important; height:3px!important; background:linear-gradient(90deg,#E1306C,#833AB4)!important; } #unipile-ig-accounts .iga-card.professional::before { content:''!important; position:absolute!important; top:0!important; left:0!important; right:0!important; height:3px!important; background:linear-gradient(90deg,#F77737,#FDAF37)!important; } \/* Card Header *\/ #unipile-ig-accounts .iga-card-header { display:flex!important; align-items:center!important; gap:14px!important; } #unipile-ig-accounts .iga-card-logo { width:48px!important; height:48px!important; border-radius:12px!important; display:flex!important; align-items:center!important; justify-content:center!important; flex-shrink:0!important; } #unipile-ig-accounts .iga-card.personal .iga-card-logo { background:rgba(225,48,108,0.12)!important; } #unipile-ig-accounts .iga-card.professional .iga-card-logo { background:rgba(247,119,55,0.12)!important; } #unipile-ig-accounts .iga-card-logo img { width:26px!important; height:26px!important; } #unipile-ig-accounts .iga-card-titles { display:flex!important; flex-direction:column!important; gap:2px!important; } #unipile-ig-accounts .iga-card-name { font-size:18px!important; font-weight:700!important; color:#1e293b!important; } #unipile-ig-accounts .iga-card-tagline { font-size:13px!important; font-weight:500!important; color:#94a3b8!important; } \/* Card Desc *\/ #unipile-ig-accounts .iga-card-desc { font-size:14px!important; line-height:1.6!important; color:#64748b!important; } \/* Use Cases *\/ #unipile-ig-accounts .iga-usecases-label { font-size:11px!important; font-weight:600!important; text-transform:uppercase!important; letter-spacing:0.5px!important; color:#94a3b8!important; margin-bottom:10px!important; } #unipile-ig-accounts .iga-usecases { display:flex!important; flex-direction:column!important; gap:10px!important; } #unipile-ig-accounts .iga-uc { display:flex!important; align-items:flex-start!important; gap:10px!important; font-size:13.5px!important; line-height:1.45!important; color:#475569!important; } #unipile-ig-accounts .iga-uc svg { width:16px!important; height:16px!important; flex-shrink:0!important; margin-top:2px!important; } #unipile-ig-accounts .iga-card.personal .iga-uc svg { color:#E1306C!important; } #unipile-ig-accounts .iga-card.professional .iga-uc svg { color:#F77737!important; } \/* Stats Row *\/ #unipile-ig-accounts .iga-stats { display:flex!important; gap:8px!important; flex-wrap:wrap!important; margin-top:auto!important; padding-top:8px!important; border-top:1px solid #f1f5f9!important; } #unipile-ig-accounts .iga-stat { display:flex!important; align-items:center!important; gap:6px!important; background:#f8f9fa!important; padding:6px 12px!important; border-radius:8px!important; font-size:12px!important; font-weight:600!important; color:#64748b!important; } #unipile-ig-accounts .iga-stat svg { width:13px!important; height:13px!important; } #unipile-ig-accounts .iga-card.personal .iga-stat svg { color:#E1306C!important; } #unipile-ig-accounts .iga-card.professional .iga-stat svg { color:#F77737!important; } \/* CTA *\/ #unipile-ig-accounts .iga-cta-row { display:flex!important; justify-content:center!important; margin-top:36px!important; } #unipile-ig-accounts .iga-cta { display:inline-flex!important; align-items:center!important; gap:8px!important; color:#0F2836!important; background:#DDDF4C!important; text-decoration:none!important; font-weight:600!important; font-size:15px!important; padding:14px 26px!important; border-radius:8px!important; transition:transform 0.3s ease!important; cursor:pointer!important; } #unipile-ig-accounts .iga-cta:hover { transform:translateY(-5px)!important; } #unipile-ig-accounts .iga-cta svg { width:18px!important; height:18px!important; } \/* RESPONSIVE *\/ @media (max-width:900px) { #unipile-ig-accounts .iga-grid { grid-template-columns:1fr!important; } #unipile-ig-accounts .iga-title { font-size:28px!important; } } @media (max-width:600px) { #unipile-ig-accounts { padding:50px 16px!important; } #unipile-ig-accounts .iga-title { font-size:26px!important; } #unipile-ig-accounts .iga-card { padding:24px 20px!important; } } <\/style>\n<p> <\/p>\n<div class=\"iga-container\"> <\/p>\n<div class=\"iga-header\"> <\/p>\n<div class=\"iga-badge\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> Instagram API Integration <\/div>\n<p> <\/p>\n<h2 class=\"iga-title\">One API for Instagram: Connect Every Account Type<\/h2>\n<p> <pee class=\"iga-subtitle\">Integrate with Instagram Personal and Professional accounts. Each account type serves different use cases for your application. Our API handles both with the same unified schema.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"iga-grid\">  <\/p>\n<div class=\"iga-card personal\"> <\/p>\n<div class=\"iga-card-header\"> <\/p>\n<div class=\"iga-card-logo\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram Personal\"><\/div>\n<p> <\/p>\n<div class=\"iga-card-titles\"> <span class=\"iga-card-name\">Instagram Personal<\/span> <span class=\"iga-card-tagline\">Personal Messaging<\/span> <\/div>\n<p> <\/div>\n<p> <pee class=\"iga-card-desc\">Connect your users’ personal Instagram accounts to your platform. Sync all DM conversations, contacts and interactions in real time, enabling unified inbox, outreach and team collaboration features.<\/pee> <\/p>\n<div> <\/p>\n<div class=\"iga-usecases-label\">Key Use Cases<\/div>\n<p> <\/p>\n<div class=\"iga-usecases\"> <\/p>\n<div class=\"iga-uc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Unified inbox: centralize all user DMs in your app<\/div>\n<p> <\/p>\n<div class=\"iga-uc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Multi-channel outreach sequences (Instagram + Email + LinkedIn)<\/div>\n<p> <\/p>\n<div class=\"iga-uc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Contact sync & profile enrichment from followers<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iga-stats\"> <span class=\"iga-stat\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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>Messages<\/span> <span class=\"iga-stat\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>Contacts<\/span> <span class=\"iga-stat\"><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\"\/><path d=\"M14 2v6h6\"\/><\/svg>Attachments<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"iga-card professional\"> <\/p>\n<div class=\"iga-card-header\"> <\/p>\n<div class=\"iga-card-logo\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram Professional\"><\/div>\n<p> <\/p>\n<div class=\"iga-card-titles\"> <span class=\"iga-card-name\">Instagram Professional<\/span> <span class=\"iga-card-tagline\">Creator & Business Accounts<\/span> <\/div>\n<p> <\/div>\n<p> <pee class=\"iga-card-desc\">Integrate Instagram Professional accounts (Creator & Business) used by brands and influencers. Access DMs, story interactions, mentions and professional messaging features: ideal for CRM, social selling and influencer management tools.<\/pee> <\/p>\n<div> <\/p>\n<div class=\"iga-usecases-label\">Key Use Cases<\/div>\n<p> <\/p>\n<div class=\"iga-usecases\"> <\/p>\n<div class=\"iga-uc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>CRM integration: sync customer conversations automatically<\/div>\n<p> <\/p>\n<div class=\"iga-uc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Influencer outreach & partnership management at scale<\/div>\n<p> <\/p>\n<div class=\"iga-uc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Lead generation from story replies, mentions & DMs<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iga-stats\"> <span class=\"iga-stat\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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>Messages<\/span> <span class=\"iga-stat\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>Contacts<\/span> <span class=\"iga-stat\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>Stories<\/span> <span class=\"iga-stat\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>Mentions<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"iga-cta-row\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"iga-cta\">Build Now<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><\/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=”#0F2736″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"fr\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Instagram Messaging API<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style>* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #0f2736; }<\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1><\/p>\n<div id=\"instagram-messaging-section\" class=\"instagram-messaging-wrapper\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #instagram-messaging-section.instagram-messaging-wrapper, #instagram-messaging-section.instagram-messaging-wrapper * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #instagram-messaging-section.instagram-messaging-wrapper { --up-green: #3BB98B !important; --up-yellow: #DDDF4C !important; --up-yellow-dark: #b8ba2e !important; --up-dark: #0f2736 !important; --up-text: #1e293b !important; --up-subtle: #64748b !important; --up-border: #e5e7eb !important; --up-bg-light: #f8f9fa !important; --ig-pink: #E1306C !important; --ig-purple: #833AB4 !important; --ig-orange: #F77737 !important; padding: 50px 20px !important; background: transparent !important; } #instagram-messaging-section .igm-container { max-width: 1000px !important; margin: 0 auto !important; } \/* Header *\/ #instagram-messaging-section .igm-header { text-align: center !important; margin-bottom: 32px !important; } #instagram-messaging-section .igm-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: var(--up-yellow) !important; padding: 5px 12px !important; border-radius: 16px !important; font-size: 0.65rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 12px !important; } #instagram-messaging-section .igm-badge svg { width: 11px !important; height: 11px !important; } #instagram-messaging-section .igm-title { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin-bottom: 12px !important; } #instagram-messaging-section .igm-subtitle { font-size: 16px !important; color: #ffffff !important; line-height: 1.6 !important; max-width: 550px !important; margin: 0 auto !important; } \/* Main Grid *\/ #instagram-messaging-section .igm-grid { display: grid !important; grid-template-columns: 420px minmax(auto, 420px) !important; gap: 70px !important; align-items: center !important; justify-content: center !important; } \/* Mockup Side *\/ #instagram-messaging-section .igm-mockup-wrapper { position: relative !important; } #instagram-messaging-section .igm-chat-mockup { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35) !important; width: 420px !important; max-width: 420px !important; } \/* Header mockup *\/ #instagram-messaging-section .igm-mockup-header { background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; padding: 12px 14px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid var(--up-border) !important; } #instagram-messaging-section .igm-header-left { display: flex !important; align-items: center !important; gap: 10px !important; } #instagram-messaging-section .igm-mockup-logo { 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; } #instagram-messaging-section .igm-mockup-logo svg { width: 18px !important; height: 18px !important; color: var(--up-green) !important; stroke: var(--up-green) !important; } #instagram-messaging-section .igm-mockup-title { font-size: 14px !important; font-weight: 600 !important; color: var(--up-text) !important; } #instagram-messaging-section .igm-status { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 11px !important; color: var(--up-green) !important; font-weight: 600 !important; background: rgba(59, 185, 139, 0.1) !important; padding: 5px 10px !important; border-radius: 20px !important; } #instagram-messaging-section .igm-status-dot { width: 6px !important; height: 6px !important; background: var(--up-green) !important; border-radius: 50% !important; animation: igm-pulse 2s ease-in-out infinite !important; } @keyframes igm-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.3); } } \/* Profile Card *\/ #instagram-messaging-section .igm-profile { display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 14px !important; background: #ffffff !important; border-bottom: 1px solid var(--up-border) !important; } #instagram-messaging-section .igm-profile-avatar { width: 48px !important; height: 48px !important; border-radius: 50% !important; object-fit: cover !important; border: 2px solid var(--up-border) !important; flex-shrink: 0 !important; } #instagram-messaging-section .igm-profile-info { display: flex !important; flex-direction: column !important; gap: 3px !important; } #instagram-messaging-section .igm-profile-name { font-weight: 600 !important; font-size: 14px !important; color: var(--up-text) !important; display: flex !important; align-items: center !important; gap: 6px !important; } #instagram-messaging-section .igm-verified { width: 14px !important; height: 14px !important; color: #3897f0 !important; } #instagram-messaging-section .igm-profile-platforms { display: flex !important; align-items: center !important; gap: 5px !important; } #instagram-messaging-section .igm-profile-platforms img { width: 20px !important; height: 20px !important; border-radius: 4px !important; } #instagram-messaging-section .igm-more { font-size: 10px !important; font-weight: 600 !important; color: var(--up-subtle) !important; background: #f1f5f9 !important; padding: 3px 6px !important; border-radius: 4px !important; } #instagram-messaging-section .igm-profile-status { display: flex !important; align-items: center !important; gap: 12px !important; margin-top: 2px !important; } #instagram-messaging-section .igm-status-item { display: flex !important; align-items: center !important; gap: 5px !important; font-size: 11px !important; color: var(--up-subtle) !important; } #instagram-messaging-section .igm-dot-green { width: 6px !important; height: 6px !important; background: var(--up-green) !important; border-radius: 50% !important; } \/* Channel Tabs *\/ #instagram-messaging-section .igm-channel-tabs { display: flex !important; gap: 6px !important; padding: 8px 14px !important; border-bottom: 1px solid var(--up-border) !important; background: var(--up-bg-light) !important; } #instagram-messaging-section .igm-channel-tab { display: flex !important; align-items: center !important; gap: 5px !important; padding: 6px 10px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 500 !important; color: var(--up-subtle) !important; background: transparent !important; } #instagram-messaging-section .igm-channel-tab.active { background: var(--ig-pink) !important; color: #ffffff !important; } #instagram-messaging-section .igm-channel-tab img { width: 14px !important; height: 14px !important; } #instagram-messaging-section .igm-channel-tab svg { width: 10px !important; height: 10px !important; stroke: currentColor !important; } \/* Chat Body *\/ #instagram-messaging-section .igm-chat-body { padding: 10px 12px !important; background: #ffffff !important; min-height: 200px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; } #instagram-messaging-section .igm-message-row { display: flex !important; flex-direction: column !important; gap: 2px !important; } #instagram-messaging-section .igm-message-row.sent { align-items: flex-end !important; } #instagram-messaging-section .igm-message-row.received { align-items: flex-start !important; } #instagram-messaging-section .igm-message-meta { display: flex !important; align-items: center !important; gap: 5px !important; font-size: 10px !important; color: var(--up-subtle) !important; } #instagram-messaging-section .igm-message-meta img { width: 14px !important; height: 14px !important; border-radius: 50% !important; } #instagram-messaging-section .igm-message-bubble { max-width: 85% !important; padding: 8px 12px !important; border-radius: 12px !important; font-size: 12px !important; line-height: 1.4 !important; } #instagram-messaging-section .igm-message-row.sent .igm-message-bubble { background: linear-gradient(135deg, #E1306C, #C13584) !important; color: #ffffff !important; border-bottom-right-radius: 4px !important; } #instagram-messaging-section .igm-message-row.received .igm-message-bubble { background: var(--up-bg-light) !important; color: var(--up-dark) !important; border-bottom-left-radius: 4px !important; } \/* Image attachment *\/ #instagram-messaging-section .igm-img-tag { font-size: 8px !important; font-weight: 600 !important; color: var(--ig-purple) !important; background: rgba(131, 58, 180, 0.15) !important; padding: 2px 5px !important; border-radius: 4px !important; margin-left: 4px !important; } #instagram-messaging-section .igm-img-message { max-width: 160px !important; border-radius: 10px !important; overflow: hidden !important; border-bottom-right-radius: 4px !important; } #instagram-messaging-section .igm-img-thumbnail { position: relative !important; width: 160px !important; height: 120px !important; background: linear-gradient(135deg, #f8f9fa 0%, #e5e7eb 100%) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } #instagram-messaging-section .igm-img-thumbnail img { width: 100% !important; height: 100% !important; object-fit: cover !important; position: absolute !important; top: 0 !important; left: 0 !important; } \/* Chat Input *\/ #instagram-messaging-section .igm-chat-input { padding: 10px 14px !important; border-top: 1px solid var(--up-border) !important; display: flex !important; align-items: center !important; gap: 10px !important; background: #ffffff !important; } #instagram-messaging-section .igm-input-icon { width: 24px !important; height: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--up-subtle) !important; } #instagram-messaging-section .igm-input-icon svg { width: 14px !important; height: 14px !important; stroke: var(--up-subtle) !important; } #instagram-messaging-section .igm-input-icon.igm-img-icon svg { stroke: var(--ig-purple) !important; } #instagram-messaging-section .igm-input-field { flex: 1 !important; padding: 8px 12px !important; background: var(--up-bg-light) !important; border-radius: 18px !important; font-size: 12px !important; color: var(--up-subtle) !important; } #instagram-messaging-section .igm-send-btn { width: 28px !important; height: 28px !important; background: var(--ig-pink) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-messaging-section .igm-send-btn svg { width: 12px !important; height: 12px !important; color: #ffffff !important; stroke: #ffffff !important; } \/* Floating Notification *\/ #instagram-messaging-section .igm-floating-notif { position: absolute !important; top: 40px !important; right: -20px !important; background: #ffffff !important; border-radius: 10px !important; padding: 10px 12px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important; display: flex !important; align-items: center !important; gap: 10px !important; animation: igm-float 3s ease-in-out infinite !important; z-index: 10 !important; } @keyframes igm-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } } #instagram-messaging-section .igm-notif-avatar { width: 28px !important; height: 28px !important; border-radius: 50% !important; object-fit: cover !important; } #instagram-messaging-section .igm-notif-content { display: flex !important; flex-direction: column !important; gap: 1px !important; } #instagram-messaging-section .igm-notif-title { font-size: 11px !important; font-weight: 600 !important; color: var(--up-dark) !important; display: flex !important; align-items: center !important; gap: 6px !important; } #instagram-messaging-section .igm-notif-title img { width: 14px !important; height: 14px !important; } #instagram-messaging-section .igm-notif-text { font-size: 10px !important; color: var(--up-subtle) !important; } #instagram-messaging-section .igm-notif-badge { background: rgba(59, 185, 139, 0.15) !important; color: var(--up-green) !important; padding: 3px 8px !important; border-radius: 10px !important; font-size: 9px !important; font-weight: 600 !important; } \/* Features Side *\/ #instagram-messaging-section .igm-features-list { display: flex !important; flex-direction: column !important; gap: 18px !important; } #instagram-messaging-section .igm-feature-item { display: flex !important; gap: 14px !important; } #instagram-messaging-section .igm-feature-icon { width: 40px !important; height: 40px !important; min-width: 40px !important; background: rgba(221, 223, 76, 0.12) !important; border-radius: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-messaging-section .igm-feature-icon svg { width: 18px !important; height: 18px !important; color: var(--up-yellow) !important; stroke: var(--up-yellow) !important; } #instagram-messaging-section .igm-feature-content h3 { font-family: 'Poppins', sans-serif !important; font-size: 0.95rem !important; font-weight: 600 !important; color: #ffffff !important; margin-bottom: 4px !important; line-height: 1.3 !important; } #instagram-messaging-section .igm-feature-content p { font-size: 0.85rem !important; color: rgba(255, 255, 255, 0.7) !important; line-height: 1.5 !important; } \/* CTA *\/ #instagram-messaging-section .igm-cta-wrapper { margin-top: 22px !important; display: flex !important; flex-direction: column !important; gap: 14px !important; align-items: flex-start !important; } #instagram-messaging-section .igm-cta-button { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: var(--up-dark) !important; background: var(--up-yellow) !important; text-decoration: none !important; font-weight: 600 !important; font-size: 0.9rem !important; padding: 12px 24px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; } #instagram-messaging-section .igm-cta-button:hover { transform: translateY(-5px) !important; } #instagram-messaging-section .igm-cta-button svg { width: 16px !important; height: 16px !important; stroke: var(--up-dark) !important; } \/* RESPONSIVE *\/ @media (max-width: 900px) { #instagram-messaging-section.instagram-messaging-wrapper { padding: 40px 16px !important; } #instagram-messaging-section .igm-title { font-size: 28px !important; } #instagram-messaging-section .igm-grid { grid-template-columns: 1fr !important; gap: 30px !important; justify-content: center !important; } #instagram-messaging-section .igm-mockup-wrapper { order: 1 !important; display: flex !important; justify-content: center !important; width: 100% !important; } #instagram-messaging-section .igm-chat-mockup { width: 100% !important; max-width: 420px !important; } #instagram-messaging-section .igm-features-list { order: 2 !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; } #instagram-messaging-section .igm-cta-wrapper { align-items: center !important; } #instagram-messaging-section .igm-floating-notif { right: 10px !important; top: 35px !important; } } @media (max-width: 600px) { #instagram-messaging-section .igm-title { font-size: 26px !important; } #instagram-messaging-section .igm-subtitle { font-size: 15px !important; } } @media (max-width: 500px) { #instagram-messaging-section .igm-title { font-size: 24px !important; } #instagram-messaging-section .igm-chat-mockup { width: 100% !important; max-width: 100% !important; } #instagram-messaging-section .igm-floating-notif { display: none !important; } #instagram-messaging-section .igm-channel-tabs { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } #instagram-messaging-section .igm-profile-platforms img { width: 18px !important; height: 18px !important; } #instagram-messaging-section .igm-profile-avatar { width: 42px !important; height: 42px !important; } } @media (max-width: 400px) { #instagram-messaging-section .igm-title { font-size: 22px !important; } #instagram-messaging-section .igm-message-bubble { font-size: 11px !important; padding: 7px 10px !important; } #instagram-messaging-section .igm-img-thumbnail { width: 140px !important; height: 100px !important; } #instagram-messaging-section .igm-img-message { max-width: 140px !important; } } <\/style>\n<p> <\/p>\n<div class=\"igm-container\">  <\/p>\n<div class=\"igm-header\"> <\/p>\n<div class=\"igm-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" 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> Instagram Messaging API <\/div>\n<p> <\/p>\n<h2 class=\"igm-title\">Instagram API Integration<!\u2013- [et_pb_br_holder] -\u2013>for Direct Messaging<\/h2>\n<p> <pee class=\"igm-subtitle\">Send, receive, and sync all Instagram DM conversations. Manage story replies and attachments directly within your application.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"igm-grid\">   <\/p>\n<div class=\"igm-mockup-wrapper\"> <\/p>\n<div class=\"igm-chat-mockup\">  <\/p>\n<div class=\"igm-mockup-header\"> <\/p>\n<div class=\"igm-header-left\"> <\/p>\n<div class=\"igm-mockup-logo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg><\/div>\n<p> <span class=\"igm-mockup-title\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"igm-status\"><span class=\"igm-status-dot\"><\/span>Synced<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igm-profile\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=100&h=100&fit=crop&crop=face\" alt=\"Mery Yard\" class=\"igm-profile-avatar\"> <\/p>\n<div class=\"igm-profile-info\"> <span class=\"igm-profile-name\">Mery Yard <svg class=\"igm-verified\" viewBox=\"0 0 24 24\" fill=\"#3897f0\" stroke=\"none\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm-1.7 14.3l-3.6-3.6 1.4-1.4 2.2 2.2 5.6-5.6 1.4 1.4-7 7z\"\/><\/svg><\/span> <\/p>\n<div class=\"igm-profile-platforms\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <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\"> <span class=\"igm-more\">+<\/span> <\/div>\n<p> <\/p>\n<div class=\"igm-profile-status\"> <span class=\"igm-status-item\"><span class=\"igm-dot-green\"><\/span> Message<\/span> <span class=\"igm-status-item\"><span class=\"igm-dot-green\"><\/span> Email<\/span> <span class=\"igm-status-item\"><span class=\"igm-dot-green\"><\/span> Calendar<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igm-channel-tabs\"> <span class=\"igm-channel-tab active\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> Instagram <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> <\/span> <span class=\"igm-channel-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> LinkedIn <\/span> <span class=\"igm-channel-tab\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> Gmail <\/span> <\/div>\n<p>  <\/p>\n<div class=\"igm-chat-body\"> <\/p>\n<div class=\"igm-message-row sent\"> <\/p>\n<div class=\"igm-message-meta\"><span>Me \u00b7 MONDAY, 05:09 PM<\/span><\/div>\n<p> <\/p>\n<div class=\"igm-message-bubble\">Hey Mery \ud83d\udc4b We loved your latest project on Behance, are you open to new opportunities?<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igm-message-row sent\"> <\/p>\n<div class=\"igm-message-meta\"> <span>Me \u00b7 MONDAY, 05:10 PM<\/span> <span class=\"igm-img-tag\">IMAGE<\/span> <\/div>\n<p> <\/p>\n<div class=\"igm-img-message\"> <\/p>\n<div class=\"igm-img-thumbnail\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611162617474-5b21e879e113?w=320&h=240&fit=crop\" alt=\"Shared image\"> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igm-message-row received\"> <\/p>\n<div class=\"igm-message-meta\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=100&h=100&fit=crop&crop=face\" alt=\"Mery\"> <span>Mery Yard \u00b7 MONDAY, 07:12 PM<\/span> <\/div>\n<p> <\/p>\n<div class=\"igm-message-bubble\">Hi! Yes, I’m always curious. What kind of project are you recruiting for?<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igm-message-row sent\"> <\/p>\n<div class=\"igm-message-meta\"><span>Me \u00b7 MONDAY, 07:30 PM<\/span><\/div>\n<p> <\/p>\n<div class=\"igm-message-bubble\">A creative director role for a DTC brand! \ud83c\udfa8<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igm-chat-input\"> <span class=\"igm-input-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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> <span class=\"igm-input-icon igm-img-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><\/span> <span class=\"igm-input-field\">Reply to Mery via Instagram…<\/span> <span class=\"igm-send-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg><\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igm-floating-notif\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face\" alt=\"Lucas\" class=\"igm-notif-avatar\"> <\/p>\n<div class=\"igm-notif-content\"> <span class=\"igm-notif-title\">DM sent <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"><\/span> <span class=\"igm-notif-text\">Hey Lucas, loved your…<\/span> <\/div>\n<p> <span class=\"igm-notif-badge\">Sent<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igm-features-list\"> <\/p>\n<div class=\"igm-feature-item\"> <\/p>\n<div class=\"igm-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"17 1 21 5 17 9\"\/><path d=\"M3 11V9a4 4 0 0 1 4-4h14\"\/><polyline points=\"7 23 3 19 7 15\"\/><path d=\"M21 13v2a4 4 0 0 1-4 4H3\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igm-feature-content\"> <\/p>\n<h3>Retrieve & Sync Conversations<\/h3>\n<p> <pee>Retrieve all past DM threads from connected Instagram accounts and link them to your user’s CRM records with real-time synchronization.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igm-feature-item\"> <\/p>\n<div class=\"igm-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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><\/div>\n<p> <\/p>\n<div class=\"igm-feature-content\"> <\/p>\n<h3>Start New Conversations<\/h3>\n<p> <pee>Enable your users to initiate new direct messages with Instagram followers or accounts directly from your platform.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igm-feature-item\"> <\/p>\n<div class=\"igm-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igm-feature-content\"> <\/p>\n<h3>Send Attachments<\/h3>\n<p> <pee>Share images, videos and files directly within Instagram DMs. Rich media support for more engaging conversations.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igm-cta-wrapper\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"igm-cta-button\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\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=”#0F2736″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” background_color=”RGBA(255,255,255,0)” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"fr\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Instagram Shared Inbox<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style>* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #0f2736; }<\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1><\/p>\n<div id=\"instagram-shared-inbox-section\" class=\"instagram-shared-inbox-wrapper\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #instagram-shared-inbox-section.instagram-shared-inbox-wrapper, #instagram-shared-inbox-section.instagram-shared-inbox-wrapper * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #instagram-shared-inbox-section.instagram-shared-inbox-wrapper { --up-green: #3BB98B !important; --up-yellow: #DDDF4C !important; --up-dark: #0f2736 !important; --up-text: #1e293b !important; --up-subtle: #64748b !important; --up-border: #e5e7eb !important; --up-bg-light: #f8f9fa !important; --ig-pink: #E1306C !important; --ig-purple: #833AB4 !important; padding: 50px 20px !important; background: transparent !important; } #instagram-shared-inbox-section .igsi-container { max-width: 1000px !important; margin: 0 auto !important; } \/* Main Grid \u2014 texte \u00e0 gauche, mockup \u00e0 droite *\/ #instagram-shared-inbox-section .igsi-grid { display: grid !important; grid-template-columns: minmax(auto, 400px) 480px !important; gap: 60px !important; align-items: center !important; justify-content: center !important; } \/* ========== LEFT - TEXT ========== *\/ #instagram-shared-inbox-section .igsi-text { display: flex !important; flex-direction: column !important; gap: 18px !important; } #instagram-shared-inbox-section .igsi-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: var(--up-yellow) !important; padding: 5px 12px !important; border-radius: 16px !important; font-size: 0.65rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; align-self: flex-start !important; } #instagram-shared-inbox-section .igsi-badge svg { width: 11px !important; height: 11px !important; } #instagram-shared-inbox-section .igsi-title { font-family: 'Poppins', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; } #instagram-shared-inbox-section .igsi-desc { font-size: 15px !important; color: rgba(255, 255, 255, 0.75) !important; line-height: 1.65 !important; } \/* Feature bullets *\/ #instagram-shared-inbox-section .igsi-features { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-top: 4px !important; } #instagram-shared-inbox-section .igsi-feat { display: flex !important; align-items: flex-start !important; gap: 10px !important; } #instagram-shared-inbox-section .igsi-feat-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; background: rgba(221, 223, 76, 0.12) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-shared-inbox-section .igsi-feat-icon svg { width: 15px !important; height: 15px !important; color: var(--up-yellow) !important; stroke: var(--up-yellow) !important; } #instagram-shared-inbox-section .igsi-feat-content h4 { font-family: 'Poppins', sans-serif !important; font-size: 0.88rem !important; font-weight: 600 !important; color: #ffffff !important; margin-bottom: 2px !important; line-height: 1.3 !important; } #instagram-shared-inbox-section .igsi-feat-content p { font-size: 0.8rem !important; color: rgba(255, 255, 255, 0.6) !important; line-height: 1.45 !important; } \/* CTA *\/ #instagram-shared-inbox-section .igsi-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: var(--up-dark) !important; background: var(--up-yellow) !important; text-decoration: none !important; font-weight: 600 !important; font-size: 0.9rem !important; padding: 12px 24px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; align-self: flex-start !important; margin-top: 4px !important; } #instagram-shared-inbox-section .igsi-cta:hover { transform: translateY(-5px) !important; } #instagram-shared-inbox-section .igsi-cta svg { width: 16px !important; height: 16px !important; stroke: var(--up-dark) !important; } \/* ========== RIGHT - MOCKUP ========== *\/ #instagram-shared-inbox-section .igsi-mockup-wrapper { position: relative !important; } #instagram-shared-inbox-section .igsi-crm { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35) !important; width: 480px !important; max-width: 480px !important; } \/* CRM Header *\/ #instagram-shared-inbox-section .igsi-crm-header { background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; padding: 12px 16px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid var(--up-border) !important; } #instagram-shared-inbox-section .igsi-crm-header-left { display: flex !important; align-items: center !important; gap: 10px !important; } #instagram-shared-inbox-section .igsi-crm-logo { width: 28px !important; height: 28px !important; background: rgba(59, 185, 139, 0.12) !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-shared-inbox-section .igsi-crm-logo svg { width: 14px !important; height: 14px !important; color: var(--up-green) !important; stroke: var(--up-green) !important; } #instagram-shared-inbox-section .igsi-crm-name { font-weight: 600 !important; font-size: 14px !important; color: var(--up-text) !important; } \/* User Selector Dropdown *\/ #instagram-shared-inbox-section .igsi-selector { position: relative !important; } #instagram-shared-inbox-section .igsi-selector-btn { display: flex !important; align-items: center !important; gap: 8px !important; background: #ffffff !important; border: 1px solid var(--up-border) !important; padding: 6px 12px !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 500 !important; color: var(--up-text) !important; cursor: pointer !important; } #instagram-shared-inbox-section .igsi-selector-btn svg { width: 12px !important; height: 12px !important; color: var(--up-subtle) !important; stroke: var(--up-subtle) !important; } #instagram-shared-inbox-section .igsi-dropdown { position: absolute !important; top: 36px !important; right: 0 !important; background: #ffffff !important; border: 1px solid var(--up-border) !important; border-radius: 10px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important; padding: 6px !important; min-width: 190px !important; z-index: 10 !important; } #instagram-shared-inbox-section .igsi-dd-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 8px 10px !important; border-radius: 6px !important; font-size: 12.5px !important; font-weight: 500 !important; color: var(--up-text) !important; } #instagram-shared-inbox-section .igsi-dd-item.active { background: rgba(59, 185, 139, 0.08) !important; color: #1e293b !important; font-weight: 600 !important; } #instagram-shared-inbox-section .igsi-dd-avatar { width: 24px !important; height: 24px !important; border-radius: 50% !important; object-fit: cover !important; } \/* Contacts Tab *\/ #instagram-shared-inbox-section .igsi-contacts-bar { display: flex !important; align-items: center !important; padding: 8px 16px !important; background: var(--ig-pink) !important; gap: 8px !important; } #instagram-shared-inbox-section .igsi-contacts-bar span { font-size: 11px !important; font-weight: 600 !important; color: #ffffff !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } \/* Table Header *\/ #instagram-shared-inbox-section .igsi-table-header { display: grid !important; grid-template-columns: 1fr 100px 50px 90px 28px !important; gap: 8px !important; padding: 8px 16px !important; background: #ffffff !important; border-bottom: 1px solid var(--up-border) !important; align-items: center !important; } #instagram-shared-inbox-section .igsi-th { font-size: 10px !important; font-weight: 600 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; display: flex !important; align-items: center !important; gap: 3px !important; } #instagram-shared-inbox-section .igsi-th svg { width: 10px !important; height: 10px !important; stroke: #94a3b8 !important; } \/* Table Rows *\/ #instagram-shared-inbox-section .igsi-table-body { background: #ffffff !important; } #instagram-shared-inbox-section .igsi-row { display: grid !important; grid-template-columns: 1fr 100px 50px 90px 28px !important; gap: 8px !important; padding: 10px 16px !important; align-items: center !important; border-bottom: 1px solid #f1f5f9 !important; } #instagram-shared-inbox-section .igsi-row-contact { display: flex !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; } #instagram-shared-inbox-section .igsi-row-avatar { width: 32px !important; height: 32px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; } #instagram-shared-inbox-section .igsi-row-info { display: flex !important; flex-direction: column !important; gap: 1px !important; min-width: 0 !important; } #instagram-shared-inbox-section .igsi-row-name { font-weight: 600 !important; font-size: 12.5px !important; color: var(--up-text) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #instagram-shared-inbox-section .igsi-row-preview { font-size: 10.5px !important; color: #94a3b8 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #instagram-shared-inbox-section .igsi-row-company { font-size: 11.5px !important; color: var(--up-subtle) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #instagram-shared-inbox-section .igsi-row-platform { display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-shared-inbox-section .igsi-row-platform img { width: 18px !important; height: 18px !important; } #instagram-shared-inbox-section .igsi-row-status { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 10.5px !important; font-weight: 600 !important; white-space: nowrap !important; } #instagram-shared-inbox-section .igsi-status-dot { width: 6px !important; height: 6px !important; border-radius: 50% !important; flex-shrink: 0 !important; } #instagram-shared-inbox-section .igsi-status-dot.green { background: var(--up-green) !important; } #instagram-shared-inbox-section .igsi-status-dot.blue { background: #3b82f6 !important; } #instagram-shared-inbox-section .igsi-status-dot.orange { background: #f59e0b !important; } #instagram-shared-inbox-section .igsi-status-dot.purple { background: #8b5cf6 !important; } #instagram-shared-inbox-section .igsi-status-dot.pink { background: var(--ig-pink) !important; } #instagram-shared-inbox-section .igsi-row-arrow { display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-shared-inbox-section .igsi-row-arrow svg { width: 14px !important; height: 14px !important; color: #cbd5e1 !important; stroke: #cbd5e1 !important; } #instagram-shared-inbox-section .igsi-row-assigned { display: flex !important; align-items: center !important; gap: 6px !important; } #instagram-shared-inbox-section .igsi-assigned-avatar { width: 22px !important; height: 22px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; } #instagram-shared-inbox-section .igsi-assigned-name { font-size: 10.5px !important; color: var(--up-subtle) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #instagram-shared-inbox-section .igsi-unassigned { font-size: 10px !important; color: #cbd5e1 !important; font-style: italic !important; } \/* RESPONSIVE *\/ @media (max-width: 900px) { #instagram-shared-inbox-section.instagram-shared-inbox-wrapper { padding: 40px 16px !important; } #instagram-shared-inbox-section .igsi-grid { grid-template-columns: 1fr !important; gap: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; } #instagram-shared-inbox-section .igsi-text { order: 1 !important; text-align: center !important; align-items: center !important; } #instagram-shared-inbox-section .igsi-badge { order: 1 !important; } #instagram-shared-inbox-section .igsi-title { font-size: 28px !important; order: 2 !important; } #instagram-shared-inbox-section .igsi-desc { order: 3 !important; } #instagram-shared-inbox-section .igsi-mockup-wrapper { order: 4 !important; display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 28px !important; } #instagram-shared-inbox-section .igsi-crm { width: 100% !important; max-width: 480px !important; } #instagram-shared-inbox-section .igsi-features { order: 5 !important; } #instagram-shared-inbox-section .igsi-cta { align-self: center !important; order: 6 !important; } \/* Restructure: badge+title+desc \u2192 mockup \u2192 features+cta *\/ #instagram-shared-inbox-section .igsi-text { display: contents !important; } #instagram-shared-inbox-section .igsi-badge { text-align: center !important; align-self: center !important; margin-bottom: 12px !important; } #instagram-shared-inbox-section .igsi-title { text-align: center !important; font-size: 28px !important; margin-bottom: 20px !important; } #instagram-shared-inbox-section .igsi-desc { text-align: center !important; margin-bottom: 28px !important; color: #ffffff !important; } #instagram-shared-inbox-section .igsi-features { text-align: left !important; width: 100% !important; max-width: 480px !important; margin-bottom: 20px !important; } #instagram-shared-inbox-section .igsi-cta { align-self: center !important; } #instagram-shared-inbox-section .igsi-mockup-wrapper { margin-bottom: 28px !important; } } @media (max-width: 600px) { #instagram-shared-inbox-section .igsi-title { font-size: 26px !important; } #instagram-shared-inbox-section .igsi-crm { max-width: 100% !important; } #instagram-shared-inbox-section .igsi-table-header, #instagram-shared-inbox-section .igsi-row { grid-template-columns: 1fr 80px 40px 80px 24px !important; gap: 6px !important; padding: 8px 12px !important; } } @media (max-width: 400px) { #instagram-shared-inbox-section .igsi-title { font-size: 24px !important; } #instagram-shared-inbox-section .igsi-table-header, #instagram-shared-inbox-section .igsi-row { grid-template-columns: 1fr 40px 80px 24px !important; } #instagram-shared-inbox-section .igsi-th-company, #instagram-shared-inbox-section .igsi-row-assigned, #instagram-shared-inbox-section .igsi-unassigned { display: none !important; } } <\/style>\n<p> <\/p>\n<div class=\"igsi-container\"> <\/p>\n<div class=\"igsi-grid\">  <\/p>\n<div class=\"igsi-text\"> <\/p>\n<div class=\"igsi-badge\"> <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> Shared Inbox <\/div>\n<p> <\/p>\n<h2 class=\"igsi-title\">Manage Users’ Instagram Messages with a Shared Inbox<\/h2>\n<p> <pee class=\"igsi-desc\">Let your team members manage users’ Instagram messages on their behalf, directly from a shared inbox inside your app.<\/pee> <\/p>\n<div class=\"igsi-features\"> <\/p>\n<div class=\"igsi-feat\"> <\/p>\n<div class=\"igsi-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><line x1=\"19\" y1=\"8\" x2=\"19\" y2=\"14\"\/><line x1=\"22\" y1=\"11\" x2=\"16\" y2=\"11\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igsi-feat-content\"> <\/p>\n<h4>Multi-Account Management<\/h4>\n<p> <pee>Connect and manage multiple Instagram accounts across users from a single dashboard.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igsi-feat\"> <\/p>\n<div class=\"igsi-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igsi-feat-content\"> <\/p>\n<h4>Reply on Behalf<\/h4>\n<p> <pee>Send and reply to DMs on behalf of each selected user without switching between profiles.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igsi-feat\"> <\/p>\n<div class=\"igsi-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igsi-feat-content\"> <\/p>\n<h4>Assign & Collaborate<\/h4>\n<p> <pee>Share and assign incoming messages within a team for secure, organized collaboration.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"igsi-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"igsi-mockup-wrapper\"> <\/p>\n<div class=\"igsi-crm\">  <\/p>\n<div class=\"igsi-crm-header\"> <\/p>\n<div class=\"igsi-crm-header-left\"> <\/p>\n<div class=\"igsi-crm-logo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg><\/div>\n<p> <span class=\"igsi-crm-name\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"igsi-selector\"> <\/p>\n<div class=\"igsi-selector-btn\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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> SELECT USER <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"igsi-dropdown\"> <\/p>\n<div class=\"igsi-dd-item active\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-dd-avatar\">Carlos Reed<\/div>\n<p> <\/p>\n<div class=\"igsi-dd-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-dd-avatar\">Isabella Stone<\/div>\n<p> <\/p>\n<div class=\"igsi-dd-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-dd-avatar\">Javier Mitchell<\/div>\n<p> <\/p>\n<div class=\"igsi-dd-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-dd-avatar\">Lucia Brooks<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igsi-contacts-bar\"><span>Contacts<\/span><\/div>\n<p>  <\/p>\n<div class=\"igsi-table-header\"> <\/p>\n<div class=\"igsi-th\">Conversations <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> <\/p>\n<div class=\"igsi-th igsi-th-company\">Assigned to<\/div>\n<p> <\/p>\n<div class=\"igsi-th\"><\/div>\n<p> <\/p>\n<div class=\"igsi-th\">Status<\/div>\n<p> <\/p>\n<div class=\"igsi-th\"><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igsi-table-body\"> <\/p>\n<div class=\"igsi-row\"> <\/p>\n<div class=\"igsi-row-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-row-avatar\"> <\/p>\n<div class=\"igsi-row-info\"><span class=\"igsi-row-name\">Michel Opra<\/span><span class=\"igsi-row-preview\">Hey! I’d love to discuss the collab…<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igsi-row-assigned\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-assigned-avatar\"><span class=\"igsi-assigned-name\">Carlos<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"igsi-row-status\"><span class=\"igsi-status-dot green\"><\/span><span style=\"color:#3BB98B!important;\">Replied<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-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> <\/div>\n<p> <\/p>\n<div class=\"igsi-row\"> <\/p>\n<div class=\"igsi-row-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-row-avatar\"> <\/p>\n<div class=\"igsi-row-info\"><span class=\"igsi-row-name\">Sofia Rivera<\/span><span class=\"igsi-row-preview\">Hi! Just saw your story \ud83d\udd25…<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igsi-row-assigned\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-assigned-avatar\"><span class=\"igsi-assigned-name\">Isabella<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"igsi-row-status\"><span class=\"igsi-status-dot pink\"><\/span><span style=\"color:#E1306C!important;\">New DM<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-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> <\/div>\n<p> <\/p>\n<div class=\"igsi-row\"> <\/p>\n<div class=\"igsi-row-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-row-avatar\"> <\/p>\n<div class=\"igsi-row-info\"><span class=\"igsi-row-name\">Daniel Martinez<\/span><span class=\"igsi-row-preview\">Thanks for the proposal !<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igsi-row-assigned\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-assigned-avatar\"><span class=\"igsi-assigned-name\">Carlos<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"igsi-row-status\"><span class=\"igsi-status-dot blue\"><\/span><span style=\"color:#3b82f6!important;\">Pending<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-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> <\/div>\n<p> <\/p>\n<div class=\"igsi-row\"> <\/p>\n<div class=\"igsi-row-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-row-avatar\"> <\/p>\n<div class=\"igsi-row-info\"><span class=\"igsi-row-name\">Gabriel Lopez<\/span><span class=\"igsi-row-preview\">I will be a great yes !<\/span><\/div>\n<p> <\/div>\n<p> <span class=\"igsi-unassigned\">Unassigned<\/span> <\/p>\n<div class=\"igsi-row-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WA\"><\/div>\n<p> <\/p>\n<div class=\"igsi-row-status\"><span class=\"igsi-status-dot orange\"><\/span><span style=\"color:#f59e0b!important;\">Awaiting<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-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> <\/div>\n<p> <\/p>\n<div class=\"igsi-row\"> <\/p>\n<div class=\"igsi-row-contact\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-row-avatar\"> <\/p>\n<div class=\"igsi-row-info\"><span class=\"igsi-row-name\">Elena Garcia<\/span><span class=\"igsi-row-preview\">Dear Sarah, thank you for…<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igsi-row-assigned\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igsi-assigned-avatar\"><span class=\"igsi-assigned-name\">Javier<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <\/p>\n<div class=\"igsi-row-status\"><span class=\"igsi-status-dot purple\"><\/span><span style=\"color:#8b5cf6!important;\">Resolved<\/span><\/div>\n<p> <\/p>\n<div class=\"igsi-row-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> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#0F2736″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"fr\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Instagram Multi Accounts<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style>* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #0f2736; }<\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1><\/p>\n<div id=\"instagram-multi-accounts-section\" class=\"instagram-multi-accounts-wrapper\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #instagram-multi-accounts-section.instagram-multi-accounts-wrapper, #instagram-multi-accounts-section.instagram-multi-accounts-wrapper * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #instagram-multi-accounts-section.instagram-multi-accounts-wrapper { --up-green: #3BB98B !important; --up-yellow: #DDDF4C !important; --up-dark: #0f2736 !important; --up-text: #1e293b !important; --up-subtle: #64748b !important; --up-border: #e5e7eb !important; --up-bg-light: #f8f9fa !important; --ig-pink: #E1306C !important; --ig-purple: #833AB4 !important; padding: 50px 20px !important; background: transparent !important; } #instagram-multi-accounts-section .igma-container { max-width: 1000px !important; margin: 0 auto !important; } \/* Main Grid \u2014 mockup gauche, texte droite *\/ #instagram-multi-accounts-section .igma-grid { display: grid !important; grid-template-columns: 420px minmax(auto, 420px) !important; gap: 70px !important; align-items: center !important; justify-content: center !important; } \/* ========== LEFT - MOCKUP ========== *\/ #instagram-multi-accounts-section .igma-mockup-wrapper { position: relative !important; } #instagram-multi-accounts-section .igma-app { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35) !important; width: 420px !important; max-width: 420px !important; } \/* App Header *\/ #instagram-multi-accounts-section .igma-app-header { background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; padding: 12px 14px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid var(--up-border) !important; } #instagram-multi-accounts-section .igma-header-left { display: flex !important; align-items: center !important; gap: 10px !important; } #instagram-multi-accounts-section .igma-logo { 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; } #instagram-multi-accounts-section .igma-logo svg { width: 18px !important; height: 18px !important; color: var(--up-green) !important; stroke: var(--up-green) !important; } #instagram-multi-accounts-section .igma-app-title { font-size: 14px !important; font-weight: 600 !important; color: var(--up-text) !important; } #instagram-multi-accounts-section .igma-dots { display: flex !important; align-items: center !important; gap: 3px !important; color: var(--up-subtle) !important; font-size: 16px !important; letter-spacing: 1px !important; font-weight: 700 !important; } \/* Profile section *\/ #instagram-multi-accounts-section .igma-profile { display: flex !important; align-items: center !important; gap: 14px !important; padding: 16px 18px !important; background: #ffffff !important; border-bottom: 1px solid var(--up-border) !important; } #instagram-multi-accounts-section .igma-profile-avatar { width: 52px !important; height: 52px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; border: 2px solid var(--up-border) !important; } #instagram-multi-accounts-section .igma-profile-info { display: flex !important; flex-direction: column !important; gap: 4px !important; } #instagram-multi-accounts-section .igma-profile-name { font-weight: 700 !important; font-size: 15px !important; color: var(--up-text) !important; } #instagram-multi-accounts-section .igma-profile-platforms { display: flex !important; align-items: center !important; gap: 5px !important; } #instagram-multi-accounts-section .igma-profile-platforms img { width: 20px !important; height: 20px !important; border-radius: 4px !important; } #instagram-multi-accounts-section .igma-profile-platforms .igma-plus { font-size: 10px !important; font-weight: 600 !important; color: var(--up-subtle) !important; background: #f1f5f9 !important; width: 20px !important; height: 20px !important; border-radius: 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; } \/* Tabs *\/ #instagram-multi-accounts-section .igma-tabs { display: flex !important; gap: 0 !important; background: #ffffff !important; border-bottom: 1px solid var(--up-border) !important; padding: 0 18px !important; } #instagram-multi-accounts-section .igma-tab { padding: 10px 16px !important; font-size: 12px !important; font-weight: 500 !important; color: var(--up-subtle) !important; border-bottom: 2px solid transparent !important; } #instagram-multi-accounts-section .igma-tab.active { color: var(--up-text) !important; font-weight: 600 !important; border-bottom-color: var(--up-text) !important; } \/* Accounts list *\/ #instagram-multi-accounts-section .igma-accounts { background: #ffffff !important; padding: 8px 12px !important; } #instagram-multi-accounts-section .igma-account-row { display: flex !important; align-items: center !important; gap: 12px !important; padding: 10px 8px !important; border-radius: 8px !important; transition: all 0.15s ease !important; } #instagram-multi-accounts-section .igma-account-row.selected { background: rgba(225, 48, 108, 0.05) !important; border: 1px solid rgba(225, 48, 108, 0.15) !important; } #instagram-multi-accounts-section .igma-account-row:not(.selected) { border-bottom: 1px solid #f1f5f9 !important; } #instagram-multi-accounts-section .igma-acc-avatar { width: 40px !important; height: 40px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; } #instagram-multi-accounts-section .igma-acc-info { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 2px !important; min-width: 0 !important; } #instagram-multi-accounts-section .igma-acc-name { font-weight: 600 !important; font-size: 13px !important; color: var(--up-text) !important; } #instagram-multi-accounts-section .igma-acc-handle { font-size: 11px !important; color: var(--up-subtle) !important; } #instagram-multi-accounts-section .igma-acc-stats { display: flex !important; align-items: center !important; gap: 10px !important; margin-top: 2px !important; } #instagram-multi-accounts-section .igma-acc-stat { font-size: 10px !important; color: #94a3b8 !important; } #instagram-multi-accounts-section .igma-acc-stat strong { font-weight: 700 !important; color: var(--up-text) !important; } \/* Right side badges *\/ #instagram-multi-accounts-section .igma-acc-right { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 4px !important; flex-shrink: 0 !important; } #instagram-multi-accounts-section .igma-sync-badge { display: flex !important; align-items: center !important; gap: 4px !important; font-size: 9px !important; font-weight: 600 !important; padding: 3px 8px !important; border-radius: 10px !important; } #instagram-multi-accounts-section .igma-sync-badge.synced { background: rgba(59, 185, 139, 0.1) !important; color: var(--up-green) !important; } #instagram-multi-accounts-section .igma-sync-badge.synced::before { content: '' !important; width: 5px !important; height: 5px !important; background: var(--up-green) !important; border-radius: 50% !important; } #instagram-multi-accounts-section .igma-sync-badge.pending { background: rgba(251, 188, 4, 0.1) !important; color: #d97706 !important; } #instagram-multi-accounts-section .igma-sync-badge.pending::before { content: '' !important; width: 5px !important; height: 5px !important; background: #d97706 !important; border-radius: 50% !important; } #instagram-multi-accounts-section .igma-acc-type { font-size: 9px !important; font-weight: 500 !important; color: #94a3b8 !important; } #instagram-multi-accounts-section .igma-dm-count { display: flex !important; align-items: center !important; gap: 3px !important; font-size: 10px !important; font-weight: 600 !important; color: var(--ig-pink) !important; background: rgba(225, 48, 108, 0.08) !important; padding: 2px 7px !important; border-radius: 8px !important; } \/* Radio button *\/ #instagram-multi-accounts-section .igma-radio { width: 18px !important; height: 18px !important; border-radius: 50% !important; border: 2px solid var(--up-border) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #instagram-multi-accounts-section .igma-radio.checked { border-color: var(--ig-pink) !important; } #instagram-multi-accounts-section .igma-radio.checked::after { content: '' !important; width: 10px !important; height: 10px !important; background: var(--ig-pink) !important; border-radius: 50% !important; } \/* Add account button *\/ #instagram-multi-accounts-section .igma-add-account { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 8px !important; color: var(--ig-pink) !important; font-size: 12.5px !important; font-weight: 600 !important; cursor: pointer !important; } #instagram-multi-accounts-section .igma-add-icon { width: 36px !important; height: 36px !important; border-radius: 50% !important; border: 2px dashed rgba(225, 48, 108, 0.3) !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-multi-accounts-section .igma-add-icon svg { width: 16px !important; height: 16px !important; color: var(--ig-pink) !important; stroke: var(--ig-pink) !important; } \/* Floating notification *\/ #instagram-multi-accounts-section .igma-floating { position: absolute !important; top: 30px !important; right: -20px !important; background: #ffffff !important; border-radius: 10px !important; padding: 10px 14px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important; display: flex !important; align-items: center !important; gap: 10px !important; animation: igma-float 3s ease-in-out infinite !important; z-index: 10 !important; } @keyframes igma-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } } #instagram-multi-accounts-section .igma-floating svg { width: 18px !important; height: 18px !important; color: var(--up-green) !important; stroke: var(--up-green) !important; } #instagram-multi-accounts-section .igma-floating-text { display: flex !important; flex-direction: column !important; gap: 1px !important; } #instagram-multi-accounts-section .igma-floating-title { font-size: 11px !important; font-weight: 600 !important; color: var(--up-text) !important; } #instagram-multi-accounts-section .igma-floating-sub { font-size: 10px !important; color: var(--up-subtle) !important; } \/* ========== RIGHT - TEXT ========== *\/ #instagram-multi-accounts-section .igma-text { display: flex !important; flex-direction: column !important; gap: 18px !important; } #instagram-multi-accounts-section .igma-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: var(--up-yellow) !important; padding: 5px 12px !important; border-radius: 16px !important; font-size: 0.65rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; align-self: flex-start !important; } #instagram-multi-accounts-section .igma-badge svg { width: 11px !important; height: 11px !important; } #instagram-multi-accounts-section .igma-title { font-family: 'Poppins', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; } #instagram-multi-accounts-section .igma-desc { font-size: 15px !important; color: rgba(255, 255, 255, 0.75) !important; line-height: 1.65 !important; } \/* Features *\/ #instagram-multi-accounts-section .igma-features { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-top: 4px !important; } #instagram-multi-accounts-section .igma-feat { display: flex !important; gap: 14px !important; } #instagram-multi-accounts-section .igma-feat-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; background: rgba(221, 223, 76, 0.12) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-multi-accounts-section .igma-feat-icon svg { width: 15px !important; height: 15px !important; color: var(--up-yellow) !important; stroke: var(--up-yellow) !important; } #instagram-multi-accounts-section .igma-feat-content h4 { font-family: 'Poppins', sans-serif !important; font-size: 0.88rem !important; font-weight: 600 !important; color: #ffffff !important; margin-bottom: 2px !important; line-height: 1.3 !important; } #instagram-multi-accounts-section .igma-feat-content p { font-size: 0.8rem !important; color: rgba(255, 255, 255, 0.6) !important; line-height: 1.45 !important; } \/* CTA *\/ #instagram-multi-accounts-section .igma-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: var(--up-dark) !important; background: var(--up-yellow) !important; text-decoration: none !important; font-weight: 600 !important; font-size: 0.9rem !important; padding: 12px 24px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; align-self: flex-start !important; margin-top: 4px !important; } #instagram-multi-accounts-section .igma-cta:hover { transform: translateY(-5px) !important; } #instagram-multi-accounts-section .igma-cta svg { width: 16px !important; height: 16px !important; stroke: var(--up-dark) !important; } \/* RESPONSIVE *\/ @media (max-width: 900px) { #instagram-multi-accounts-section.instagram-multi-accounts-wrapper { padding: 40px 16px !important; } #instagram-multi-accounts-section .igma-grid { grid-template-columns: 1fr !important; gap: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; } #instagram-multi-accounts-section .igma-text { display: contents !important; } #instagram-multi-accounts-section .igma-badge { order: 1 !important; text-align: center !important; align-self: center !important; margin-bottom: 12px !important; } #instagram-multi-accounts-section .igma-title { order: 2 !important; text-align: center !important; font-size: 28px !important; margin-bottom: 20px !important; } #instagram-multi-accounts-section .igma-desc { order: 3 !important; text-align: center !important; margin-bottom: 28px !important; color: #ffffff !important; } #instagram-multi-accounts-section .igma-mockup-wrapper { order: 4 !important; display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 28px !important; } #instagram-multi-accounts-section .igma-app { width: 100% !important; max-width: 420px !important; } #instagram-multi-accounts-section .igma-features { order: 5 !important; text-align: left !important; width: 100% !important; max-width: 480px !important; margin-bottom: 20px !important; } #instagram-multi-accounts-section .igma-cta { order: 6 !important; align-self: center !important; } #instagram-multi-accounts-section .igma-floating { right: 10px !important; top: 25px !important; } } @media (max-width: 600px) { #instagram-multi-accounts-section .igma-title { font-size: 26px !important; } } @media (max-width: 500px) { #instagram-multi-accounts-section .igma-title { font-size: 24px !important; } #instagram-multi-accounts-section .igma-app { width: 100% !important; max-width: 100% !important; } #instagram-multi-accounts-section .igma-floating { display: none !important; } #instagram-multi-accounts-section .igma-acc-stats { display: none !important; } } @media (max-width: 400px) { #instagram-multi-accounts-section .igma-title { font-size: 22px !important; } } <\/style>\n<p> <\/p>\n<div class=\"igma-container\"> <\/p>\n<div class=\"igma-grid\">  <\/p>\n<div class=\"igma-mockup-wrapper\"> <\/p>\n<div class=\"igma-app\">  <\/p>\n<div class=\"igma-app-header\"> <\/p>\n<div class=\"igma-header-left\"> <\/p>\n<div class=\"igma-logo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg><\/div>\n<p> <span class=\"igma-app-title\">Your App<\/span> <\/div>\n<p> <span class=\"igma-dots\">\u00b7\u00b7\u00b7<\/span> <\/div>\n<p>  <\/p>\n<div class=\"igma-profile\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face\" alt=\"Michel Opra\" class=\"igma-profile-avatar\"> <\/p>\n<div class=\"igma-profile-info\"> <span class=\"igma-profile-name\">Michel Opra<\/span> <\/p>\n<div class=\"igma-profile-platforms\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LinkedIn\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <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\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Calendar\"> <span class=\"igma-plus\">+<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igma-tabs\"> <span class=\"igma-tab\">Profil<\/span> <span class=\"igma-tab\">Posts<\/span> <span class=\"igma-tab active\">Accounts<\/span> <\/div>\n<p>  <\/p>\n<div class=\"igma-accounts\">  <\/p>\n<div class=\"igma-account-row selected\"> <\/p>\n<div class=\"igma-radio checked\"><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/02\/oskar-hagberg-1mMIpisWzn8-unsplash.png\" alt=\"\" class=\"igma-acc-avatar\"> <\/p>\n<div class=\"igma-acc-info\"> <span class=\"igma-acc-name\">ShoeShop<\/span> <span class=\"igma-acc-handle\">@shoeshop_official<\/span> <\/p>\n<div class=\"igma-acc-stats\"> <span class=\"igma-acc-stat\"><strong>12.4K<\/strong> followers<\/span> <span class=\"igma-acc-stat\"><strong>847<\/strong> posts<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-acc-right\"> <span class=\"igma-sync-badge synced\">Synced<\/span> <span class=\"igma-dm-count\">4 new DMs<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-account-row\"> <\/p>\n<div class=\"igma-radio\"><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618005182384-a83a8bd57fbe?w=80&h=80&fit=crop\" alt=\"\" class=\"igma-acc-avatar\"> <\/p>\n<div class=\"igma-acc-info\"> <span class=\"igma-acc-name\">amateursproj<\/span> <span class=\"igma-acc-handle\">@amateurs.project<\/span> <\/p>\n<div class=\"igma-acc-stats\"> <span class=\"igma-acc-stat\"><strong>3.2K<\/strong> followers<\/span> <span class=\"igma-acc-stat\"><strong>214<\/strong> posts<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-acc-right\"> <span class=\"igma-sync-badge synced\">Synced<\/span> <span class=\"igma-acc-type\">Personal<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-account-row\"> <\/p>\n<div class=\"igma-radio\"><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557683316-973673baf926?w=80&h=80&fit=crop\" alt=\"\" class=\"igma-acc-avatar\"> <\/p>\n<div class=\"igma-acc-info\"> <span class=\"igma-acc-name\">eventmags<\/span> <span class=\"igma-acc-handle\">@eventmags<\/span> <\/p>\n<div class=\"igma-acc-stats\"> <span class=\"igma-acc-stat\"><strong>8.7K<\/strong> followers<\/span> <span class=\"igma-acc-stat\"><strong>432<\/strong> posts<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-acc-right\"> <span class=\"igma-sync-badge synced\">Synced<\/span> <span class=\"igma-dm-count\">2 new DMs<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-account-row\"> <\/p>\n<div class=\"igma-radio\"><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558591710-4b4a1ae0f04d?w=80&h=80&fit=crop\" alt=\"\" class=\"igma-acc-avatar\"> <\/p>\n<div class=\"igma-acc-info\"> <span class=\"igma-acc-name\">brandcampdigital<\/span> <span class=\"igma-acc-handle\">@brandcamp.digital<\/span> <\/p>\n<div class=\"igma-acc-stats\"> <span class=\"igma-acc-stat\"><strong>21K<\/strong> followers<\/span> <span class=\"igma-acc-stat\"><strong>1.1K<\/strong> posts<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-acc-right\"> <span class=\"igma-sync-badge pending\">Syncing<\/span> <span class=\"igma-acc-type\">Business<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igma-add-account\"> <\/p>\n<div class=\"igma-add-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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><\/div>\n<p> Connect another account <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igma-floating\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg> <\/p>\n<div class=\"igma-floating-text\"> <span class=\"igma-floating-title\">4 accounts connected<\/span> <span class=\"igma-floating-sub\">All messages centralized<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igma-text\"> <\/p>\n<div class=\"igma-badge\"> <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\"\/><line x1=\"23\" y1=\"11\" x2=\"17\" y2=\"11\"\/><\/svg> Multi-Account <\/div>\n<p> <\/p>\n<h2 class=\"igma-title\">Manage Multiple Instagram Accounts Seamlessly<\/h2>\n<p> <pee class=\"igma-desc\">Managing conversations across several Instagram accounts is simple with our unified API. Users can connect multiple accounts and centralize all their messages in one place, without switching between profiles.<\/pee> <\/p>\n<div class=\"igma-features\"> <\/p>\n<div class=\"igma-feat\"> <\/p>\n<div class=\"igma-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"17 1 21 5 17 9\"\/><path d=\"M3 11V9a4 4 0 0 1 4-4h14\"\/><polyline points=\"7 23 3 19 7 15\"\/><path d=\"M21 13v2a4 4 0 0 1-4 4H3\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igma-feat-content\"> <\/p>\n<h4>Unified Sync<\/h4>\n<p> <pee>Connect personal, creator and business accounts. All DMs, stories and interactions sync in real time to a single view.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-feat\"> <\/p>\n<div class=\"igma-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igma-feat-content\"> <\/p>\n<h4>Secure Account Switching<\/h4>\n<p> <pee>Switch between accounts instantly. Each connection stays isolated with its own credentials and permissions.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igma-feat\"> <\/p>\n<div class=\"igma-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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=\"igma-feat-content\"> <\/p>\n<h4>Centralized Inbox<\/h4>\n<p> <pee>All DMs from every connected account flow into one inbox. No more juggling between the Instagram app and profiles.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"igma-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\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=”#0F2736″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"fr\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Instagram Posts & Comments API<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style>* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #0f2736; }<\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1><\/p>\n<div id=\"instagram-posts-section\" class=\"instagram-posts-wrapper\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #instagram-posts-section.instagram-posts-wrapper, #instagram-posts-section.instagram-posts-wrapper * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #instagram-posts-section.instagram-posts-wrapper { --up-green: #3BB98B !important; --up-yellow: #DDDF4C !important; --up-dark: #0f2736 !important; --up-text: #1e293b !important; --up-subtle: #64748b !important; --up-border: #e5e7eb !important; --up-bg-light: #f8f9fa !important; --ig-pink: #E1306C !important; --ig-purple: #833AB4 !important; --ig-orange: #F77737 !important; padding: 50px 20px !important; background: transparent !important; } #instagram-posts-section .igpc-container { max-width: 1000px !important; margin: 0 auto !important; } \/* Main Grid \u2014 texte gauche, mockup droite *\/ #instagram-posts-section .igpc-grid { display: grid !important; grid-template-columns: minmax(auto, 380px) 460px !important; gap: 60px !important; align-items: center !important; justify-content: center !important; } \/* ========== LEFT - TEXT ========== *\/ #instagram-posts-section .igpc-text { display: flex !important; flex-direction: column !important; gap: 18px !important; } #instagram-posts-section .igpc-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: var(--up-yellow) !important; padding: 5px 12px !important; border-radius: 16px !important; font-size: 0.65rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; align-self: flex-start !important; } #instagram-posts-section .igpc-badge svg { width: 11px !important; height: 11px !important; } #instagram-posts-section .igpc-title { font-family: 'Poppins', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; } #instagram-posts-section .igpc-desc { font-size: 15px !important; color: #ffffff !important; line-height: 1.65 !important; } \/* Features *\/ #instagram-posts-section .igpc-features { display: flex !important; flex-direction: column !important; gap: 12px !important; margin-top: 4px !important; } #instagram-posts-section .igpc-feat { display: flex !important; gap: 14px !important; } #instagram-posts-section .igpc-feat-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; background: rgba(221, 223, 76, 0.12) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-posts-section .igpc-feat-icon svg { width: 15px !important; height: 15px !important; color: var(--up-yellow) !important; stroke: var(--up-yellow) !important; } #instagram-posts-section .igpc-feat-content h4 { font-family: 'Poppins', sans-serif !important; font-size: 0.88rem !important; font-weight: 600 !important; color: #ffffff !important; margin-bottom: 2px !important; line-height: 1.3 !important; } #instagram-posts-section .igpc-feat-content p { font-size: 0.8rem !important; color: rgba(255, 255, 255, 0.6) !important; line-height: 1.45 !important; } \/* CTA *\/ #instagram-posts-section .igpc-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: var(--up-dark) !important; background: var(--up-yellow) !important; text-decoration: none !important; font-weight: 600 !important; font-size: 0.9rem !important; padding: 12px 24px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; align-self: flex-start !important; margin-top: 4px !important; } #instagram-posts-section .igpc-cta:hover { transform: translateY(-5px) !important; } #instagram-posts-section .igpc-cta svg { width: 16px !important; height: 16px !important; stroke: var(--up-dark) !important; } \/* ========== RIGHT - MOCKUP ========== *\/ #instagram-posts-section .igpc-mockup-wrapper { position: relative !important; } #instagram-posts-section .igpc-app { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35) !important; width: 460px !important; max-width: 460px !important; } \/* App Header *\/ #instagram-posts-section .igpc-app-header { background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; padding: 12px 14px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid var(--up-border) !important; } #instagram-posts-section .igpc-header-left { display: flex !important; align-items: center !important; gap: 10px !important; } #instagram-posts-section .igpc-logo { 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; } #instagram-posts-section .igpc-logo svg { width: 18px !important; height: 18px !important; color: var(--up-green) !important; stroke: var(--up-green) !important; } #instagram-posts-section .igpc-app-name { font-size: 14px !important; font-weight: 600 !important; color: var(--up-text) !important; } #instagram-posts-section .igpc-tab-bar { display: flex !important; align-items: center !important; gap: 4px !important; } #instagram-posts-section .igpc-tab-btn { padding: 5px 10px !important; border-radius: 6px !important; font-size: 11px !important; font-weight: 500 !important; color: var(--up-subtle) !important; background: transparent !important; } #instagram-posts-section .igpc-tab-btn.active { background: var(--ig-pink) !important; color: #ffffff !important; font-weight: 600 !important; } #instagram-posts-section .igpc-tab-btn img { width: 13px !important; height: 13px !important; margin-right: 4px !important; vertical-align: middle !important; } \/* Post Card *\/ #instagram-posts-section .igpc-post { background: #ffffff !important; border-bottom: 1px solid var(--up-border) !important; } \/* Post header *\/ #instagram-posts-section .igpc-post-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 14px !important; } #instagram-posts-section .igpc-post-author { display: flex !important; align-items: center !important; gap: 10px !important; } #instagram-posts-section .igpc-post-avatar { width: 32px !important; height: 32px !important; border-radius: 50% !important; object-fit: cover !important; } #instagram-posts-section .igpc-post-meta { display: flex !important; flex-direction: column !important; gap: 1px !important; } #instagram-posts-section .igpc-post-name { font-size: 12.5px !important; font-weight: 600 !important; color: var(--up-text) !important; } #instagram-posts-section .igpc-post-time { font-size: 10px !important; color: var(--up-subtle) !important; } #instagram-posts-section .igpc-api-badge { font-size: 8px !important; font-weight: 600 !important; color: var(--up-green) !important; background: rgba(59, 185, 139, 0.1) !important; padding: 3px 8px !important; border-radius: 10px !important; display: flex !important; align-items: center !important; gap: 4px !important; } #instagram-posts-section .igpc-api-badge svg { width: 10px !important; height: 10px !important; stroke: var(--up-green) !important; } \/* Post image *\/ #instagram-posts-section .igpc-post-image { width: 100% !important; height: 220px !important; background: #f1f5f9 !important; position: relative !important; overflow: hidden !important; } #instagram-posts-section .igpc-post-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; } \/* Post actions *\/ #instagram-posts-section .igpc-post-actions { display: flex !important; align-items: center !important; gap: 14px !important; padding: 10px 14px 4px !important; } #instagram-posts-section .igpc-action { display: flex !important; align-items: center !important; gap: 5px !important; font-size: 11px !important; font-weight: 500 !important; color: var(--up-subtle) !important; } #instagram-posts-section .igpc-action svg { width: 16px !important; height: 16px !important; } #instagram-posts-section .igpc-action.liked svg { color: #ED4956 !important; fill: #ED4956 !important; stroke: #ED4956 !important; } #instagram-posts-section .igpc-action.liked { color: #ED4956 !important; } \/* Post engagement *\/ #instagram-posts-section .igpc-post-engagement { padding: 2px 14px 6px !important; font-size: 11px !important; font-weight: 600 !important; color: var(--up-text) !important; } \/* Post caption *\/ #instagram-posts-section .igpc-post-caption { padding: 0 14px 10px !important; font-size: 12px !important; line-height: 1.4 !important; color: var(--up-text) !important; } #instagram-posts-section .igpc-post-caption strong { font-weight: 600 !important; } #instagram-posts-section .igpc-hashtag { color: #00376b !important; } \/* Comments section *\/ #instagram-posts-section .igpc-comments { background: var(--up-bg-light) !important; padding: 10px 14px !important; border-top: 1px solid var(--up-border) !important; } #instagram-posts-section .igpc-comments-title { font-size: 10px !important; font-weight: 600 !important; color: #94a3b8 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; margin-bottom: 10px !important; } #instagram-posts-section .igpc-comment { display: flex !important; gap: 10px !important; margin-bottom: 10px !important; } #instagram-posts-section .igpc-comment-avatar { width: 24px !important; height: 24px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; } #instagram-posts-section .igpc-comment-body { display: flex !important; flex-direction: column !important; gap: 2px !important; flex: 1 !important; } #instagram-posts-section .igpc-comment-text { font-size: 11.5px !important; line-height: 1.35 !important; color: var(--up-text) !important; } #instagram-posts-section .igpc-comment-text strong { font-weight: 600 !important; } #instagram-posts-section .igpc-comment-info { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 10px !important; color: #94a3b8 !important; } #instagram-posts-section .igpc-comment-like { display: flex !important; align-items: center !important; gap: 3px !important; color: #94a3b8 !important; } #instagram-posts-section .igpc-comment-like svg { width: 10px !important; height: 10px !important; stroke: #94a3b8 !important; } \/* New comment via API indicator *\/ #instagram-posts-section .igpc-comment.via-api .igpc-comment-text { background: rgba(59, 185, 139, 0.06) !important; padding: 6px 8px !important; border-radius: 6px !important; border-left: 2px solid var(--up-green) !important; } #instagram-posts-section .igpc-via-api-tag { font-size: 8px !important; font-weight: 600 !important; color: var(--up-green) !important; background: rgba(59, 185, 139, 0.1) !important; padding: 1px 5px !important; border-radius: 4px !important; } \/* Comment input *\/ #instagram-posts-section .igpc-comment-input { display: flex !important; align-items: center !important; gap: 8px !important; padding: 10px 14px !important; background: #ffffff !important; border-top: 1px solid var(--up-border) !important; } #instagram-posts-section .igpc-comment-input-avatar { width: 24px !important; height: 24px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; } #instagram-posts-section .igpc-comment-field { flex: 1 !important; padding: 7px 12px !important; background: var(--up-bg-light) !important; border-radius: 16px !important; font-size: 11.5px !important; color: var(--up-subtle) !important; } #instagram-posts-section .igpc-comment-send { font-size: 12px !important; font-weight: 600 !important; color: var(--ig-pink) !important; } \/* Floating *\/ #instagram-posts-section .igpc-floating { position: absolute !important; top: 35px !important; right: -15px !important; background: #ffffff !important; border-radius: 10px !important; padding: 10px 14px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important; display: flex !important; align-items: center !important; gap: 10px !important; animation: igpc-float 3s ease-in-out infinite !important; z-index: 10 !important; } @keyframes igpc-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } } #instagram-posts-section .igpc-floating-icon { width: 28px !important; height: 28px !important; border-radius: 8px !important; background: rgba(225, 48, 108, 0.1) !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-posts-section .igpc-floating-icon svg { width: 14px !important; height: 14px !important; color: var(--ig-pink) !important; stroke: var(--ig-pink) !important; } #instagram-posts-section .igpc-floating-text { display: flex !important; flex-direction: column !important; gap: 1px !important; } #instagram-posts-section .igpc-floating-title { font-size: 11px !important; font-weight: 600 !important; color: var(--up-text) !important; } #instagram-posts-section .igpc-floating-sub { font-size: 10px !important; color: var(--up-subtle) !important; } #instagram-posts-section .igpc-floating-count { font-size: 12px !important; font-weight: 700 !important; color: var(--ig-pink) !important; } \/* RESPONSIVE *\/ @media (max-width: 900px) { #instagram-posts-section.instagram-posts-wrapper { padding: 40px 16px !important; } #instagram-posts-section .igpc-grid { grid-template-columns: 1fr !important; gap: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; } #instagram-posts-section .igpc-text { display: contents !important; } #instagram-posts-section .igpc-badge { order: 1 !important; text-align: center !important; align-self: center !important; margin-bottom: 12px !important; } #instagram-posts-section .igpc-title { order: 2 !important; text-align: center !important; font-size: 28px !important; margin-bottom: 20px !important; } #instagram-posts-section .igpc-desc { order: 3 !important; text-align: center !important; margin-bottom: 28px !important; color: #ffffff !important; } #instagram-posts-section .igpc-mockup-wrapper { order: 4 !important; display: flex !important; justify-content: center !important; width: 100% !important; margin-bottom: 28px !important; } #instagram-posts-section .igpc-app { width: 100% !important; max-width: 460px !important; } #instagram-posts-section .igpc-features { order: 5 !important; text-align: left !important; width: 100% !important; max-width: 480px !important; margin-bottom: 20px !important; } #instagram-posts-section .igpc-cta { order: 6 !important; align-self: center !important; } #instagram-posts-section .igpc-floating { right: 5px !important; top: 30px !important; } } @media (max-width: 600px) { #instagram-posts-section .igpc-title { font-size: 26px !important; } #instagram-posts-section .igpc-app { max-width: 100% !important; } } @media (max-width: 500px) { #instagram-posts-section .igpc-title { font-size: 24px !important; } #instagram-posts-section .igpc-floating { display: none !important; } #instagram-posts-section .igpc-post-image { height: 180px !important; } } @media (max-width: 400px) { #instagram-posts-section .igpc-title { font-size: 22px !important; } } <\/style>\n<p> <\/p>\n<div class=\"igpc-container\"> <\/p>\n<div class=\"igpc-grid\">  <\/p>\n<div class=\"igpc-text\"> <\/p>\n<div class=\"igpc-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/><\/svg> Posts & Comments API <\/div>\n<p> <\/p>\n<h2 class=\"igpc-title\">Manage Posts, Comments & Reactions via API<\/h2>\n<p> <pee class=\"igpc-desc\">Retrieve, create, and engage with Instagram content programmatically. Monitor your users’ posts, automate commenting, and track engagement, all from your platform.<\/pee> <\/p>\n<div class=\"igpc-features\"> <\/p>\n<div class=\"igpc-feat\"> <\/p>\n<div class=\"igpc-feat-icon\"><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\"\/><path d=\"M14 2v6h6\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igpc-feat-content\"> <\/p>\n<h4>List & Retrieve Posts<\/h4>\n<p> <pee>Fetch all posts from connected accounts. Access captions, media, timestamps, and engagement metrics.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpc-feat\"> <\/p>\n<div class=\"igpc-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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=\"igpc-feat-content\"> <\/p>\n<h4>Comment & React<\/h4>\n<p> <pee>Send comments and add reactions to posts programmatically. Automate engagement at scale for outreach or community management.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpc-feat\"> <\/p>\n<div class=\"igpc-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" 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><\/div>\n<p> <\/p>\n<div class=\"igpc-feat-content\"> <\/p>\n<h4>Create Posts<\/h4>\n<p> <pee>Publish new content to Instagram directly via API. Schedule and automate posting from your application.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpc-feat\"> <\/p>\n<div class=\"igpc-feat-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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=\"igpc-feat-content\"> <\/p>\n<h4>Monitor Engagement<\/h4>\n<p> <pee>Track reactions, comments and post performance in real time. Feed engagement data back into your CRM or analytics.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"igpc-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"igpc-mockup-wrapper\"> <\/p>\n<div class=\"igpc-app\">  <\/p>\n<div class=\"igpc-app-header\"> <\/p>\n<div class=\"igpc-header-left\"> <\/p>\n<div class=\"igpc-logo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path><path d=\"M2 17l10 5 10-5\"><\/path><path d=\"M2 12l10 5 10-5\"><\/path><\/svg><\/div>\n<p> <span class=\"igpc-app-name\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"igpc-tab-bar\"> <span class=\"igpc-tab-btn\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"\">Feed<\/span> <span class=\"igpc-tab-btn active\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"\">Posts<\/span> <span class=\"igpc-tab-btn\">Analytics<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igpc-post\"> <\/p>\n<div class=\"igpc-post-header\"> <\/p>\n<div class=\"igpc-post-author\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/02\/oskar-hagberg-1mMIpisWzn8-unsplash.png?w=80&h=80&fit=crop\" alt=\"\" class=\"igpc-post-avatar\"> <\/p>\n<div class=\"igpc-post-meta\"> <span class=\"igpc-post-name\">shoeshop_official<\/span> <span class=\"igpc-post-time\">2 hours ago<\/span> <\/div>\n<p> <\/div>\n<p> <span class=\"igpc-api-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Posted via API<\/span> <\/div>\n<p> <\/p>\n<div class=\"igpc-post-image\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542291026-7eec264c27ff?w=600&h=400&fit=crop\" alt=\"Product shot\"> <\/div>\n<p> <\/p>\n<div class=\"igpc-post-actions\"> <span class=\"igpc-action liked\"> <svg viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg> 2,847 <\/span> <span class=\"igpc-action\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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> 184 <\/span> <span class=\"igpc-action\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg> 56 <\/span> <\/div>\n<p> <\/p>\n<div class=\"igpc-post-engagement\">2,847 likes<\/div>\n<p> <\/p>\n<div class=\"igpc-post-caption\"><strong>shoeshop_official<\/strong> New drop alert \ud83d\udd25 The Air Max Pulse is here. Limited edition, available now. <span class=\"igpc-hashtag\">#sneakers #newdrop #limitededition<\/span><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igpc-comments\"> <\/p>\n<div class=\"igpc-comments-title\">Comments \u00b7 184<\/div>\n<p> <\/p>\n<div class=\"igpc-comment\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igpc-comment-avatar\"> <\/p>\n<div class=\"igpc-comment-body\"> <\/p>\n<div class=\"igpc-comment-text\"><strong>sofia.r<\/strong> These are insane \ud83d\udd25\ud83d\udd25 Need them!<\/div>\n<p> <\/p>\n<div class=\"igpc-comment-info\"> <span>24m<\/span> <span class=\"igpc-comment-like\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg> 12<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpc-comment via-api\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/02\/oskar-hagberg-1mMIpisWzn8-unsplash.png?w=80&h=80&fit=crop\" alt=\"\" class=\"igpc-comment-avatar\"> <\/p>\n<div class=\"igpc-comment-body\"> <\/p>\n<div class=\"igpc-comment-text\"><strong>shoeshop_official<\/strong> Thanks Sofia! \ud83d\ude4f Only 50 pairs left, grab yours at the link in bio! <span class=\"igpc-via-api-tag\">via API<\/span><\/div>\n<p> <\/p>\n<div class=\"igpc-comment-info\"> <span>12m<\/span> <span class=\"igpc-comment-like\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg> 3<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpc-comment\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=60&h=60&fit=crop&crop=face\" alt=\"\" class=\"igpc-comment-avatar\"> <\/p>\n<div class=\"igpc-comment-body\"> <\/p>\n<div class=\"igpc-comment-text\"><strong>mike.j<\/strong> Do you ship to Europe?<\/div>\n<p> <\/p>\n<div class=\"igpc-comment-info\"> <span>8m<\/span> <span class=\"igpc-comment-like\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg> 1<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igpc-comment-input\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/02\/oskar-hagberg-1mMIpisWzn8-unsplash.png?w=80&h=80&fit=crop\" alt=\"\" class=\"igpc-comment-input-avatar\"> <span class=\"igpc-comment-field\">Reply as shoeshop_official…<\/span> <span class=\"igpc-comment-send\">Post<\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igpc-floating\"> <\/p>\n<div class=\"igpc-floating-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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=\"igpc-floating-text\"> <span class=\"igpc-floating-title\">Engagement today<\/span> <span class=\"igpc-floating-sub\">+847 likes \u00b7 +184 comments<\/span> <\/div>\n<p> <span class=\"igpc-floating-count\">\u2191 23%<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#0F2736″ da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<!DOCTYPE html><html lang=\"fr\"><head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> <title>Unipile – Instagram Profiles & Enrichment<\/title> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style>* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', sans-serif; background: #0f2736; }<\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1><\/p>\n<div id=\"instagram-profiles-section\" class=\"instagram-profiles-wrapper\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #instagram-profiles-section.instagram-profiles-wrapper, #instagram-profiles-section.instagram-profiles-wrapper * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #instagram-profiles-section.instagram-profiles-wrapper { --up-green: #3BB98B !important; --up-yellow: #DDDF4C !important; --up-dark: #0f2736 !important; --up-text: #1e293b !important; --up-subtle: #64748b !important; --up-border: #e5e7eb !important; --up-bg-light: #f8f9fa !important; --ig-pink: #E1306C !important; --ig-purple: #833AB4 !important; padding: 50px 20px !important; background: transparent !important; } #instagram-profiles-section .igpr-container { max-width: 1100px !important; margin: 0 auto !important; } \/* ========== HEADER CENTR\u00c9 ========== *\/ #instagram-profiles-section .igpr-header { text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; margin-bottom: 40px !important; } #instagram-profiles-section .igpr-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: var(--up-yellow) !important; padding: 5px 12px !important; border-radius: 16px !important; font-size: 0.65rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 12px !important; } #instagram-profiles-section .igpr-badge svg { width: 11px !important; height: 11px !important; } #instagram-profiles-section .igpr-title { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.3 !important; margin-bottom: 12px !important; } #instagram-profiles-section .igpr-subtitle { font-size: 16px !important; color: #ffffff !important; line-height: 1.6 !important; max-width: 650px !important; } \/* ========== MOCKUP AREA ========== *\/ #instagram-profiles-section .igpr-mockup-area { display: flex !important; align-items: flex-start !important; justify-content: center !important; gap: 0 !important; position: relative !important; margin-bottom: 50px !important; } \/* ---- SEARCH CARD ---- *\/ #instagram-profiles-section .igpr-search-card { background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important; width: 380px !important; min-width: 380px !important; flex-shrink: 0 !important; z-index: 2 !important; } #instagram-profiles-section .igpr-search-header { background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important; padding: 14px 18px !important; display: flex !important; align-items: center !important; gap: 10px !important; border-bottom: 1px solid var(--up-border) !important; } #instagram-profiles-section .igpr-search-logo { 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; } #instagram-profiles-section .igpr-search-logo svg { width: 16px !important; height: 16px !important; stroke: var(--up-green) !important; } #instagram-profiles-section .igpr-search-name { font-size: 15px !important; font-weight: 600 !important; color: var(--up-text) !important; } \/* IG Search tab *\/ #instagram-profiles-section .igpr-search-tab { display: inline-flex !important; align-items: center !important; gap: 6px !important; margin: 14px 18px 10px !important; padding: 5px 12px !important; background: rgba(225, 48, 108, 0.08) !important; border-radius: 6px !important; font-size: 12px !important; font-weight: 600 !important; color: var(--ig-pink) !important; } #instagram-profiles-section .igpr-search-tab img { width: 15px !important; height: 15px !important; } \/* Search input *\/ #instagram-profiles-section .igpr-search-input { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 18px 14px !important; padding: 10px 12px !important; background: #ffffff !important; border-radius: 10px !important; border: 1px solid var(--up-border) !important; } #instagram-profiles-section .igpr-search-input svg { width: 16px !important; height: 16px !important; stroke: #94a3b8 !important; flex-shrink: 0 !important; } #instagram-profiles-section .igpr-search-input span { font-size: 13.5px !important; color: var(--up-text) !important; font-weight: 500 !important; flex: 1 !important; } #instagram-profiles-section .igpr-search-btn { width: 30px !important; height: 30px !important; background: var(--ig-pink) !important; border-radius: 7px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #instagram-profiles-section .igpr-search-btn svg { width: 14px !important; height: 14px !important; stroke: #ffffff !important; } \/* Results *\/ #instagram-profiles-section .igpr-results-label { display: flex !important; align-items: center !important; gap: 8px !important; padding: 0 18px 8px !important; font-size: 12px !important; color: var(--up-subtle) !important; } #instagram-profiles-section .igpr-results-count { background: #f1f5f9 !important; padding: 2px 8px !important; border-radius: 4px !important; font-weight: 600 !important; font-size: 11px !important; color: var(--up-subtle) !important; } #instagram-profiles-section .igpr-results-list { padding: 0 12px 12px !important; } #instagram-profiles-section .igpr-result { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 8px !important; border-radius: 8px !important; border: 1px solid transparent !important; border-bottom: 1px solid #f1f5f9 !important; } #instagram-profiles-section .igpr-result.selected { background: rgba(225, 48, 108, 0.03) !important; border: 1px solid rgba(225, 48, 108, 0.15) !important; } #instagram-profiles-section .igpr-result-avatar { width: 38px !important; height: 38px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; } #instagram-profiles-section .igpr-result-info { flex: 1 !important; min-width: 0 !important; } #instagram-profiles-section .igpr-result-name { font-size: 13px !important; font-weight: 600 !important; color: var(--up-text) !important; display: flex !important; align-items: center !important; gap: 5px !important; } #instagram-profiles-section .igpr-result-name img { width: 14px !important; height: 14px !important; } #instagram-profiles-section .igpr-result-handle { font-size: 11px !important; color: #94a3b8 !important; } #instagram-profiles-section .igpr-result-check { width: 22px !important; height: 22px !important; border-radius: 50% !important; background: var(--up-green) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #instagram-profiles-section .igpr-result-check svg { width: 12px !important; height: 12px !important; stroke: #ffffff !important; } #instagram-profiles-section .igpr-result-add { width: 22px !important; height: 22px !important; border-radius: 50% !important; border: 1.5px solid var(--up-border) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #instagram-profiles-section .igpr-result-add svg { width: 12px !important; height: 12px !important; stroke: #94a3b8 !important; } \/* ---- ENRICH ARROW ---- *\/ #instagram-profiles-section .igpr-enrich { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 5px !important; align-self: center !important; flex-shrink: 0 !important; z-index: 3 !important; margin: 0 16px !important; } #instagram-profiles-section .igpr-enrich-circle { width: 44px !important; height: 44px !important; border-radius: 50% !important; background: rgba(59, 185, 139, 0.12) !important; border: 2px solid rgba(59, 185, 139, 0.25) !important; display: flex !important; align-items: center !important; justify-content: center !important; } #instagram-profiles-section .igpr-enrich-circle svg { width: 18px !important; height: 18px !important; stroke: var(--up-green) !important; } #instagram-profiles-section .igpr-enrich-label { font-size: 9px !important; font-weight: 700 !important; color: var(--up-green) !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } \/* ---- PROFILE CARD ---- *\/ #instagram-profiles-section .igpr-profile-card { background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important; width: 380px !important; min-width: 380px !important; flex-shrink: 0 !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; } \/* Floating badge *\/ #instagram-profiles-section .igpr-created-badge { display: flex !important; align-items: center !important; gap: 6px !important; background: var(--up-green) !important; color: #ffffff !important; padding: 7px 14px !important; border-radius: 20px !important; font-size: 11px !important; font-weight: 600 !important; box-shadow: 0 4px 15px rgba(59, 185, 139, 0.35) !important; margin: 14px 18px 0 !important; align-self: flex-end !important; } #instagram-profiles-section .igpr-created-badge svg { width: 13px !important; height: 13px !important; stroke: #ffffff !important; } \/* Profile top *\/ #instagram-profiles-section .igpr-profile-top { display: flex !important; align-items: center !important; gap: 14px !important; padding: 20px 20px 16px !important; } #instagram-profiles-section .igpr-profile-avatar { width: 64px !important; height: 64px !important; border-radius: 50% !important; object-fit: cover !important; flex-shrink: 0 !important; border: 3px solid transparent !important; background-image: linear-gradient(white, white), linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888) !important; background-origin: border-box !important; background-clip: content-box, border-box !important; } #instagram-profiles-section .igpr-profile-info-top { display: flex !important; flex-direction: column !important; gap: 2px !important; } #instagram-profiles-section .igpr-profile-fullname { font-size: 18px !important; font-weight: 700 !important; color: var(--up-text) !important; } #instagram-profiles-section .igpr-profile-bio { font-size: 12.5px !important; color: var(--up-subtle) !important; line-height: 1.35 !important; } \/* Stats row *\/ #instagram-profiles-section .igpr-stats-row { display: flex !important; gap: 0 !important; padding: 0 20px 16px !important; } #instagram-profiles-section .igpr-pstat { flex: 1 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 2px !important; } #instagram-profiles-section .igpr-pstat:not(:last-child) { border-right: 1px solid #f1f5f9 !important; } #instagram-profiles-section .igpr-pstat-num { font-size: 15px !important; font-weight: 700 !important; color: var(--up-text) !important; } #instagram-profiles-section .igpr-pstat-label { font-size: 10px !important; color: #94a3b8 !important; } \/* Data rows *\/ #instagram-profiles-section .igpr-profile-data { padding: 0 16px 16px !important; } #instagram-profiles-section .igpr-data-row { display: flex !important; align-items: center !important; gap: 12px !important; padding: 10px 8px !important; border-bottom: 1px solid #f1f5f9 !important; } #instagram-profiles-section .igpr-data-row:last-child { border-bottom: none !important; } #instagram-profiles-section .igpr-data-icon { width: 32px !important; height: 32px !important; border-radius: 8px !important; background: rgba(225, 48, 108, 0.06) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #instagram-profiles-section .igpr-data-icon svg { width: 15px !important; height: 15px !important; stroke: var(--ig-pink) !important; } #instagram-profiles-section .igpr-data-col { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 1px !important; } #instagram-profiles-section .igpr-data-label { font-size: 9px !important; font-weight: 600 !important; text-transform: uppercase !important; color: #94a3b8 !important; letter-spacing: 0.3px !important; } #instagram-profiles-section .igpr-data-value { font-size: 13px !important; font-weight: 500 !important; color: var(--up-text) !important; } #instagram-profiles-section .igpr-data-check { width: 18px !important; height: 18px !important; color: var(--up-green) !important; stroke: var(--up-green) !important; flex-shrink: 0 !important; } \/* ========== CTA ROW ========== *\/ #instagram-profiles-section .igpr-cta-row { display: flex !important; justify-content: center !important; margin-top: 10px !important; } #instagram-profiles-section .igpr-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: var(--up-dark) !important; background: var(--up-yellow) !important; text-decoration: none !important; font-weight: 600 !important; font-size: 15px !important; padding: 14px 26px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; } #instagram-profiles-section .igpr-cta:hover { transform: translateY(-5px) !important; } #instagram-profiles-section .igpr-cta svg { width: 18px !important; height: 18px !important; stroke: var(--up-dark) !important; } \/* ========== RESPONSIVE ========== *\/ @media (max-width: 900px) { #instagram-profiles-section.instagram-profiles-wrapper { padding: 40px 16px !important; } #instagram-profiles-section .igpr-title { font-size: 28px !important; } #instagram-profiles-section .igpr-mockup-area { flex-direction: column !important; align-items: center !important; gap: 16px !important; } #instagram-profiles-section .igpr-search-card, #instagram-profiles-section .igpr-profile-card { width: 100% !important; min-width: 0 !important; max-width: 420px !important; } #instagram-profiles-section .igpr-enrich { flex-direction: row !important; margin: 0 !important; } } @media (max-width: 600px) { #instagram-profiles-section .igpr-title { font-size: 26px !important; } #instagram-profiles-section .igpr-search-card, #instagram-profiles-section .igpr-profile-card { max-width: 100% !important; } #instagram-profiles-section .igpr-enrich { display: none !important; } } @media (max-width: 400px) { #instagram-profiles-section .igpr-title { font-size: 24px !important; } #instagram-profiles-section .igpr-profile-fullname { font-size: 16px !important; } #instagram-profiles-section .igpr-data-value { font-size: 12px !important; } } <\/style>\n<p> <\/p>\n<div class=\"igpr-container\">  <\/p>\n<div class=\"igpr-header\"> <\/p>\n<div class=\"igpr-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg> Instagram Search & Enrichment <\/div>\n<p> <\/p>\n<h2 class=\"igpr-title\">Search Profiles & Create Contact Cards<\/h2>\n<p> <pee class=\"igpr-subtitle\">Search Instagram profiles by username, bio, or name. Add them to your CRM with one click and automatically enrich with verified profile data.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"igpr-mockup-area\">  <\/p>\n<div class=\"igpr-search-card\"> <\/p>\n<div class=\"igpr-search-header\"> <\/p>\n<div class=\"igpr-search-logo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg><\/div>\n<p> <span class=\"igpr-search-name\">Your App<\/span> <\/div>\n<p> <\/p>\n<div class=\"igpr-search-tab\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"\">Instagram Search<\/div>\n<p> <\/p>\n<div class=\"igpr-search-input\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg> <span>Creative Director<\/span> <\/p>\n<div class=\"igpr-search-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpr-results-label\">Results <span class=\"igpr-results-count\">42<\/span><\/div>\n<p> <\/p>\n<div class=\"igpr-results-list\"> <\/p>\n<div class=\"igpr-result selected\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"igpr-result-avatar\"> <\/p>\n<div class=\"igpr-result-info\"> <span class=\"igpr-result-name\">Sarah Lopez <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"\"><\/span> <span class=\"igpr-result-handle\">Creative Director \u00b7 @sarah.creates<\/span> <\/div>\n<p> <\/p>\n<div class=\"igpr-result-check\"><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> <\/div>\n<p> <\/p>\n<div class=\"igpr-result\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"igpr-result-avatar\"> <\/p>\n<div class=\"igpr-result-info\"> <span class=\"igpr-result-name\">Mike Johnson <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"\"><\/span> <span class=\"igpr-result-handle\">Creative Director \u00b7 @mike.studio<\/span> <\/div>\n<p> <\/p>\n<div class=\"igpr-result-check\"><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> <\/div>\n<p> <\/p>\n<div class=\"igpr-result\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"igpr-result-avatar\"> <\/p>\n<div class=\"igpr-result-info\"> <span class=\"igpr-result-name\">Lisa Park <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"\"><\/span> <span class=\"igpr-result-handle\">Senior Creative Director \u00b7 @lisa.creative<\/span> <\/div>\n<p> <\/p>\n<div class=\"igpr-result-check\"><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> <\/div>\n<p> <\/p>\n<div class=\"igpr-result\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=80&h=80&fit=crop&crop=face\" alt=\"\" class=\"igpr-result-avatar\"> <\/p>\n<div class=\"igpr-result-info\"> <span class=\"igpr-result-name\">David Kim <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"\"><\/span> <span class=\"igpr-result-handle\">Creative Director \u00b7 @david.creates<\/span> <\/div>\n<p> <\/p>\n<div class=\"igpr-result-add\"><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><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igpr-enrich\"> <\/p>\n<div class=\"igpr-enrich-circle\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"17 1 21 5 17 9\"\/><path d=\"M3 11V9a4 4 0 0 1 4-4h14\"\/><polyline points=\"7 23 3 19 7 15\"\/><path d=\"M21 13v2a4 4 0 0 1-4 4H3\"\/><\/svg><\/div>\n<p> <span class=\"igpr-enrich-label\">Enrich<\/span> <\/div>\n<p>  <\/p>\n<div class=\"igpr-profile-card\"> <\/p>\n<div class=\"igpr-created-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> 3 Contacts Created<\/div>\n<p> <\/p>\n<div class=\"igpr-profile-top\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=140&h=140&fit=crop&crop=face\" alt=\"Sarah Lopez\" class=\"igpr-profile-avatar\"> <\/p>\n<div class=\"igpr-profile-info-top\"> <span class=\"igpr-profile-fullname\">Sarah Lopez<\/span> <span class=\"igpr-profile-bio\">Creative Director \u00b7 New York, NY<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpr-stats-row\"> <\/p>\n<div class=\"igpr-pstat\"><span class=\"igpr-pstat-num\">45.2K<\/span><span class=\"igpr-pstat-label\">Followers<\/span><\/div>\n<p> <\/p>\n<div class=\"igpr-pstat\"><span class=\"igpr-pstat-num\">892<\/span><span class=\"igpr-pstat-label\">Posts<\/span><\/div>\n<p> <\/p>\n<div class=\"igpr-pstat\"><span class=\"igpr-pstat-num\">1.2K<\/span><span class=\"igpr-pstat-label\">Following<\/span><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"igpr-profile-data\"> <\/p>\n<div class=\"igpr-data-row\"> <\/p>\n<div class=\"igpr-data-icon\"><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> <\/p>\n<div class=\"igpr-data-col\"><span class=\"igpr-data-label\">Full Name<\/span><span class=\"igpr-data-value\">Sarah Lopez<\/span><\/div>\n<p> <svg class=\"igpr-data-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"igpr-data-row\"> <\/p>\n<div class=\"igpr-data-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igpr-data-col\"><span class=\"igpr-data-label\">Bio<\/span><span class=\"igpr-data-value\">Creative Director & Brand Strategist \u2728<\/span><\/div>\n<p> <svg class=\"igpr-data-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"igpr-data-row\"> <\/p>\n<div class=\"igpr-data-icon\"><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><\/div>\n<p> <\/p>\n<div class=\"igpr-data-col\"><span class=\"igpr-data-label\">Website<\/span><span class=\"igpr-data-value\">sarahlopez.co<\/span><\/div>\n<p> <svg class=\"igpr-data-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"igpr-data-row\"> <\/p>\n<div class=\"igpr-data-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igpr-data-col\"><span class=\"igpr-data-label\">Location<\/span><span class=\"igpr-data-value\">New York, NY<\/span><\/div>\n<p> <svg class=\"igpr-data-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"igpr-data-row\"> <\/p>\n<div class=\"igpr-data-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 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=\"igpr-data-col\"><span class=\"igpr-data-label\">Followers<\/span><span class=\"igpr-data-value\">45.2K on Instagram<\/span><\/div>\n<p> <svg class=\"igpr-data-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> <\/p>\n<div class=\"igpr-data-row\"> <\/p>\n<div class=\"igpr-data-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\" ry=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"igpr-data-col\"><span class=\"igpr-data-label\">Account Type<\/span><span class=\"igpr-data-value\">Creator \u00b7 Verified \u2713<\/span><\/div>\n<p> <svg class=\"igpr-data-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"igpr-cta-row\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"igpr-cta\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg> <\/a> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n<div id=\"unipile-instagram-capabilities-section\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); \/* RESET *\/ #unipile-instagram-capabilities-section, #unipile-instagram-capabilities-section * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #unipile-instagram-capabilities-section { --up-green: #3BB98B !important; --up-yellow: #DDDF4C !important; --up-yellow-dark: #c5c743 !important; --up-dark: #0f2736 !important; --up-text: #1e293b !important; --up-subtle: #64748b !important; --up-border: #e5e7eb !important; --up-bg-light: #f8f9fa !important; --ig-pink: #E1306C !important; background: #0f2736 !important; padding: 80px 20px !important; } #unipile-instagram-capabilities-section .icaps-container { max-width: 1100px !important; margin: 0 auto !important; } \/* Section Header *\/ #unipile-instagram-capabilities-section .icaps-header { text-align: center !important; margin-bottom: 50px !important; } #unipile-instagram-capabilities-section .icaps-badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: rgba(221, 223, 76, 0.15) !important; color: #DDDF4C !important; padding: 8px 16px !important; border-radius: 20px !important; font-size: 0.75rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 20px !important; } #unipile-instagram-capabilities-section .icaps-badge svg { width: 16px !important; height: 16px !important; stroke: #DDDF4C !important; } #unipile-instagram-capabilities-section .icaps-title { font-family: 'Poppins', sans-serif !important; font-size: 42px !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 16px !important; line-height: 1.2 !important; } #unipile-instagram-capabilities-section .icaps-subtitle { font-size: 17px !important; color: #ffffff !important; line-height: 1.6 !important; max-width: 650px !important; margin: 0 auto !important; } \/* Card Component *\/ #unipile-instagram-capabilities-section .icap-card { background: #ffffff !important; border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important; } \/* Card Header *\/ #unipile-instagram-capabilities-section .icap-card-header { padding: 28px 32px !important; border-bottom: 1px solid var(--up-border) !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 20px !important; } #unipile-instagram-capabilities-section .icap-card-title { font-family: 'Poppins', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: var(--up-text) !important; line-height: 1.2 !important; } #unipile-instagram-capabilities-section .icap-ig-logo { width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #unipile-instagram-capabilities-section .icap-ig-logo img { width: 40px !important; height: 40px !important; } \/* Main Content *\/ #unipile-instagram-capabilities-section .icap-content { display: flex !important; min-height: 450px !important; } \/* Sidebar Tabs *\/ #unipile-instagram-capabilities-section .icap-sidebar { width: 220px !important; min-width: 220px !important; border-right: 1px solid var(--up-border) !important; padding: 20px 0 !important; background: linear-gradient(180deg, #fafbfc 0%, #ffffff 100%) !important; } #unipile-instagram-capabilities-section .icap-tab { display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 20px !important; font-size: 14px !important; font-weight: 500 !important; color: var(--up-subtle) !important; cursor: pointer !important; transition: all 0.3s ease !important; background: transparent !important; } #unipile-instagram-capabilities-section .icap-tab:hover { color: var(--up-text) !important; background: rgba(59, 185, 139, 0.04) !important; } #unipile-instagram-capabilities-section .icap-tab.active { color: var(--up-text) !important; font-weight: 600 !important; background: rgba(221, 223, 76, 0.08) !important; } #unipile-instagram-capabilities-section .icap-tab-icon { width: 34px !important; height: 34px !important; min-width: 34px !important; background: rgba(100, 116, 139, 0.08) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; } #unipile-instagram-capabilities-section .icap-tab.active .icap-tab-icon { background: rgba(221, 223, 76, 0.2) !important; } #unipile-instagram-capabilities-section .icap-tab-icon svg { width: 16px !important; height: 16px !important; stroke: var(--up-subtle) !important; transition: stroke 0.3s ease !important; } #unipile-instagram-capabilities-section .icap-tab.active .icap-tab-icon svg { stroke: var(--up-yellow-dark) !important; } #unipile-instagram-capabilities-section .icap-tab-content { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 6px !important; } #unipile-instagram-capabilities-section .icap-tab-label { font-size: 13px !important; line-height: 1.2 !important; } \/* Labels full\/short *\/ #unipile-instagram-capabilities-section .icap-label-full { display: inline !important; } #unipile-instagram-capabilities-section .icap-label-short { display: none !important; } \/* Progress Bar *\/ #unipile-instagram-capabilities-section .icap-progress-bar { width: 100% !important; height: 4px !important; background: #d1d5db !important; border-radius: 3px !important; overflow: hidden !important; margin-top: 4px !important; } #unipile-instagram-capabilities-section .icap-progress-fill { height: 100% !important; width: 0% !important; background: #DDDF4C !important; border-radius: 3px !important; transition: none !important; } #unipile-instagram-capabilities-section .icap-tab.active .icap-progress-fill.animating { width: 100% !important; transition: width 5s linear !important; } \/* Features Panel *\/ #unipile-instagram-capabilities-section .icap-features { flex: 1 !important; padding: 24px 28px !important; overflow-y: auto !important; position: relative !important; max-height: 450px !important; } #unipile-instagram-capabilities-section .icap-feature-panel { display: none !important; animation: icaps-fadeIn 0.4s ease !important; } #unipile-instagram-capabilities-section .icap-feature-panel.active { display: block !important; } @keyframes icaps-fadeIn { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } } #unipile-instagram-capabilities-section .icap-panel-header { margin-bottom: 18px !important; } #unipile-instagram-capabilities-section .icap-panel-title { font-family: 'Poppins', sans-serif !important; font-size: 18px !important; font-weight: 600 !important; color: var(--up-text) !important; margin-bottom: 4px !important; } #unipile-instagram-capabilities-section .icap-panel-count { font-size: 12px !important; color: var(--up-subtle) !important; } #unipile-instagram-capabilities-section .icap-panel-count span { color: var(--up-green) !important; font-weight: 600 !important; } #unipile-instagram-capabilities-section .icap-features-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; } #unipile-instagram-capabilities-section .icap-feature-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 14px !important; background: var(--up-bg-light) !important; border-radius: 8px !important; transition: all 0.2s ease !important; } #unipile-instagram-capabilities-section .icap-feature-item:hover { background: rgba(59, 185, 139, 0.08) !important; transform: translateX(4px) !important; } #unipile-instagram-capabilities-section .icap-feature-check { width: 18px !important; height: 18px !important; min-width: 18px !important; background: rgba(59, 185, 139, 0.15) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; } #unipile-instagram-capabilities-section .icap-feature-check svg { width: 10px !important; height: 10px !important; stroke: var(--up-green) !important; stroke-width: 3 !important; } #unipile-instagram-capabilities-section .icap-feature-name { font-size: 13px !important; color: var(--up-text) !important; font-weight: 500 !important; line-height: 1.3 !important; } \/* Controls *\/ #unipile-instagram-capabilities-section .icap-controls { position: absolute !important; bottom: 16px !important; right: 16px !important; } #unipile-instagram-capabilities-section .icap-control-btn { width: 32px !important; height: 32px !important; background: var(--up-bg-light) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: all 0.2s ease !important; } #unipile-instagram-capabilities-section .icap-control-btn:hover { background: rgba(59, 185, 139, 0.15) !important; } #unipile-instagram-capabilities-section .icap-control-btn svg { width: 12px !important; height: 12px !important; stroke: var(--up-subtle) !important; } #unipile-instagram-capabilities-section .icap-control-btn.active svg { stroke: var(--up-green) !important; } \/* CTA *\/ #unipile-instagram-capabilities-section .icaps-cta-wrapper { text-align: center !important; margin-top: 40px !important; } #unipile-instagram-capabilities-section .icaps-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #DDDF4C !important; color: #0f2736 !important; padding: 14px 28px !important; border-radius: 8px !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.3s ease !important; } #unipile-instagram-capabilities-section .icaps-cta:hover { transform: translateY(-5px) !important; } #unipile-instagram-capabilities-section .icaps-cta svg { width: 18px !important; height: 18px !important; stroke: #0f2736 !important; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-instagram-capabilities-section { padding: 60px 16px !important; } #unipile-instagram-capabilities-section .icaps-title { font-size: 32px !important; } #unipile-instagram-capabilities-section .icaps-subtitle { font-size: 15px !important; } #unipile-instagram-capabilities-section .icap-content { flex-direction: column !important; min-height: auto !important; } #unipile-instagram-capabilities-section .icap-sidebar { width: 100% !important; min-width: 100% !important; border-right: none !important; border-bottom: 1px solid var(--up-border) !important; padding: 12px !important; display: flex !important; gap: 8px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } #unipile-instagram-capabilities-section .icap-tab { flex-direction: column !important; padding: 10px 14px !important; border-radius: 10px !important; min-width: 90px !important; text-align: center !important; background: #ffffff !important; border: 1px solid var(--up-border) !important; } #unipile-instagram-capabilities-section .icap-tab.active { border-color: var(--up-yellow) !important; background: rgba(221, 223, 76, 0.1) !important; } #unipile-instagram-capabilities-section .icap-tab-content { align-items: center !important; } #unipile-instagram-capabilities-section .icap-tab-label { font-size: 10px !important; } #unipile-instagram-capabilities-section .icap-label-full { display: none !important; } #unipile-instagram-capabilities-section .icap-label-short { display: inline !important; } #unipile-instagram-capabilities-section .icap-features { padding: 20px 16px !important; } #unipile-instagram-capabilities-section .icap-features-grid { grid-template-columns: 1fr !important; } #unipile-instagram-capabilities-section .icap-card-header { padding: 20px !important; } #unipile-instagram-capabilities-section .icap-card-title { font-size: 18px !important; } } @media (max-width: 500px) { #unipile-instagram-capabilities-section .icaps-title { font-size: 26px !important; } #unipile-instagram-capabilities-section .icap-tab { min-width: 75px !important; padding: 8px 10px !important; } #unipile-instagram-capabilities-section .icap-tab-icon { width: 28px !important; height: 28px !important; min-width: 28px !important; } #unipile-instagram-capabilities-section .icap-tab-icon svg { width: 14px !important; height: 14px !important; } } <\/style>\n<p> <\/p>\n<div class=\"icaps-container\">  <\/p>\n<div class=\"icaps-header\"> <\/p>\n<div class=\"icaps-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polygon points=\"12 2 2 7 12 12 22 7 12 2\"\/> <polyline points=\"2 17 12 22 22 17\"\/> <polyline points=\"2 12 12 17 22 12\"\/> <\/svg> Instagram API <\/div>\n<p> <\/p>\n<h2 class=\"icaps-title\">Instagram API Capabilities<\/h2>\n<p> <pee class=\"icaps-subtitle\">Access every Instagram endpoint through a single, unified API. From messaging to posts, profiles to comments, build any Instagram integration your users need.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"icap-card\">  <\/p>\n<div class=\"icap-card-header\"> <span class=\"icap-card-title\">Explore All Endpoints<\/span> <\/p>\n<div class=\"icap-ig-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-content\">  <\/p>\n<div class=\"icap-sidebar\" id=\"icapsSidebar\"> <\/p>\n<div class=\"icap-tab\" data-tab=\"authentication\" onclick=\"icapsSwitchTab('authentication')\"> <\/p>\n<div class=\"icap-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/> <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"icap-tab-content\"> <span class=\"icap-tab-label\"><span class=\"icap-label-full\">Account Connection<\/span><span class=\"icap-label-short\">Account<\/span><\/span> <\/p>\n<div class=\"icap-progress-bar\">\n<div class=\"icap-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"icap-tab active\" data-tab=\"messages\" onclick=\"icapsSwitchTab('messages')\"> <\/p>\n<div class=\"icap-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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=\"icap-tab-content\"> <span class=\"icap-tab-label\">Messages<\/span> <\/p>\n<div class=\"icap-progress-bar\">\n<div class=\"icap-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"icap-tab\" data-tab=\"posts\" onclick=\"icapsSwitchTab('posts')\"> <\/p>\n<div class=\"icap-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <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> <\/div>\n<p> <\/p>\n<div class=\"icap-tab-content\"> <span class=\"icap-tab-label\"><span class=\"icap-label-full\">Posts & Comments<\/span><span class=\"icap-label-short\">Posts<\/span><\/span> <\/p>\n<div class=\"icap-progress-bar\">\n<div class=\"icap-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"icap-tab\" data-tab=\"profiles\" onclick=\"icapsSwitchTab('profiles')\"> <\/p>\n<div class=\"icap-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" 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=\"icap-tab-content\"> <span class=\"icap-tab-label\">Profiles<\/span> <\/p>\n<div class=\"icap-progress-bar\">\n<div class=\"icap-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"icap-tab\" data-tab=\"specific\" onclick=\"icapsSwitchTab('specific')\"> <\/p>\n<div class=\"icap-tab-icon\"> <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=\"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 4.68 15a1.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 9 4.68a1.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 19.4 9a1.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> <\/div>\n<p> <\/p>\n<div class=\"icap-tab-content\"> <span class=\"icap-tab-label\">Specific<\/span> <\/p>\n<div class=\"icap-progress-bar\">\n<div class=\"icap-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"icap-tab\" data-tab=\"webhooks\" onclick=\"icapsSwitchTab('webhooks')\"> <\/p>\n<div class=\"icap-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/> <polyline points=\"22 4 12 14.01 9 11.01\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"icap-tab-content\"> <span class=\"icap-tab-label\">Webhooks<\/span> <\/p>\n<div class=\"icap-progress-bar\">\n<div class=\"icap-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"icap-tab\" data-tab=\"inboxes\" onclick=\"icapsSwitchTab('inboxes')\"> <\/p>\n<div class=\"icap-tab-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\"\/> <path d=\"M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"\/> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"icap-tab-content\"> <span class=\"icap-tab-label\">Inboxes<\/span> <\/p>\n<div class=\"icap-progress-bar\">\n<div class=\"icap-progress-fill\"><\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-features\">  <\/p>\n<div class=\"icap-feature-panel\" data-panel=\"authentication\"> <\/p>\n<div class=\"icap-panel-header\"> <\/p>\n<h3 class=\"icap-panel-title\">Account Connection<\/h3>\n<p> <pee class=\"icap-panel-count\"><span>2<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"icap-features-grid\"> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Hosted Auth: White label to connect your end users<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Custom Auth: Connect user with credentials or cookies<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-feature-panel active\" data-panel=\"messages\"> <\/p>\n<div class=\"icap-panel-header\"> <\/p>\n<h3 class=\"icap-panel-title\">Messages<\/h3>\n<p> <pee class=\"icap-panel-count\"><span>10<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"icap-features-grid\"> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Send Messages<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Reply Messages<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List Messages<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List Chats<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List Attendees<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Sync History<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List Reactions<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Send Files Attachments<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Receive Files Attachments<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Read Receipts<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-feature-panel\" data-panel=\"posts\"> <\/p>\n<div class=\"icap-panel-header\"> <\/p>\n<h3 class=\"icap-panel-title\">Posts & Comments<\/h3>\n<p> <pee class=\"icap-panel-count\"><span>7<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"icap-features-grid\"> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List Posts of Users and Companies<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Retrieve a Post<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Create a Post<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Send Comments<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List Posts Comments<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List Posts Reactions<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Add Reaction on a Post or Comment<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-feature-panel\" data-panel=\"profiles\"> <\/p>\n<div class=\"icap-panel-header\"> <\/p>\n<h3 class=\"icap-panel-title\">Profiles<\/h3>\n<p> <pee class=\"icap-panel-count\"><span>3<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"icap-features-grid\"> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Visit and Retrieve Users Profiles<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">List of Contacts \/ Relations<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Retrieve Own Profile<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-feature-panel\" data-panel=\"specific\"> <\/p>\n<div class=\"icap-panel-header\"> <\/p>\n<h3 class=\"icap-panel-title\">Specific<\/h3>\n<p> <pee class=\"icap-panel-count\"><span>2<\/span> endpoints available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"icap-features-grid\"> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Following Someone<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Retrieve Users Profiles<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-feature-panel\" data-panel=\"webhooks\"> <\/p>\n<div class=\"icap-panel-header\"> <\/p>\n<h3 class=\"icap-panel-title\">Webhooks<\/h3>\n<p> <pee class=\"icap-panel-count\"><span>3<\/span> events available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"icap-features-grid\"> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Account Status<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">New Message<\/span><\/div>\n<p> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">New Reaction \/ Read \/ Event<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-feature-panel\" data-panel=\"inboxes\"> <\/p>\n<div class=\"icap-panel-header\"> <\/p>\n<h3 class=\"icap-panel-title\">Inboxes<\/h3>\n<p> <pee class=\"icap-panel-count\"><span>1<\/span> inbox available<\/pee> <\/div>\n<p> <\/p>\n<div class=\"icap-features-grid\"> <\/p>\n<div class=\"icap-feature-item\">\n<div class=\"icap-feature-check\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n<p><span class=\"icap-feature-name\">Instagram Classic (Send and Receive in real-time)<\/span><\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icap-controls\"> <\/p>\n<div class=\"icap-control-btn active\" id=\"icapsPlayPause\" onclick=\"icapsToggleAutoplay()\"> <svg id=\"icapsPauseIcon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/> <rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/> <\/svg> <svg id=\"icapsPlayIcon\" style=\"display: none;\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polygon points=\"5 3 19 12 5 21 5 3\"\/> <\/svg> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"icaps-cta-wrapper\"> <a href=\"https:\/\/developer.unipile.com\/reference\/accountscontroller_listaccounts\" target=\"_blank\" class=\"icaps-cta\"> Explore API Reference <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <\/div>\n<p> <\/div>\n<p> <script> (function() { var tabs = ['authentication', 'messages', 'posts', 'profiles', 'specific', 'webhooks', 'inboxes']; var currentIndex = 1; \/\/ Start on messages var autoplayInterval = null; var isAutoplaying = true; var hasStarted = false; var AUTOPLAY_DURATION = 5000; var SECTION_ID = 'unipile-instagram-capabilities-section'; function startProgressAnimation() { document.querySelectorAll('#' + SECTION_ID + ' .icap-progress-fill').forEach(function(fill) { fill.classList.remove('animating'); fill.style.width = '0%'; }); setTimeout(function() { var activeTab = document.querySelector('#' + SECTION_ID + ' .icap-tab.active'); if (activeTab) { var progressFill = activeTab.querySelector('.icap-progress-fill'); if (progressFill) { progressFill.classList.add('animating'); } } }, 50); } function icapsSwitchTab(tabName) { document.querySelectorAll('#' + SECTION_ID + ' .icap-tab').forEach(function(tab) { tab.classList.remove('active'); }); document.querySelectorAll('#' + SECTION_ID + ' .icap-feature-panel').forEach(function(panel) { panel.classList.remove('active'); }); var activeTab = document.querySelector('#' + SECTION_ID + ' .icap-tab[data-tab=\"' + tabName + '\"]'); var activePanel = document.querySelector('#' + SECTION_ID + ' .icap-feature-panel[data-panel=\"' + tabName + '\"]'); if (activeTab) activeTab.classList.add('active'); if (activePanel) activePanel.classList.add('active'); currentIndex = tabs.indexOf(tabName); if (isAutoplaying && hasStarted) { startProgressAnimation(); clearInterval(autoplayInterval); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } } function nextTab() { currentIndex = (currentIndex + 1) % tabs.length; icapsSwitchTab(tabs[currentIndex]); } function icapsToggleAutoplay() { isAutoplaying = !isAutoplaying; var pauseIcon = document.getElementById('icapsPauseIcon'); var playIcon = document.getElementById('icapsPlayIcon'); var btn = document.getElementById('icapsPlayPause'); if (isAutoplaying) { pauseIcon.style.display = 'block'; playIcon.style.display = 'none'; btn.classList.add('active'); if (hasStarted) { startProgressAnimation(); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } } else { pauseIcon.style.display = 'none'; playIcon.style.display = 'block'; btn.classList.remove('active'); clearInterval(autoplayInterval); document.querySelectorAll('#' + SECTION_ID + ' .icap-progress-fill').forEach(function(fill) { fill.classList.remove('animating'); }); } } function startAutoplay() { if (hasStarted) return; hasStarted = true; startProgressAnimation(); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } function stopAutoplay() { clearInterval(autoplayInterval); document.querySelectorAll('#' + SECTION_ID + ' .icap-progress-fill').forEach(function(fill) { fill.classList.remove('animating'); fill.style.width = '0%'; }); } function initObserver() { var section = document.getElementById(SECTION_ID); if (!section) return; var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting && isAutoplaying) { if (!hasStarted) { startAutoplay(); } else { startProgressAnimation(); autoplayInterval = setInterval(nextTab, AUTOPLAY_DURATION); } } else { stopAutoplay(); hasStarted = false; } }); }, { threshold: 0.3 }); observer.observe(section); } function init() { initObserver(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } window.icapsSwitchTab = icapsSwitchTab; window.icapsToggleAutoplay = icapsToggleAutoplay; })(); <\/script><\/div>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n<div id=\"unipile-ig-video-section\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #unipile-ig-video-section, #unipile-ig-video-section * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #unipile-ig-video-section { --uvs-dark: #0f2736 !important; --uvs-green: #3BB98B !important; --uvs-yellow: #DDDF4C !important; --uvs-ig-pink: #E1306C !important; --uvs-ig-purple: #833AB4 !important; padding: 80px 20px !important; background: var(--uvs-dark) !important; } #unipile-ig-video-section .uvs-container { max-width: 900px !important; margin: 0 auto !important; } #unipile-ig-video-section .uvs-header { text-align: center !important; margin-bottom: 40px !important; } #unipile-ig-video-section .uvs-title { font-family: 'Poppins', sans-serif !important; font-size: 38px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.25 !important; margin-bottom: 16px !important; } #unipile-ig-video-section .uvs-subtitle { font-size: 16px !important; color: rgba(255, 255, 255, 0.75) !important; line-height: 1.6 !important; max-width: 700px !important; margin: 0 auto !important; } #unipile-ig-video-section .uvs-video-card { position: relative !important; background: linear-gradient(145deg, #2a1a2e 0%, #1a0d1f 100%) !important; border-radius: 16px !important; overflow: hidden !important; aspect-ratio: 16 \/ 9 !important; } #unipile-ig-video-section .uvs-video-iframe { width: 100% !important; height: 100% !important; border: none !important; } #unipile-ig-video-section .uvs-thumbnail { position: absolute !important; inset: 0 !important; cursor: pointer !important; transition: opacity 0.3s ease !important; z-index: 2 !important; } #unipile-ig-video-section .uvs-thumbnail.hidden { opacity: 0 !important; pointer-events: none !important; } #unipile-ig-video-section .uvs-thumbnail:hover .uvs-play-btn { transform: scale(1.1) !important; box-shadow: 0 8px 30px rgba(221, 223, 76, 0.4) !important; } #unipile-ig-video-section .uvs-video-overlay { position: absolute !important; inset: 0 !important; background: radial-gradient(ellipse at center, rgba(225, 48, 108, 0.15) 0%, transparent 70%) !important; pointer-events: none !important; } #unipile-ig-video-section .uvs-video-content { position: absolute !important; inset: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 0 !important; } #unipile-ig-video-section .uvs-ig-logo { width: 80px !important; height: 80px !important; background: linear-gradient(145deg, #E1306C 0%, #833AB4 50%, #F77737 100%) !important; border-radius: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 8px 30px rgba(225, 48, 108, 0.4) !important; margin-bottom: -15px !important; position: relative !important; z-index: 1 !important; } #unipile-ig-video-section .uvs-ig-logo svg { width: 44px !important; height: 44px !important; fill: #ffffff !important; } #unipile-ig-video-section .uvs-play-btn { width: 70px !important; height: 70px !important; background: var(--uvs-yellow) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 6px 25px rgba(221, 223, 76, 0.3) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; position: relative !important; z-index: 2 !important; } #unipile-ig-video-section .uvs-play-btn svg { width: 28px !important; height: 28px !important; fill: var(--uvs-dark) !important; margin-left: 4px !important; } #unipile-ig-video-section .uvs-video-title { font-family: 'Poppins', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; margin-top: 24px !important; text-align: center !important; } #unipile-ig-video-section .uvs-video-desc { font-size: 15px !important; color: rgba(255, 255, 255, 0.7) !important; margin-top: 8px !important; text-align: center !important; } #unipile-ig-video-section .uvs-unipile-logo { position: absolute !important; bottom: 20px !important; right: 24px !important; } #unipile-ig-video-section .uvs-unipile-logo img { height: 28px !important; width: auto !important; } @media (max-width: 900px) { #unipile-ig-video-section .uvs-title { font-size: 32px !important; } } @media (max-width: 600px) { #unipile-ig-video-section { padding: 60px 16px !important; } #unipile-ig-video-section .uvs-title { font-size: 26px !important; } #unipile-ig-video-section .uvs-subtitle { font-size: 14px !important; } #unipile-ig-video-section .uvs-ig-logo { width: 60px !important; height: 60px !important; border-radius: 14px !important; } #unipile-ig-video-section .uvs-ig-logo svg { width: 32px !important; height: 32px !important; } #unipile-ig-video-section .uvs-play-btn { width: 56px !important; height: 56px !important; } #unipile-ig-video-section .uvs-play-btn svg { width: 22px !important; height: 22px !important; } #unipile-ig-video-section .uvs-video-title { font-size: 24px !important; } #unipile-ig-video-section .uvs-video-desc { font-size: 13px !important; } } @media (max-width: 400px) { #unipile-ig-video-section .uvs-title { font-size: 22px !important; } #unipile-ig-video-section .uvs-video-title { font-size: 20px !important; } } <\/style>\n<p> <\/p>\n<div class=\"uvs-container\"> <\/p>\n<div class=\"uvs-header\"> <\/p>\n<h2 class=\"uvs-title\">Video Guide: Build with Instagram API<\/h2>\n<p> <pee class=\"uvs-subtitle\">In this video, learn how to connect an Instagram account and start syncing DMs, retrieving profiles, and automating engagement from your app.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"uvs-video-card\" id=\"uvs-ig-video-container\"> <iframe  id=”uvs-ig-youtube-iframe” class=”uvs-video-iframe”  src=””  allow=”accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture”  allowfullscreen> <\/iframe> <\/p>\n<div class=\"uvs-thumbnail\" id=\"uvs-ig-thumbnail\" onclick=\"playIgVideo()\"> <\/p>\n<div class=\"uvs-video-overlay\"><\/div>\n<p>  <\/p>\n<div class=\"uvs-video-content\"> <\/p>\n<div class=\"uvs-ig-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram logo\" style=\"width: 100%; height: 100%;\"><\/div>\n<p> <\/p>\n<div class=\"uvs-play-btn\"> <svg viewBox=\"0 0 24 24\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg> <\/div>\n<p> <span class=\"uvs-video-title\">Instagram API<\/span> <span class=\"uvs-video-desc\">Sync DMs, Retrieve Profiles & More<\/span> <\/div>\n<p> <\/p>\n<div class=\"uvs-unipile-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/07\/logo-unipile-fond-fonce-1-2-1-1.svg\" alt=\"Unipile\"> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <script> function playIgVideo() { var iframe = document.getElementById('uvs-ig-youtube-iframe'); var thumbnail = document.getElementById('uvs-ig-thumbnail'); iframe.src = 'https:\/\/www.youtube.com\/embed\/RVC5rCeWSac?autoplay=1&rel=0'; thumbnail.classList.add('hidden'); } <\/script><\/div>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n<div id=\"unipile-ig-use-cases-section\"> <\/p>\n<style> @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap'); #unipile-ig-use-cases-section, #unipile-ig-use-cases-section * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; border: none !important; outline: none !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; line-height: normal !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } #unipile-ig-use-cases-section { --up-green: #3BB98B !important; --up-yellow: #DDDF4C !important; --up-yellow-dark: #b8ba2e !important; --up-dark: #0f2736 !important; --up-text: #1e293b !important; --up-subtle: #64748b !important; --up-border: #e5e7eb !important; --up-bg-light: #f4f5f7 !important; --ig-pink: #E1306C !important; --ig-purple: #833AB4 !important; --ig-orange: #F77737 !important; padding: 60px 20px !important; background: var(--up-bg-light) !important; } #unipile-ig-use-cases-section .uc-container { max-width: 1100px !important; margin: 0 auto !important; } \/* Header *\/ #unipile-ig-use-cases-section .uc-header { text-align: center !important; margin-bottom: 50px !important; } #unipile-ig-use-cases-section .uc-badge { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: rgba(221, 223, 76, 0.15) !important; color: var(--up-yellow-dark) !important; padding: 6px 14px !important; border-radius: 20px !important; font-size: 0.7rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin-bottom: 16px !important; } #unipile-ig-use-cases-section .uc-badge svg { stroke: var(--up-yellow-dark) !important; } #unipile-ig-use-cases-section .uc-title { font-family: 'Poppins', sans-serif !important; font-size: 35px !important; font-weight: 700 !important; color: var(--up-dark) !important; line-height: 1.3 !important; margin-bottom: 12px !important; } #unipile-ig-use-cases-section .uc-subtitle { font-size: 16px !important; color: var(--up-dark) !important; line-height: 1.6 !important; max-width: 600px !important; margin: 0 auto !important; } \/* Grid *\/ #unipile-ig-use-cases-section .uc-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; } \/* Card *\/ #unipile-ig-use-cases-section .uc-card { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } \/* Mockup *\/ #unipile-ig-use-cases-section .uc-mockup { background: #ffffff !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important; width: 100% !important; margin-bottom: 24px !important; border: 1px solid var(--up-border) !important; } #unipile-ig-use-cases-section .uc-mockup-header { background: #ffffff !important; padding: 12px 16px !important; display: flex !important; align-items: center !important; gap: 10px !important; border-bottom: 1px solid var(--up-border) !important; } #unipile-ig-use-cases-section .uc-mockup-logo { width: 28px !important; height: 28px !important; border-radius: 6px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; } #unipile-ig-use-cases-section .uc-mockup-logo.crm { background: rgba(59, 185, 139, 0.12) !important; } #unipile-ig-use-cases-section .uc-mockup-logo.crm svg { width: 14px !important; height: 14px !important; color: var(--up-green) !important; stroke: var(--up-green) !important; } #unipile-ig-use-cases-section .uc-mockup-logo.outreach { background: rgba(225, 48, 108, 0.12) !important; } #unipile-ig-use-cases-section .uc-mockup-logo.outreach svg { width: 14px !important; height: 14px !important; color: var(--ig-pink) !important; stroke: var(--ig-pink) !important; } #unipile-ig-use-cases-section .uc-mockup-logo.community { background: rgba(131, 58, 180, 0.12) !important; } #unipile-ig-use-cases-section .uc-mockup-logo.community svg { width: 14px !important; height: 14px !important; color: var(--ig-purple) !important; stroke: var(--ig-purple) !important; } #unipile-ig-use-cases-section .uc-mockup-name { font-size: 13px !important; font-weight: 600 !important; color: var(--up-text) !important; } \/* Tabs *\/ #unipile-ig-use-cases-section .uc-tabs { display: flex !important; background: #ffffff !important; border-bottom: 1px solid var(--up-border) !important; padding: 0 12px !important; } #unipile-ig-use-cases-section .uc-tab { padding: 10px 14px !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; border-radius: 6px 6px 0 0 !important; } #unipile-ig-use-cases-section .uc-tab.active { color: #ffffff !important; } #unipile-ig-use-cases-section .uc-tab.active.pink { background: var(--ig-pink) !important; } #unipile-ig-use-cases-section .uc-tab.active.green { background: var(--up-green) !important; } #unipile-ig-use-cases-section .uc-tab.active.purple { background: var(--ig-purple) !important; } #unipile-ig-use-cases-section .uc-tab.inactive { color: var(--up-subtle) !important; background: transparent !important; } \/* Table Header *\/ #unipile-ig-use-cases-section .uc-table-header { display: grid !important; padding: 10px 12px !important; background: #fafbfc !important; border-bottom: 1px solid var(--up-border) !important; font-size: 9px !important; font-weight: 600 !important; color: var(--up-subtle) !important; text-transform: uppercase !important; letter-spacing: 0.3px !important; gap: 8px !important; grid-template-columns: minmax(90px, 1fr) 60px 35px 72px !important; } #unipile-ig-use-cases-section .uc-table-header span { display: flex !important; align-items: center !important; } #unipile-ig-use-cases-section .uc-table-header span:nth-child(3) { justify-content: center !important; } #unipile-ig-use-cases-section .uc-table-header span:last-child { justify-content: flex-end !important; } \/* Table Rows *\/ #unipile-ig-use-cases-section .uc-table-body { background: #ffffff !important; } #unipile-ig-use-cases-section .uc-row { display: grid !important; padding: 10px 12px !important; align-items: center !important; border-bottom: 1px solid #f1f5f9 !important; gap: 8px !important; grid-template-columns: minmax(90px, 1fr) 60px 35px 72px !important; } #unipile-ig-use-cases-section .uc-row:last-child { border-bottom: none !important; } \/* User Cell *\/ #unipile-ig-use-cases-section .uc-user { display: flex !important; align-items: center !important; gap: 8px !important; min-width: 0 !important; } #unipile-ig-use-cases-section .uc-avatar { width: 28px !important; height: 28px !important; min-width: 28px !important; border-radius: 50% !important; object-fit: cover !important; background: #e5e7eb !important; } #unipile-ig-use-cases-section .uc-user-info { display: flex !important; flex-direction: column !important; min-width: 0 !important; gap: 1px !important; text-align: left !important; } #unipile-ig-use-cases-section .uc-user-name { font-size: 11px !important; font-weight: 600 !important; color: var(--up-text) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } #unipile-ig-use-cases-section .uc-user-msg { font-size: 9px !important; color: var(--up-subtle) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } \/* Company *\/ #unipile-ig-use-cases-section .uc-company { font-size: 10px !important; color: var(--up-text) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } \/* Platform *\/ #unipile-ig-use-cases-section .uc-platform { display: flex !important; justify-content: center !important; align-items: center !important; } #unipile-ig-use-cases-section .uc-platform img { width: 18px !important; height: 18px !important; } \/* Status *\/ #unipile-ig-use-cases-section .uc-status { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; font-size: 8px !important; font-weight: 600 !important; padding: 3px 6px !important; border-radius: 10px !important; white-space: nowrap !important; margin-left: auto !important; } #unipile-ig-use-cases-section .uc-status.responsive { background: rgba(59, 185, 139, 0.1) !important; color: var(--up-green) !important; } #unipile-ig-use-cases-section .uc-status.interested { background: rgba(225, 48, 108, 0.1) !important; color: var(--ig-pink) !important; } #unipile-ig-use-cases-section .uc-status.proposal { background: rgba(245, 158, 11, 0.1) !important; color: #d97706 !important; } #unipile-ig-use-cases-section .uc-status.won { background: rgba(131, 58, 180, 0.1) !important; color: var(--ig-purple) !important; } #unipile-ig-use-cases-section .uc-status.new { background: rgba(225, 48, 108, 0.1) !important; color: var(--ig-pink) !important; } #unipile-ig-use-cases-section .uc-status.replied { background: rgba(59, 185, 139, 0.1) !important; color: var(--up-green) !important; } #unipile-ig-use-cases-section .uc-status.active { background: rgba(59, 130, 246, 0.1) !important; color: #3b82f6 !important; } #unipile-ig-use-cases-section .uc-status-dot { width: 4px !important; height: 4px !important; min-width: 4px !important; border-radius: 50% !important; background: currentColor !important; } \/* Time *\/ #unipile-ig-use-cases-section .uc-time { font-size: 9px !important; color: var(--up-subtle) !important; text-align: right !important; white-space: nowrap !important; } \/* Card Content *\/ #unipile-ig-use-cases-section .uc-card-title { font-family: 'Poppins', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: var(--up-dark) !important; margin-bottom: 10px !important; } #unipile-ig-use-cases-section .uc-card-desc { font-size: 14px !important; color: var(--up-subtle) !important; line-height: 1.6 !important; margin-bottom: 20px !important; min-height: 66px !important; } \/* CTA *\/ #unipile-ig-use-cases-section .uc-cta { display: inline-flex !important; align-items: center !important; gap: 8px !important; color: var(--up-dark) !important; background: var(--up-yellow) !important; text-decoration: none !important; font-weight: 600 !important; font-size: 0.85rem !important; padding: 12px 22px !important; border-radius: 8px !important; transition: transform 0.3s ease !important; } #unipile-ig-use-cases-section .uc-cta:hover { transform: translateY(-5px) !important; } #unipile-ig-use-cases-section .uc-cta svg { width: 14px !important; height: 14px !important; stroke: var(--up-dark) !important; } \/* Responsive *\/ @media (max-width: 1024px) { #unipile-ig-use-cases-section .uc-grid { grid-template-columns: repeat(2, 1fr) !important; } #unipile-ig-use-cases-section .uc-card:last-child { grid-column: span 2 !important; max-width: 380px !important; justify-self: center !important; } } @media (max-width: 900px) { #unipile-ig-use-cases-section .uc-title { font-size: 28px !important; } } @media (max-width: 700px) { #unipile-ig-use-cases-section .uc-grid { grid-template-columns: 1fr !important; } #unipile-ig-use-cases-section .uc-card:last-child { grid-column: span 1 !important; max-width: none !important; } } @media (max-width: 500px) { #unipile-ig-use-cases-section { padding: 40px 16px !important; } #unipile-ig-use-cases-section .uc-title { font-size: 24px !important; } } <\/style>\n<p> <\/p>\n<div class=\"uc-container\"> <\/p>\n<div class=\"uc-header\"> <\/p>\n<div class=\"uc-badge\"> <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/> <\/svg> Use Cases <\/div>\n<p> <\/p>\n<h2 class=\"uc-title\">Instagram API Use Cases for Publishers<\/h2>\n<p> <pee class=\"uc-subtitle\">Discover how Unipile’s Instagram API powers different industries with seamless communication integration.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"uc-grid\">  <\/p>\n<div class=\"uc-card\"> <\/p>\n<div class=\"uc-mockup\"> <\/p>\n<div class=\"uc-mockup-header\"> <\/p>\n<div class=\"uc-mockup-logo crm\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>\n<p> <span class=\"uc-mockup-name\">Your CRM<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-tabs\"> <span class=\"uc-tab active green\">Contacts<\/span> <span class=\"uc-tab inactive\">Deals<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-table-header\"><span>Contacts<\/span><span>Company<\/span><span>From<\/span><span>Status<\/span><\/div>\n<p> <\/p>\n<div class=\"uc-table-body\"> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=11\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Michel Opra<\/span><span class=\"uc-user-msg\">Loved your post!<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">NexaTech<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status responsive\"><span class=\"uc-status-dot\"><\/span>Responsive<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=5\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Sofia Rivera<\/span><span class=\"uc-user-msg\">Saw your story \ud83d\udd25<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">Synthex<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status interested\"><span class=\"uc-status-dot\"><\/span>Interested<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=12\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Daniel Martinez<\/span><span class=\"uc-user-msg\">Thanks for the DM<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">Orbix<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status proposal\"><span class=\"uc-status-dot\"><\/span>Proposal<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=9\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Elena Garcia<\/span><span class=\"uc-user-msg\">Let’s partner up<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">Quark<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"><\/div>\n<p> <span class=\"uc-status won\"><span class=\"uc-status-dot\"><\/span>Won<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"uc-card-title\">CRM Publisher<\/h3>\n<p> <pee class=\"uc-card-desc\">Enrich your CRM with Instagram DMs, story replies, and contact data. Sync conversations and track engagement alongside email and other channels.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-crm-publisher\/\" class=\"uc-cta\">CRM Use Case <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a> <\/div>\n<p>  <\/p>\n<div class=\"uc-card\"> <\/p>\n<div class=\"uc-mockup\"> <\/p>\n<div class=\"uc-mockup-header\"> <\/p>\n<div class=\"uc-mockup-logo outreach\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 2L11 13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg><\/div>\n<p> <span class=\"uc-mockup-name\">Your Outreach Tool<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-tabs\"> <span class=\"uc-tab active pink\">Sequences<\/span> <span class=\"uc-tab inactive\">Contacts<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-table-header\"><span>Contacts<\/span><span>Step<\/span><span>Via<\/span><span>Status<\/span><\/div>\n<p> <\/p>\n<div class=\"uc-table-body\"> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=11\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Michel Opra<\/span><span class=\"uc-user-msg\">@michel.opra<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">Step 3<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status replied\"><span class=\"uc-status-dot\"><\/span>Replied<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=5\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Sofia Rivera<\/span><span class=\"uc-user-msg\">@sofia.creates<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">Step 1<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status new\"><span class=\"uc-status-dot\"><\/span>New DM<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=12\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Daniel Martinez<\/span><span class=\"uc-user-msg\">@dan.mtz<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">Step 2<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/linkedin-5.svg\" alt=\"LI\"><\/div>\n<p> <span class=\"uc-status active\"><span class=\"uc-status-dot\"><\/span>Active<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=9\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Elena Garcia<\/span><span class=\"uc-user-msg\">@elena.g<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">Step 4<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"><\/div>\n<p> <span class=\"uc-status responsive\"><span class=\"uc-status-dot\"><\/span>Converted<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"uc-card-title\">Outreach<\/h3>\n<p> <pee class=\"uc-card-desc\">Add Instagram DMs to your multi-channel sequences. Combine IG, LinkedIn, and email touchpoints for higher response rates and warmer engagement.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-outreach\/\" class=\"uc-cta\">Outreach Use Case <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a> <\/div>\n<p>  <\/p>\n<div class=\"uc-card\"> <\/p>\n<div class=\"uc-mockup\"> <\/p>\n<div class=\"uc-mockup-header\"> <\/p>\n<div class=\"uc-mockup-logo community\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n<p> <span class=\"uc-mockup-name\">Your Platform<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-tabs\"> <span class=\"uc-tab active purple\">Creators<\/span> <span class=\"uc-tab inactive\">Campaigns<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-table-header\"><span>Creator<\/span><span>Followers<\/span><span>Via<\/span><span>Status<\/span><\/div>\n<p> <\/p>\n<div class=\"uc-table-body\"> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=11\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Michel Opra<\/span><span class=\"uc-user-msg\">@michel.opra<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">45.2K<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status replied\"><span class=\"uc-status-dot\"><\/span>Replied<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=5\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Sofia Rivera<\/span><span class=\"uc-user-msg\">@sofia.creates<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">128K<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status interested\"><span class=\"uc-status-dot\"><\/span>Interested<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=12\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Daniel Martinez<\/span><span class=\"uc-user-msg\">@dan.mtz<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">67K<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status new\"><span class=\"uc-status-dot\"><\/span>New DM<\/span> <\/div>\n<p> <\/p>\n<div class=\"uc-row\"> <\/p>\n<div class=\"uc-user\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/60?img=9\" class=\"uc-avatar\" alt=\"\"><\/p>\n<div class=\"uc-user-info\"><span class=\"uc-user-name\">Elena Garcia<\/span><span class=\"uc-user-msg\">@elena.g<\/span><\/div>\n<\/div>\n<p> <span class=\"uc-company\">213K<\/span> <\/p>\n<div class=\"uc-platform\"><img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"IG\"><\/div>\n<p> <span class=\"uc-status won\"><span class=\"uc-status-dot\"><\/span>Signed<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"uc-card-title\">Influencer & Community<\/h3>\n<p> <pee class=\"uc-card-desc\">Manage creator outreach at scale. Browse profiles, send DMs, track replies, and close partnerships \u2014 all from your influencer management platform.<\/pee> <a href=\"https:\/\/www.unipile.com\/use-case-outreach\/\" class=\"uc-cta\">Learn More <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg><\/a> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|phone” admin_label=”Section” _builder_version=”4.27.3″ _module_preset=”ffe432b4-f12e-4600-a860-39c5409ee726″ background_color=”#0F2736″ custom_padding_tablet=”50px|24px|100px|24px|false|false” custom_padding_phone=”50px|24px|30px|24px|false|false” da_disable_devices=”off|off|off” global_module=”264172″ saved_tabs=”all” locked=”off” collapsed=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_row custom_padding_last_edited=”on|phone” admin_label=”Pricing API linkedin” _builder_version=”4.26.0″ _module_preset=”d262fa47-41f0-401c-96d8-82aea304ab04″ background_color=”RGBA(255,255,255,0)” max_width_tablet=”” max_width_phone=”” max_width_last_edited=”on|phone” custom_margin=”2px|auto|40px|auto|false|false” custom_margin_tablet=”” custom_margin_phone=”0px||40px||false|false” custom_margin_last_edited=”on|phone” custom_padding=”35px|35px|35px|35px|true|true” custom_padding_tablet=”35px|35px|35px|35px|true|true” custom_padding_phone=”15px|10px|15px|10px|false|false” border_radii=”on|8px|8px|8px|8px” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.21.0″ _module_preset=”1e9c10b2-f756-4e6b-b4fa-e5ce6ebdaa47″ global_colors_info=”{}”][et_pb_text _builder_version=”4.27.4″ _module_preset=”477606f8-6ca8-42e3-9d50-1d5e3258ceba” header_text_color=”#0F2736″ header_3_text_color=”#0F2736″ header_3_letter_spacing=”0.1px” custom_margin=”4px|0px|10px|0px|false|false” custom_padding_phone=”0px|10px|20px|10px|false|true” header_3_font_size_phone=”30px” global_colors_info=”{}”]<\/p>\n<h3 style=\"text-align: center;\"><span style=\"color: #ffffff;\">Build Features into Your Product Today<\/span><span style=\"color: #ffffff;\"><\/span><\/h3>\n<p>[\/et_pb_text][et_pb_text _builder_version=”4.27.3″ _module_preset=”477606f8-6ca8-42e3-9d50-1d5e3258ceba” header_text_color=”#0F2736″ header_3_text_color=”#0F2736″ header_3_letter_spacing=”0.1px” custom_margin=”4px|0px|10px|0px|false|false” custom_padding_phone=”0px|10px|20px|10px|false|true” global_colors_info=”{}”]<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #ffffff;\">Try our White-Label solution for free and unlock its full potential for your business. With the <strong>7-Day Free Trial<\/strong>, gain access to the complete suite of features designed to enhance your platform’s capabilities and branding. <\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n<style> \/* Scope global UNIQUEMENT au bloc pricing *\/ .unipile-pricing-wrapper { font-family: 'Inter', sans-serif; } .unipile-pricing-wrapper * { box-sizing: border-box; } \/* Carte unique *\/ .unipile-pricing-wrapper .pricing-card { max-width: 1200px; margin: 0 auto; background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 24px; padding: 48px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); } .unipile-pricing-wrapper .pricing-content { display: grid; grid-template-columns: 1fr 1px 1fr; gap: 48px; align-items: start; } \/* S\u00e9parateur vertical *\/ .unipile-pricing-wrapper .divider { width: 1px; height: 100%; background: rgba(255, 255, 255, 0.12); box-shadow: 0 0 20px rgba(255, 255, 255, 0.05); } \/* Section gauche - Calculator *\/ .unipile-pricing-wrapper .calculator-section { padding-right: 24px; } .unipile-pricing-wrapper .calculator-title { font-size: 22px; font-weight: 600; font-family: 'Poppins', sans-serif; color: #FFFFFF; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 24px; text-align: center; } .unipile-pricing-wrapper .account-display { text-align: center; margin-bottom: 24px; } .unipile-pricing-wrapper .account-number { font-size: 48px; font-weight: 700; color: #FFFFFF; line-height: 1; margin-bottom: 8px; margin-top: 50px; } .unipile-pricing-wrapper .account-label { font-size: 16px; color: rgba(255, 255, 255, 0.6); font-weight: 400; } \/* Slider *\/ .unipile-pricing-wrapper .slider-container { margin: 24px 0; } .unipile-pricing-wrapper input[type=\"range\"] { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 3px; background: linear-gradient(to right, #dddf4c 0%, #dddf4c 33%, rgba(255, 255, 255, 0.1) 33%, rgba(255, 255, 255, 0.1) 100%); outline: none; transition: all 0.3s ease; } .unipile-pricing-wrapper input[type=\"range\"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #dddf4c; cursor: pointer; transition: all 0.3s ease; } .unipile-pricing-wrapper input[type=\"range\"]::-webkit-slider-thumb:hover { transform: scale(1.2); } .unipile-pricing-wrapper input[type=\"range\"]::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: #dddf4c; cursor: pointer; border: none; transition: all 0.3s ease; } .unipile-pricing-wrapper input[type=\"range\"]::-moz-range-thumb:hover { transform: scale(1.2); } \/* Prix *\/ .unipile-pricing-wrapper .price-display { text-align: center; margin: 24px 0; } .unipile-pricing-wrapper .price-amount { font-size: 56px; font-weight: 700; color: #dddf4c; line-height: 1; } .unipile-pricing-wrapper .price-detail { font-size: 16px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; } \/* Currency Switch *\/ .unipile-pricing-wrapper .currency-switch { display: flex; justify-content: center; gap: 8px; margin-top: 24px; padding: 6px; background: rgba(255, 255, 255, 0.05); border-radius: 12px; width: fit-content; margin-left: auto; margin-right: auto; } .unipile-pricing-wrapper .currency-switch label { padding: 8px 20px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.6); transition: all 0.3s ease; } .unipile-pricing-wrapper .currency-switch input[type=\"radio\"] { display: none; } .unipile-pricing-wrapper .currency-switch input[type=\"radio\"]:checked + span { background: rgba(221, 223, 76, 0.2); color: #dddf4c; } .unipile-pricing-wrapper .currency-switch label:hover span { color: #FFFFFF; } \/* Tooltip *\/ .unipile-pricing-wrapper .tooltip-link { display: inline-block; margin-top: 20px; color: rgba(255, 255, 255, 0.7); font-size: 14px; border-bottom: 1px dashed rgba(255, 255, 255, 0.3); cursor: pointer; position: relative; transition: all 0.3s ease; user-select: none; } .unipile-pricing-wrapper .tooltip-link:hover { color: #dddf4c; border-bottom-color: #dddf4c; } .unipile-pricing-wrapper .tooltip-text { visibility: hidden; opacity: 0; position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%); width: 320px; background: #FFFFFF; color: #0F2836; font-size: 13px; line-height: 1.6; padding: 16px; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); transition: all 0.3s ease; z-index: 10; } .unipile-pricing-wrapper .tooltip-text::before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-bottom-color: #FFFFFF; } .unipile-pricing-wrapper .tooltip-link:hover .tooltip-text { visibility: visible; opacity: 1; } \/* Mobile tooltip *\/ @media (max-width: 640px) { .unipile-pricing-wrapper .tooltip-link { position: relative; -webkit-tap-highlight-color: transparent; } .unipile-pricing-wrapper .tooltip-text { position: absolute; top: calc(100% + 12px); bottom: auto; left: 50%; transform: translateX(-50%); width: calc(100vw - 48px); max-width: 320px; pointer-events: none; z-index: 1000; } .unipile-pricing-wrapper .tooltip-text::before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 8px solid transparent; border-bottom-color: #FFFFFF; display: block; } .unipile-pricing-wrapper .tooltip-link.active .tooltip-text { visibility: visible; opacity: 1; pointer-events: auto; } } \/* Section droite - Features *\/ .unipile-pricing-wrapper .features-section-pricing { padding-left: 24px; } .unipile-pricing-wrapper .features-title { font-size: 22px; font-weight: 600; font-family: 'Poppins', sans-serif; color: #FFFFFF; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 32px; text-align: center; } .unipile-pricing-wrapper .feature-item-pricing { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 24px; margin-left: 40px; transition: transform 0.3s ease; } .unipile-pricing-wrapper .feature-item-pricing:hover { transform: translateX(8px); } .unipile-pricing-wrapper .feature-icon { width: 28px; height: 28px; flex-shrink: 0; margin-top: 2px; } .unipile-pricing-wrapper .feature-title { font-size: 19px; font-weight: 600; color: #FFFFFF; margin-bottom: 4px; } .unipile-pricing-wrapper .feature-description { font-size: 16px; color: rgba(255, 255, 255, 0.7); line-height: 1.5; } \/* CTA *\/ .unipile-pricing-wrapper .cta-section { text-align: center; margin-top: 32px; padding-top: 0; } .unipile-pricing-wrapper .cta-button { display: inline-block; background: #dddf4c; color: #0F2836; font-size: 17px; font-weight: 700; padding: 16px 56px; border-radius: 12px; text-decoration: none; transition: background 0.3s ease; } .unipile-pricing-wrapper .cta-button:hover { background: #f0f25a; } .unipile-pricing-wrapper .cta-note { font-size: 13px; color: rgba(255, 255, 255, 0.6); margin-top: 16px; } \/* Responsive *\/ @media (max-width: 968px) { .unipile-pricing-wrapper .pricing-card { padding: 32px; } .unipile-pricing-wrapper .pricing-content { grid-template-columns: 1fr; gap: 32px; } .unipile-pricing-wrapper .divider { display: none; } .unipile-pricing-wrapper .calculator-section, .unipile-pricing-wrapper .features-section-pricing { padding: 0; } .unipile-pricing-wrapper .calculator-section { padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .unipile-pricing-wrapper .account-number { font-size: 48px; } .unipile-pricing-wrapper .price-amount { font-size: 56px; } } @media (max-width: 640px) { .unipile-pricing-wrapper .pricing-card { padding: 24px; } .unipile-pricing-wrapper .account-number { font-size: 40px; } .unipile-pricing-wrapper .price-amount { font-size: 48px; } .unipile-pricing-wrapper .calculator-title, .unipile-pricing-wrapper .features-title { font-size: 20px; } .unipile-pricing-wrapper .feature-title { font-size: 17px; } .unipile-pricing-wrapper .feature-description { font-size: 15px; } }<\/style>\n<p><\/p>\n<div class=\"unipile-pricing-wrapper\"> <\/p>\n<div class=\"pricing-card\"> <\/p>\n<div class=\"pricing-content\">  <\/p>\n<div class=\"calculator-section\"> <\/p>\n<div class=\"calculator-title\">How many accounts?<\/div>\n<p>  <\/p>\n<div class=\"account-display\"> <\/p>\n<div class=\"account-number\" id=\"account-count\">11 to 50<\/div>\n<p> <\/p>\n<div class=\"account-label\">accounts<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"slider-container\"> <input type=\"range\" min=\"1\" max=\"6\" value=\"2\" id=\"accountSlider\" step=\"1\"> <\/div>\n<p> <\/p>\n<div class=\"price-display\"> <\/p>\n<div class=\"price-amount\"> <span id=\"price\">5.00<\/span> <span id=\"currency-display\">\u20ac<\/span> <\/div>\n<p> <\/p>\n<div class=\"price-detail\" id=\"price-type\">\/account\/month<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"currency-switch\"> <label> <input type=\"radio\" name=\"currency\" value=\"EUR\"> <span>\u20ac EUR<\/span> <\/label> <label> <input type=\"radio\" name=\"currency\" value=\"USD\"> <span>$ USD<\/span> <\/label> <\/div>\n<p> <\/p>\n<div style=\"text-align: center;\"> <span class=\"tooltip-link\"> How accounts are calculated <span class=\"tooltip-text\"> Pricing is based on the number of linked accounts. For example, 3 Emails + 2 LinkedIn + 6 WhatsApp accounts would cost 55\u20ac (11 x 5\u20ac) (or $60.5, 11 x $5.5). No additional cost by request. We have minimum of 49\u20ac\/month ($55), including up to 10 accounts. <\/span> <\/span> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"divider\"><\/div>\n<p>  <\/p>\n<div class=\"features-section-pricing\"> <\/p>\n<h2 class=\"features-title\">What’s included<\/h2>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">One API. All channels<\/div>\n<p> <\/p>\n<div class=\"feature-description\">Linkedin, Instagram, Email, WhatsApp…<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">All Features<\/div>\n<p> <\/p>\n<div class=\"feature-description\">Outreach, Real-time Inbox, Enrichment…<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">Unlimited usage<\/div>\n<p> <\/p>\n<div class=\"feature-description\">Only providers limit apply.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"feature-item-pricing\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2023\/07\/check-jaune-1.svg\" alt=\"check\" class=\"feature-icon\"> <\/p>\n<div class=\"feature-content\"> <\/p>\n<div class=\"feature-title\">7-Day Free Trial<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"cta-section\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\" class=\"cta-button\">Build Now<\/a> <\/p>\n<div class=\"cta-note\">Cancel anytime. No credit card required<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/div>\n<p><script> document.addEventListener('DOMContentLoaded', function() { function getCurrencyByLanguage() { const userLanguage = navigator.language || (navigator.languages && navigator.languages[0]) || 'en'; const europeanLanguages = ['en-GB', 'fr', 'de', 'es', 'it', 'nl', 'pt', 'pl', 'sv', 'da', 'fi', 'no', 'cs', 'hu', 'ro', 'el', 'bg', 'sk']; const dollarCountries = { 'en-US': 'USD', 'en-CA': 'USD', 'en-AU': 'USD', 'en-NZ': 'USD', 'en-SG': 'USD' }; if (dollarCountries[userLanguage]) return dollarCountries[userLanguage]; if (europeanLanguages.some(lang => userLanguage.startsWith(lang))) return 'EUR'; return 'EUR'; } const slider = document.getElementById(\"accountSlider\"); if (!slider) return; const accountCount = document.getElementById(\"account-count\"); const price = document.getElementById(\"price\"); const currencyDisplay = document.getElementById(\"currency-display\"); const priceType = document.getElementById(\"price-type\"); const currencySwitch = document.querySelectorAll(\"input[name='currency']\"); let currency = getCurrencyByLanguage(); const pricesEUR = [49.00, 5.00, 4.50, 4.00, 3.50, 3.00]; const pricesUSD = [55.00, 5.50, 5.00, 4.50, 4.00, 3.50]; function updatePrice(value) { let accounts, priceValue; switch (parseInt(value)) { case 1: accounts = \"Up to 10\"; priceValue = currency === 'EUR' ? pricesEUR[0] : pricesUSD[0]; priceType.innerText = \"\/month\"; break; case 2: accounts = \"11 to 50\"; priceValue = currency === 'EUR' ? pricesEUR[1] : pricesUSD[1]; priceType.innerText = \"\/account\/month\"; break; case 3: accounts = \"51 to 200\"; priceValue = currency === 'EUR' ? pricesEUR[2] : pricesUSD[2]; priceType.innerText = \"\/account\/month\"; break; case 4: accounts = \"201 to 1000\"; priceValue = currency === 'EUR' ? pricesEUR[3] : pricesUSD[3]; priceType.innerText = \"\/account\/month\"; break; case 5: accounts = \"1001 to 5000\"; priceValue = currency === 'EUR' ? pricesEUR[4] : pricesUSD[4]; priceType.innerText = \"\/account\/month\"; break; case 6: accounts = \"5001+\"; priceValue = currency === 'EUR' ? pricesEUR[5] : pricesUSD[5]; priceType.innerText = \"\/account\/month\"; break; } accountCount.innerText = accounts; price.innerText = priceValue.toFixed(2); currencyDisplay.innerText = currency === 'EUR' ? \"\u20ac\" : \"$\"; } function updateSliderBackground(value) { const percentage = ((value - 1) \/ 5) * 100; slider.style.background = `linear-gradient(to right, #dddf4c 0%, #dddf4c ${percentage}%, rgba(255, 255, 255, 0.1) ${percentage}%, rgba(255, 255, 255, 0.1) 100%)`; } currencySwitch.forEach(switcher => { switcher.addEventListener(\"change\", function () { currency = this.value; updatePrice(slider.value); }); }); slider.addEventListener(\"input\", function () { updatePrice(this.value); updateSliderBackground(this.value); }); updatePrice(2); updateSliderBackground(2); const radioToCheck = document.querySelector(`input[name=\"currency\"][value=\"${currency}\"]`); if (radioToCheck) radioToCheck.checked = true; \/\/ Tooltip mobile const tooltipLink = document.querySelector('.unipile-pricing-wrapper .tooltip-link'); if (tooltipLink) { tooltipLink.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); this.classList.toggle('active'); }); document.addEventListener('click', function(e) { if (!tooltipLink.contains(e.target)) { tooltipLink.classList.remove('active'); } }); } });<\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\"><\/p>\n<style>#upl-instagram-features { font-family: 'Inter', sans-serif; background: #f4f5f7; padding: 80px 20px; position: relative;}#upl-instagram-features *,#upl-instagram-features *::before,#upl-instagram-features *::after { margin: 0; padding: 0; box-sizing: border-box;}#upl-instagram-features .upl-container { max-width: 1200px; margin: 0 auto; }\/* Section Header *\/#upl-instagram-features .upl-header { text-align: center; margin-bottom: 50px; }#upl-instagram-features .upl-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(59, 185, 139, 0.1); color: #3BB98B; padding: 8px 16px; border-radius: 20px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px;}#upl-instagram-features .upl-badge svg { width: 14px; height: 14px; }#upl-instagram-features .upl-title { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #0f2736; line-height: 1.2; margin-bottom: 16px;}#upl-instagram-features .upl-subtitle { font-size: 17px; color: #0f2736; line-height: 1.6; max-width: 650px; margin: 0 auto;}\/* Main Grid *\/#upl-instagram-features .upl-main-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 30px; margin-bottom: 40px;}\/* CODE CARD *\/#upl-instagram-features .upl-code-card { background: #ffffff; border-radius: 16px; padding: 24px; }#upl-instagram-features .upl-card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }#upl-instagram-features .upl-card-icon { width: 40px; height: 40px; background: rgba(59, 185, 139, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center;}#upl-instagram-features .upl-card-icon svg { width: 20px; height: 20px; color: #3BB98B; }#upl-instagram-features .upl-card-title { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 600; color: #0f2736; }#upl-instagram-features .upl-card-desc { font-size: 14px; color: #64748b; line-height: 1.5; margin-bottom: 16px; }#upl-instagram-features .upl-code-block { background: #0f2736; border-radius: 12px; overflow: hidden; }#upl-instagram-features .upl-code-header { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.1);}#upl-instagram-features .upl-dot { width: 10px; height: 10px; border-radius: 50%; }#upl-instagram-features .upl-dot.r { background: #ff5f57; }#upl-instagram-features .upl-dot.y { background: #febc2e; }#upl-instagram-features .upl-dot.g { background: #28c840; }#upl-instagram-features .upl-filename { margin-left: auto; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: rgba(255, 255, 255, 0.4);}#upl-instagram-features .upl-code-body { padding: 18px; overflow-x: auto; }#upl-instagram-features .upl-code-body pre { font-family: 'JetBrains Mono', monospace; font-size: 12px; line-height: 1.7; color: #e2e8f0; white-space: pre; margin: 0;}#upl-instagram-features .upl-code-body .kw { color: #c084fc; }#upl-instagram-features .upl-code-body .fn { color: #60a5fa; }#upl-instagram-features .upl-code-body .str { color: #4ade80; }#upl-instagram-features .upl-code-body .cm { color: #64748b; }#upl-instagram-features .upl-code-body .var { color: #f472b6; }#upl-instagram-features .upl-code-footer { padding: 14px 18px; border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: space-between;}#upl-instagram-features .upl-code-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #DDDF4C; text-decoration: none; transition: gap 0.3s ease;}#upl-instagram-features .upl-code-link:hover { gap: 10px; }#upl-instagram-features .upl-code-link svg { width: 14px; height: 14px; }#upl-instagram-features .upl-code-tag { display: flex; align-items: center; gap: 5px; font-size: 11px; color: rgba(255, 255, 255, 0.5);}#upl-instagram-features .upl-code-tag svg { width: 12px; height: 12px; }\/* RIGHT SIDE - DEV FEATURES *\/#upl-instagram-features .upl-dev-features { display: flex; flex-direction: column; gap: 16px; }#upl-instagram-features .upl-dev-card { background: #ffffff; border-radius: 14px; padding: 20px; display: flex; gap: 16px;}#upl-instagram-features .upl-dev-icon { width: 44px; height: 44px; background: rgba(59, 185, 139, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}#upl-instagram-features .upl-dev-icon svg { width: 22px; height: 22px; color: #3BB98B; }#upl-instagram-features .upl-dev-content h4 { font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; color: #0f2736; margin-bottom: 4px;}#upl-instagram-features .upl-dev-content p { font-size: 13px; color: #64748b; line-height: 1.5; }\/* PROVIDERS VISUAL *\/#upl-instagram-features .upl-providers-card { background: #ffffff; border-radius: 14px; padding: 20px; }#upl-instagram-features .upl-providers-visual { display: flex; align-items: center; justify-content: center; gap: 12px;}#upl-instagram-features .upl-prov-accounts { display: flex; flex-direction: column; gap: 6px; }#upl-instagram-features .upl-prov-account { display: flex; align-items: center; gap: 8px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 10px; padding: 6px 12px 6px 6px;}#upl-instagram-features .upl-prov-account img.upl-prov-av { width: 28px; height: 28px; border-radius: 50%; object-fit: cover;}#upl-instagram-features .upl-prov-account-info { display: flex; flex-direction: column; gap: 0; }#upl-instagram-features .upl-prov-account-name { font-size: 11px; font-weight: 600; color: #1e293b; line-height: 1.2;}#upl-instagram-features .upl-prov-account-type { font-size: 9px; color: #94a3b8; line-height: 1.2;}#upl-instagram-features .upl-prov-account-ig { width: 16px; height: 16px; margin-left: auto; flex-shrink: 0;}#upl-instagram-features .upl-prov-arrow { color: #3BB98B; display: flex; align-items: center; }#upl-instagram-features .upl-prov-arrow svg { width: 20px; height: 20px; }#upl-instagram-features .upl-unified-box { background: rgba(59, 185, 139, 0.1); border-radius: 10px; padding: 10px 16px; display: flex; align-items: center; gap: 8px; color: #3BB98B;}#upl-instagram-features .upl-unified-box svg { width: 20px; height: 20px; }#upl-instagram-features .upl-unified-box span { font-size: 12px; font-weight: 600; white-space: nowrap; }\/* CTA *\/#upl-instagram-features .upl-cta-wrap { text-align: center; }#upl-instagram-features .upl-cta-btn { display: inline-flex; align-items: center; gap: 8px; background: #DDDF4C; color: #0f2736; font-size: 15px; font-weight: 600; padding: 14px 32px; border-radius: 10px; text-decoration: none; transition: transform 0.3s ease;}#upl-instagram-features .upl-cta-btn:hover { transform: translateY(-3px); }#upl-instagram-features .upl-cta-btn svg { width: 18px; height: 18px; }\/* Responsive *\/@media (max-width: 1024px) { #upl-instagram-features .upl-main-grid { grid-template-columns: 1fr; } #upl-instagram-features .upl-title { font-size: 30px; }}@media (max-width: 768px) { #upl-instagram-features { padding: 60px 16px; } #upl-instagram-features .upl-title { font-size: 28px; } #upl-instagram-features .upl-subtitle { font-size: 15px; } #upl-instagram-features .upl-code-card { padding: 18px; } #upl-instagram-features .upl-code-body { padding: 14px; } #upl-instagram-features .upl-code-body pre { font-size: 10px; line-height: 1.6; } #upl-instagram-features .upl-code-footer { flex-direction: column; gap: 12px; align-items: flex-start; } #upl-instagram-features .upl-dev-card { padding: 16px; } #upl-instagram-features .upl-dev-icon { width: 38px; height: 38px; } #upl-instagram-features .upl-dev-icon svg { width: 18px; height: 18px; } #upl-instagram-features .upl-dev-content h4 { font-size: 14px; } #upl-instagram-features .upl-dev-content p { font-size: 12px; } #upl-instagram-features .upl-providers-visual { flex-wrap: wrap; gap: 10px; } #upl-instagram-features .upl-prov-icon { width: 40px; height: 40px; } #upl-instagram-features .upl-prov-icon img { width: 20px; height: 20px; }}@media (max-width: 600px) { #upl-instagram-features { padding: 50px 14px; } #upl-instagram-features .upl-header { margin-bottom: 35px; } #upl-instagram-features .upl-title { font-size: 24px; } #upl-instagram-features .upl-subtitle { font-size: 14px; } #upl-instagram-features .upl-badge { font-size: 10px; padding: 6px 12px; } #upl-instagram-features .upl-main-grid { gap: 20px; margin-bottom: 30px; } #upl-instagram-features .upl-dev-features { gap: 12px; } #upl-instagram-features .upl-code-body pre { font-size: 9px; line-height: 1.5; } #upl-instagram-features .upl-cta-btn { padding: 12px 24px; font-size: 14px; }}@media (max-width: 400px) { #upl-instagram-features .upl-title { font-size: 22px; } #upl-instagram-features .upl-providers-visual { justify-content: flex-start; } #upl-instagram-features .upl-prov-icons { flex-wrap: wrap; }}<\/style>\n<p><\/p>\n<section id=\"upl-instagram-features\"> <\/p>\n<div class=\"upl-container\">  <\/p>\n<div class=\"upl-header\"> <\/p>\n<div class=\"upl-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"><\/polyline> <polyline points=\"8 6 2 12 8 18\"><\/polyline> <\/svg> Built for Developers <\/div>\n<p> <\/p>\n<h2 class=\"upl-title\">Instagram API Integration for Modern Apps<\/h2>\n<p> <pee class=\"upl-subtitle\">A production-ready SDK that handles the complexity of Instagram integration. RESTful endpoints, real-time webhooks, and automatic rate limiting, so you can focus on building, not maintaining.<\/pee> <\/div>\n<p>  <\/p>\n<div class=\"upl-main-grid\">  <\/p>\n<div class=\"upl-code-card\"> <\/p>\n<div class=\"upl-card-head\"> <\/p>\n<div class=\"upl-card-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"><\/polyline> <polyline points=\"8 6 2 12 8 18\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<h3 class=\"upl-card-title\">Simple Integration<\/h3>\n<p> <\/div>\n<p> <pee class=\"upl-card-desc\">Send DMs, retrieve profiles, and post comments with just a few lines of code. Our SDK handles authentication, rate limits, and error handling.<\/pee> <\/p>\n<div class=\"upl-code-block notranslate\" translate=\"no\"> <\/p>\n<div class=\"upl-code-header\"> <span class=\"upl-dot r\"><\/span> <span class=\"upl-dot y\"><\/span> <span class=\"upl-dot g\"><\/span> <span class=\"upl-filename\">instagram-outreach.js<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-code-body\"> <\/p>\n<pre class=\"notranslate\" translate=\"no\"><span class=\"cm\">\/\/ Connect to Instagram in seconds<\/span><span class=\"kw\">import<\/span> { UnipileClient } <span class=\"kw\">from<\/span> <span class=\"str\">'unipile-node-sdk'<\/span>;<span class=\"kw\">const<\/span> client = <span class=\"kw\">new<\/span> <span class=\"fn\">UnipileClient<\/span>({ dsn: <span class=\"str\">'https:\/\/api.unipile.com'<\/span>, token: process.env.<span class=\"var\">UNIPILE_TOKEN<\/span>});<span class=\"cm\">\/\/ Retrieve an Instagram profile<\/span><span class=\"kw\">const<\/span> profile = <span class=\"kw\">await<\/span> client.users.<span class=\"fn\">getProfile<\/span>({ account_id: <span class=\"var\">accountId<\/span>, provider_id: <span class=\"str\">'instagram_user_id'<\/span>});<span class=\"cm\">\/\/ Send a Direct Message<\/span><span class=\"kw\">await<\/span> client.messaging.<span class=\"fn\">sendMessage<\/span>({ account_id: <span class=\"var\">accountId<\/span>, text: <span class=\"str\">'Hey! Loved your latest post \ud83d\udd25'<\/span>, attendees: [{ provider_id: <span class=\"str\">'ig_user_id'<\/span> }]});<\/pre>\n<p> <\/div>\n<p> <\/p>\n<div class=\"upl-code-footer\"> <a href=\"https:\/\/developer.unipile.com\/reference\/accountscontroller_listaccounts\" class=\"upl-code-link\" target=\"_blank\" rel=\"noopener noreferrer\"> Explore API Reference <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <span class=\"upl-code-tag notranslate\" translate=\"no\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path> <\/svg> TypeScript Ready <\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-dev-features\">  <\/p>\n<div class=\"upl-providers-card\"> <\/p>\n<div class=\"upl-providers-visual\"> <\/p>\n<div class=\"upl-prov-accounts\"> <\/p>\n<div class=\"upl-prov-account\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/02\/oskar-hagberg-1mMIpisWzn8-unsplash.png?w=60&h=60&fit=crop\" class=\"upl-prov-av\" alt=\"\"> <\/p>\n<div class=\"upl-prov-account-info\"> <span class=\"upl-prov-account-name\">@shoeshop<\/span> <span class=\"upl-prov-account-type\">Business<\/span> <\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" class=\"upl-prov-account-ig\" alt=\"IG\"> <\/div>\n<p> <\/p>\n<div class=\"upl-prov-account\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?w=60&h=60&fit=crop&crop=face\" class=\"upl-prov-av\" alt=\"\"> <\/p>\n<div class=\"upl-prov-account-info\"> <span class=\"upl-prov-account-name\">@sarah.creates<\/span> <span class=\"upl-prov-account-type\">Creator<\/span> <\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" class=\"upl-prov-account-ig\" alt=\"IG\"> <\/div>\n<p> <\/p>\n<div class=\"upl-prov-account\"> <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=60&h=60&fit=crop&crop=face\" class=\"upl-prov-av\" alt=\"\"> <\/p>\n<div class=\"upl-prov-account-info\"> <span class=\"upl-prov-account-name\">@mike.studio<\/span> <span class=\"upl-prov-account-type\">Personal<\/span> <\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" class=\"upl-prov-account-ig\" alt=\"IG\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"upl-prov-arrow\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-unified-box\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path> <path d=\"M2 17l10 5 10-5\"><\/path> <path d=\"M2 12l10 5 10-5\"><\/path> <\/svg> <span>One Unified API<\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-dev-card\"> <\/p>\n<div class=\"upl-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"><\/polyline> <polyline points=\"8 6 2 12 8 18\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-dev-content\"> <\/p>\n<h4>RESTful API<\/h4>\n<p> <pee>Clean, standardized endpoints with JSON responses. Predictable URL structure and HTTP methods.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-dev-card\"> <\/p>\n<div class=\"upl-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-dev-content\"> <\/p>\n<h4>Real-time Webhooks<\/h4>\n<p> <pee>Instant notifications for new DMs, story replies, and engagement events. No polling required.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-dev-card\"> <\/p>\n<div class=\"upl-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect> <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-dev-content\"> <\/p>\n<h4>Secure Authentication<\/h4>\n<p> <pee>Token-based authentication with automatic session management. Secure credential handling for all account types.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-dev-card\"> <\/p>\n<div class=\"upl-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path> <polyline points=\"9 12 11 14 15 10\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-dev-content\"> <\/p>\n<h4>Account Protection<\/h4>\n<p> <pee>Built-in safeguards to protect Instagram accounts. Human-like behavior patterns and activity limits.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-dev-card\"> <\/p>\n<div class=\"upl-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle> <polyline points=\"12 6 12 12 16 14\"><\/polyline> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-dev-content\"> <\/p>\n<h4>Smart Rate Limiting<\/h4>\n<p> <pee>Automatic rate limit management with informative headers. We handle Instagram’s restrictions for you.<\/pee> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-dev-card\"> <\/p>\n<div class=\"upl-dev-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle> <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line> <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line> <\/svg> <\/div>\n<p> <\/p>\n<div class=\"upl-dev-content\"> <\/p>\n<h4>Clear Error Handling<\/h4>\n<p> <pee>Descriptive error codes and messages. Built-in retry logic with exponential backoff.<\/pee> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-cta-wrap\"> <a href=\"https:\/\/dashboard.unipile.com\/signup\/\" class=\"upl-cta-btn\"> Build Now <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <\/div>\n<p> <\/div>\n<p><\/section>\n<p>[\/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 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1> <\/p>\n<section class=\"unipile-dashboard-section\"> <\/p>\n<div class=\"dashboard-container\">  <\/p>\n<header class=\"dashboard-header\"> <\/p>\n<div class=\"dashboard-badge\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/> <\/svg> Unified Dashboard <\/div>\n<p> <\/p>\n<h2 class=\"dashboard-title\"> One dashboard for<span> all your integrations<\/span> <\/h2>\n<p> <pee class=\"dashboard-subtitle\"> Manage all your LinkedIn, WhatsApp, Gmail accounts and more from a single, intuitive interface. <\/pee> <\/header>\n<p>  <\/p>\n<div class=\"dashboard-showcase\">  <\/p>\n<div class=\"dashboard-frame\"> <\/p>\n<div class=\"dashboard-inner\">  <\/p>\n<div class=\"app-header\"> <\/p>\n<div class=\"app-header-left\"> <\/p>\n<div class=\"app-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/07\/logo-unipile.svg\" alt=\"Unipile\"> <\/div>\n<p> <span class=\"header-separator\">\/<\/span> <\/p>\n<div class=\"header-dropdown\"> <span class=\"header-dropdown-icon\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/> <path d=\"M3 9h18\"\/> <\/svg> <\/span> <span>Acme<\/span> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"6 9 12 15 18 9\"\/> <\/svg> <\/div>\n<p> <span class=\"header-separator\">\/<\/span> <\/p>\n<div class=\"header-dropdown\"> <span class=\"header-dropdown-icon orange\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/> <polyline points=\"14 2 14 8 20 8\"\/> <\/svg> <\/span> <span>Application<\/span> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"6 9 12 15 18 9\"\/> <\/svg> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"app-header-right\"> <\/p>\n<div class=\"header-nav-item\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/> <polyline points=\"14 2 14 8 20 8\"\/> <\/svg> Documentation <\/div>\n<p> <\/p>\n<div class=\"header-nav-item\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"16 18 22 12 16 6\"\/> <polyline points=\"8 6 2 12 8 18\"\/> <\/svg> API Reference <\/div>\n<p> <\/p>\n<div class=\"header-nav-item\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/> <\/svg> Changelog <\/div>\n<p> <\/p>\n<div class=\"header-user\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/> <circle cx=\"12\" cy=\"7\" r=\"4\"\/> <\/svg> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"dashboard-content\" id=\"dashboardContent\">  <svg class=\"animated-cursor\" id=\"dashboardAnimatedCursor\" viewBox=\"0 0 24 24\" fill=\"#0f2736\" stroke=\"#ffffff\" stroke-width=\"1\"> <path d=\"M4 4l16 12-7 1-4 7-5-20z\"\/> <\/svg>  <\/p>\n<div class=\"connect-modal-overlay\" id=\"dashboardConnectModal\"> <\/p>\n<div class=\"connect-modal\"> <\/p>\n<div class=\"connect-modal-header\"> <span>Connect a new account<\/span> <button class=\"modal-close-btn\" onclick=\"closeDashboardConnectModal()\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/> <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/> <\/svg> <\/button> <\/div>\n<p> <\/p>\n<div class=\"connect-modal-body\"> <\/p>\n<div class=\"connect-modal-title\">Select the type of account you<!\u2013- [et_pb_br_holder] -\u2013>want to connect<\/div>\n<p> <\/p>\n<div class=\"provider-list\"> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"LinkedIn\"> <\/div>\n<p> <span class=\"provider-name\">LinkedIn<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <span class=\"provider-name\">WhatsApp<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <span class=\"provider-name\">Instagram<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <span class=\"provider-name\">Telegram<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"provider-divider\"><\/div>\n<p> <\/p>\n<div class=\"provider-list\"> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Google\"> <\/div>\n<p> <span class=\"provider-name\">Google<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <span class=\"provider-name\">IMAP<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Microsoft\"> <\/div>\n<p> <span class=\"provider-name\">Microsoft<\/span> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"provider-divider\"><\/div>\n<p> <\/p>\n<div class=\"provider-list\"> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <span class=\"provider-name\">Google Calendar<\/span> <\/div>\n<p> <\/p>\n<div class=\"provider-item\"> <\/p>\n<div class=\"provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"provider-name\">Outlook Calendar<\/span> <\/div>\n<p> <\/div>\n<p> <button class=\"cancel-btn\" onclick=\"closeDashboardConnectModal()\">Cancel<\/button> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<aside class=\"dashboard-sidebar\"> <\/p>\n<ul class=\"sidebar-nav\"> <\/p>\n<li class=\"active\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <circle cx=\"12\" cy=\"12\" r=\"3\"\/> <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/> <\/svg> Accounts <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/> <\/svg> Testing <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/> <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/> <\/svg> Webhooks <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"\/> <\/svg> API Keys <\/li>\n<p> <\/p>\n<li> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <circle cx=\"12\" cy=\"12\" r=\"3\"\/> <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09\"\/> <\/svg> Settings <\/li>\n<p> <\/ul>\n<p>  <\/p>\n<div class=\"sidebar-org\"> <\/p>\n<div class=\"org-avatar\">MO<\/div>\n<p> <\/p>\n<div class=\"org-info\"> <\/p>\n<div class=\"org-name\">John David<\/div>\n<p> <\/p>\n<div class=\"org-company\">Acme<\/div>\n<p> <\/div>\n<p> <svg class=\"org-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polyline points=\"6 9 12 15 18 9\"\/> <\/svg> <\/div>\n<p> <\/aside>\n<p>  <main class=\"dashboard-main\"> <\/p>\n<div class=\"main-header\"> <\/p>\n<h3 class=\"main-title\">Accounts<\/h3>\n<p> <button class=\"add-btn\" id=\"dashboardAddBtn\" onclick=\"openDashboardConnectModal()\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <\/svg> Link account <\/button> <\/div>\n<p> <\/p>\n<div class=\"status-row\"> <\/p>\n<div class=\"status-pill green\"> <span class=\"status-dot green\"><\/span> <span class=\"count\">20<\/span> Operational <\/div>\n<p> <\/p>\n<div class=\"status-pill\"> <span class=\"status-dot yellow\"><\/span> <span>0<\/span> Authentication required <\/div>\n<p> <\/p>\n<div class=\"status-pill\"> <span class=\"status-dot orange\"><\/span> <span>0<\/span> Service interruption <\/div>\n<p> <\/p>\n<div class=\"status-pill\"> <span class=\"status-dot purple\"><\/span> <span>0<\/span> Paused <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"filters-row\"> <input type=\"text\" class=\"search-input\" id=\"dashboardSearchInput\" placeholder=\"Search by name or ID...\" oninput=\"filterDashboardAccounts()\"> <select class=\"filter-select\" id=\"dashboardStatusFilter\" onchange=\"filterDashboardAccounts()\"><option value=\"\">All status<\/option><option value=\"operational\">Operational<\/option><option value=\"auth\">Auth required<\/option><option value=\"interrupted\">Interrupted<\/option> <\/select> <select class=\"filter-select\" id=\"dashboardProviderFilter\" onchange=\"filterDashboardAccounts()\"><option value=\"\">All providers<\/option><option value=\"linkedin\">LinkedIn<\/option><option value=\"whatsapp\">WhatsApp<\/option><option value=\"gmail\">Gmail<\/option><option value=\"outlook\">Outlook<\/option><option value=\"instagram\">Instagram<\/option><option value=\"telegram\">Telegram<\/option><option value=\"google-calendar\">Google Calendar<\/option><option value=\"outlook-calendar\">Outlook Calendar<\/option> <\/select> <\/div>\n<p> <\/p>\n<div class=\"accounts-table-wrapper\"> <\/p>\n<div class=\"table-header\"> <span>Name<\/span> <span>ID<\/span> <span><\/span> <span>Status<\/span> <span>Linked<\/span> <span><\/span> <\/div>\n<p> <\/p>\n<div class=\"accounts-scroll\" id=\"dashboardAccountsList\">  <\/p>\n<div class=\"table-row\" data-provider=\"linkedin\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"LinkedIn\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb44tjf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"linkedin\" data-status=\"operational\" data-name=\"Sarah Johnson\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"SMS\"> <\/div>\n<p> <span class=\"account-name\">Sarah Johnson<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb55ujk…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/15\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"linkedin\" data-status=\"operational\" data-name=\"Thomas Martin\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"LinkedIn\"> <\/div>\n<p> <span class=\"account-name\">Thomas Martin<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb66vlm…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/10\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"whatsapp\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb7tfqf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"whatsapp\" data-status=\"operational\" data-name=\"Emma Wilson\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <span class=\"account-name\">Emma Wilson<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb8ugr…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/28\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"whatsapp\" data-status=\"operational\" data-name=\"Lucas Bernard\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"SMS\"> <\/div>\n<p> <span class=\"account-name\">Lucas Bernard<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb9vhs…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/20\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"gmail\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb4ezwf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"gmail\" data-status=\"operational\" data-name=\"Sophie Durand\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <\/div>\n<p> <span class=\"account-name\">Sophie Durand<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb5fax…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/25\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"outlook\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb4vzbf…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"outlook\" data-status=\"operational\" data-name=\"Marie Lefebvre\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <span class=\"account-name\">Marie Lefebvre<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpb5wac…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/22\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"instagram\" data-status=\"operational\" data-name=\"Alex Turner\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <span class=\"account-name\">Alex Turner<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc1abc…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/14\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"instagram\" data-status=\"operational\" data-name=\"Chloe Davis\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/08\/ig-logo.png\" alt=\"Instagram\"> <\/div>\n<p> <span class=\"account-name\">Chloe Davis<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc2bcd…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/12\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"telegram\" data-status=\"operational\" data-name=\"David Chen\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <span class=\"account-name\">David Chen<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc3cde…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/08\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"telegram\" data-status=\"operational\" data-name=\"Nina Patel\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <span class=\"account-name\">Nina Patel<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc4def…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/05\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"google-calendar\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpc9efg…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"google-calendar\" data-status=\"operational\" data-name=\"Sarah Johnson\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <span class=\"account-name\">Sarah Johnson<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpcafgh…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/15\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"table-row\" data-provider=\"outlook-calendar\" data-status=\"operational\" data-name=\"Michel Opra\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"account-name\">Michel Opra<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpcbghi…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>03\/01\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"table-row\" data-provider=\"outlook-calendar\" data-status=\"operational\" data-name=\"Marie Lefebvre\"> <\/p>\n<div class=\"account-info\"> <\/p>\n<div class=\"account-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <span class=\"account-name\">Marie Lefebvre<\/span> <\/div>\n<p> <span class=\"account-id\">acc_01jgpcchij…<\/span> <svg class=\"copy-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg> <span class=\"status-badge-table\"><span class=\"status-dot green\"><\/span> Operational<\/span> <span class=\"linked-date\"><span class=\"linked-label\">Linked on<\/span><!\u2013- [et_pb_br_holder] -\u2013>02\/22\/2025<\/span> <\/p>\n<div class=\"more-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"12\" cy=\"5\" r=\"1\"\/><circle cx=\"12\" cy=\"19\" r=\"1\"\/><\/svg><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/main> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"dashboard-cta\"> <a  href=”https:\/\/dashboard.unipile.com\/signup\/”  class=”cta-primary”> Try for free <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <polyline points=\"12 5 19 12 12 19\"\/> <\/svg><\/a> <button class=\"cta-secondary\" onclick=\"openDashboardVideoModal()\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polygon points=\"5 3 19 12 5 21 5 3\"\/> <\/svg> Watch demo <\/button> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"dashboard-video-modal-overlay\" id=\"dashboardVideoModal\" onclick=\"closeDashboardVideoModal(event)\"> <\/p>\n<div class=\"dashboard-video-modal\" onclick=\"event.stopPropagation()\"> <\/p>\n<div class=\"dashboard-video-modal-header\"> <\/p>\n<div class=\"dashboard-video-modal-title\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <polygon points=\"5 3 19 12 5 21 5 3\"\/> <\/svg> Dashboard Demo <\/div>\n<p> <button class=\"dashboard-video-close-btn\" onclick=\"closeDashboardVideoModal(event)\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/> <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/> <\/svg> <\/button> <\/div>\n<p> <\/p>\n<div class=\"dashboard-video-container\"> <iframe id=\"dashboardYoutubeVideo\" src=\"\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p> <script> \/\/ Video Modal Functions - Dashboard Section function openDashboardVideoModal() { document.getElementById('dashboardVideoModal').classList.add('active'); document.getElementById('dashboardYoutubeVideo').src = 'https:\/\/www.youtube.com\/embed\/9e3LNkOfAyY?autoplay=1&start=2'; document.body.style.overflow = 'hidden'; } function closeDashboardVideoModal(event) { if (event) { event.preventDefault(); } document.getElementById('dashboardVideoModal').classList.remove('active'); document.getElementById('dashboardYoutubeVideo').src = ''; document.body.style.overflow = ''; } \/\/ Connect Modal Functions function openDashboardConnectModal() { document.getElementById('dashboardConnectModal').classList.add('active'); } function closeDashboardConnectModal() { document.getElementById('dashboardConnectModal').classList.remove('active'); } \/\/ Add pulse effect to button function addDashboardPulseEffect() { const addBtn = document.getElementById('dashboardAddBtn'); addBtn.classList.add('pulse-effect'); } \/\/ Close on Escape key document.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeDashboardVideoModal(); closeDashboardConnectModal(); } }); \/\/ Filter accounts function function filterDashboardAccounts() { const searchValue = document.getElementById('dashboardSearchInput').value.toLowerCase(); const providerValue = document.getElementById('dashboardProviderFilter').value.toLowerCase(); const statusValue = document.getElementById('dashboardStatusFilter').value.toLowerCase(); const rows = document.querySelectorAll('#dashboardAccountsList .table-row'); rows.forEach(row => { const name = row.getAttribute('data-name').toLowerCase(); const provider = row.getAttribute('data-provider').toLowerCase(); const status = row.getAttribute('data-status').toLowerCase(); const id = row.querySelector('.account-id').textContent.toLowerCase(); const matchesSearch = name.includes(searchValue) || id.includes(searchValue); const matchesProvider = !providerValue || provider === providerValue; const matchesStatus = !statusValue || status === statusValue; if (matchesSearch && matchesProvider && matchesStatus) { row.classList.remove('hidden'); } else { row.classList.add('hidden'); } }); } \/\/ Animated cursor interaction let dashboardAnimationPlayed = false; function startDashboardCursorAnimation() { if (dashboardAnimationPlayed) return; dashboardAnimationPlayed = true; const cursor = document.getElementById('dashboardAnimatedCursor'); const addBtn = document.getElementById('dashboardAddBtn'); const dashboardContent = document.getElementById('dashboardContent'); \/\/ Get button position relative to dashboard content const btnRect = addBtn.getBoundingClientRect(); const contentRect = dashboardContent.getBoundingClientRect(); const startX = contentRect.width \/ 2; const startY = contentRect.height \/ 2; const endX = btnRect.left - contentRect.left + btnRect.width \/ 2; const endY = btnRect.top - contentRect.top + btnRect.height \/ 2; \/\/ Set initial position cursor.style.left = startX + 'px'; cursor.style.top = startY + 'px'; cursor.style.transition = 'none'; \/\/ Show cursor setTimeout(() => { cursor.classList.add('visible'); }, 100); \/\/ Move to button setTimeout(() => { cursor.style.transition = 'left 1.2s ease-out, top 1.2s ease-out'; cursor.style.left = endX + 'px'; cursor.style.top = endY + 'px'; }, 300); \/\/ Highlight button setTimeout(() => { addBtn.classList.add('highlighted'); }, 1200); \/\/ Click effect setTimeout(() => { cursor.classList.add('clicking'); }, 1600); setTimeout(() => { cursor.classList.remove('clicking'); }, 1750); \/\/ Open modal setTimeout(() => { openDashboardConnectModal(); cursor.classList.remove('visible'); addBtn.classList.remove('highlighted'); }, 1800); \/\/ Auto-close modal after 3 seconds and add pulse effect setTimeout(() => { closeDashboardConnectModal(); \/\/ Add pulse effect after modal closes setTimeout(() => { addDashboardPulseEffect(); }, 400); }, 3800); \/\/ 1800ms (modal open) + 3000ms (display time) } \/\/ Start animation after 3 seconds when user hovers on dashboard let dashboardHoverTimeout; const dashboardFrame = document.querySelector('.dashboard-frame'); dashboardFrame.addEventListener('mouseenter', () => { if (!dashboardAnimationPlayed) { dashboardHoverTimeout = setTimeout(startDashboardCursorAnimation, 2000); } }); dashboardFrame.addEventListener('mouseleave', () => { clearTimeout(dashboardHoverTimeout); }); \/\/ Also trigger on scroll into view const dashboardObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting && !dashboardAnimationPlayed) { setTimeout(startDashboardCursorAnimation, 3000); } }); }, { threshold: 0.5 }); dashboardObserver.observe(dashboardFrame); <\/script><\/body><\/html>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” custom_padding_tablet=”” custom_padding_phone=”|0px||0px|false|true” custom_padding_last_edited=”on|phone” global_colors_info=”{}”]<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-api-suite-linkedin { font-family: 'Inter', sans-serif; background: #0f2736; padding: 80px 20px;}#upl-api-suite-linkedin *,#upl-api-suite-linkedin *::before,#upl-api-suite-linkedin *::after { margin: 0; padding: 0; box-sizing: border-box;}#upl-api-suite-linkedin .upl-container { max-width: 1100px; margin: 0 auto;}\/* Header *\/#upl-api-suite-linkedin .upl-header { text-align: center; margin-bottom: 60px;}#upl-api-suite-linkedin .upl-title { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #ffffff; line-height: 1.2; margin-bottom: 16px;}#upl-api-suite-linkedin .upl-subtitle { font-size: 17px; color: #ffffff; line-height: 1.6; max-width: 700px; margin: 0 auto;}\/* API Grid *\/#upl-api-suite-linkedin .upl-api-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding-bottom: 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}#upl-api-suite-linkedin .upl-api-card { display: flex; flex-direction: column;}\/* Provider Icons *\/#upl-api-suite-linkedin .upl-providers { display: flex; gap: 10px; margin-bottom: 20px;}#upl-api-suite-linkedin .upl-provider-icon img { width: 48px; height: 48px; object-fit: contain;}\/* Card Content *\/#upl-api-suite-linkedin .upl-api-name { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 700; color: #ffffff; margin-bottom: 12px;}#upl-api-suite-linkedin .upl-api-desc { font-size: 15px; color: #ffffff; line-height: 1.6; margin-bottom: 20px; flex-grow: 1;}\/* Arrow Link *\/#upl-api-suite-linkedin .upl-api-link { width: 44px; height: 44px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: all 0.3s ease;}#upl-api-suite-linkedin .upl-api-link:hover { background: #DDDF4C;}#upl-api-suite-linkedin .upl-api-link:hover svg { color: #0f2736;}#upl-api-suite-linkedin .upl-api-link svg { width: 18px; height: 18px; color: #ffffff; transition: color 0.3s ease;}\/* Footer Note *\/#upl-api-suite-linkedin .upl-footer-note { text-align: center; padding-top: 40px; font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 1.6; max-width: 800px; margin: 0 auto;}\/* Responsive *\/@media (max-width: 900px) { #upl-api-suite-linkedin .upl-api-grid { grid-template-columns: 1fr; padding: 20px; gap: 40px; }  #upl-api-suite-linkedin .upl-title { font-size: 30px; }}@media (max-width: 500px) { #upl-api-suite-linkedin { padding: 60px 16px; }  #upl-api-suite-linkedin .upl-title { font-size: 26px; }}<\/style>\n<p><\/p>\n<section id=\"upl-api-suite-linkedin\"> <\/p>\n<div class=\"upl-container\">   <\/p>\n<div class=\"upl-header\"> <\/p>\n<h2 class=\"upl-title\">Discover More from Our API Suite<\/h2>\n<p> <pee class=\"upl-subtitle\">Beyond Instagram, Unipile connects your product to messaging platforms, email providers, and calendars. Build a complete communication layer with a unified API approach.<\/pee> <\/div>\n<p>   <\/p>\n<div class=\"upl-api-grid\">   <\/p>\n<div class=\"upl-api-card\"> <\/p>\n<div class=\"upl-providers\"> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/whatsapp-1.svg\" alt=\"WhatsApp\"> <\/div>\n<p> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/linkedin-10.svg\" alt=\"Linkedin\"> <\/div>\n<p> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/TELEGRAM-2.svg\" alt=\"Telegram\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"upl-api-name\">Messaging API<\/h3>\n<p> <pee class=\"upl-api-desc\">Connect WhatsApp, LinkedIn and Telegram to send, receive, and manage conversations programmatically. Build unified inbox features and outreach automation in your app.<\/pee> <a href=\"https:\/\/www.unipile.com\/communication-api\/messaging-api\/\" class=\"upl-api-link\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/a> <\/div>\n<p>   <\/p>\n<div class=\"upl-api-card\"> <\/p>\n<div class=\"upl-providers\"> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/gmail-3.svg\" alt=\"Gmail\"> <\/div>\n<p> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outlook-2.svg\" alt=\"Outlook\"> <\/div>\n<p> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/imap-1.svg\" alt=\"IMAP\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"upl-api-name\">Email API<\/h3>\n<p> <pee class=\"upl-api-desc\">Integrate Gmail, Outlook, and IMAP providers to send, receive, and sync emails in real time. Build powerful email features with tracking, threading, and attachment support.<\/pee> <a href=\"https:\/\/www.unipile.com\/communication-api\/email-api\/\" class=\"upl-api-link\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/a> <\/div>\n<p>   <\/p>\n<div class=\"upl-api-card\"> <\/p>\n<div class=\"upl-providers\"> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/Google_Calendar_icon_2020-3-2.svg\" alt=\"Google Calendar\"> <\/div>\n<p> <\/p>\n<div class=\"upl-provider-icon\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2024\/02\/outloook-calendar-3.svg\" alt=\"Outlook Calendar\"> <\/div>\n<p> <\/div>\n<p> <\/p>\n<h3 class=\"upl-api-name\">Calendar API<\/h3>\n<p> <pee class=\"upl-api-desc\">Sync Google Calendar and Outlook events in real time. Create, update, and manage meetings directly from your product. Ideal for scheduling features and CRM integrations.<\/pee> <a href=\"https:\/\/www.unipile.com\/communication-api\/calendar-api\/\" class=\"upl-api-link\"> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line> <polyline points=\"12 5 19 12 12 19\"><\/polyline> <\/svg> <\/a> <\/div>\n<p>  <\/div>\n<p>   <pee class=\"upl-footer-note\">Our APIs are built for legitimate business use cases. We enforce rate limits and usage policies to ensure a secure, spam-free experience for all users.<\/pee>  <\/div>\n<p><\/section>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|desktop” admin_label=”Section 4 Tesimonials & Security” module_id=”reviews” _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ background_enable_image=”off” custom_padding=”20px|16px|1px|16px|false|false” custom_padding_tablet=”20px|16px|1px|16px|false|false” custom_padding_phone=”20px|16px|1px|16px|false|false” custom_css_free_form=”.custom_row {|| margin: 0 auto; \/* Ensure no extra spacing *\/|| padding: 20px 0; \/* Adjust padding as needed *\/||}||” da_popup_slug=”reviews” da_disable_devices=”off|off|off” global_module=”258961″ saved_tabs=”all” locked=”off” collapsed=”on” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”20px||0px||false|false” custom_margin_tablet=”20px||0px||false|false” custom_margin_phone=”0px||0px||false|false” custom_margin_last_edited=”on|desktop” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”] <\/p>\n<style> * { margin: 0; padding: 0; box-sizing: border-box; } #unipile-companies-section { font-family: 'Inter', sans-serif;  padding: 40px 20px; } #unipile-companies-section .companies-container { max-width: 1100px; margin: 0 auto; } \/* Header avec badge *\/ #unipile-companies-section .section-header { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 50px; flex-wrap: wrap; } #unipile-companies-section .badge-number { display: inline-flex; align-items: center; gap: 10px; background: rgba(59, 185, 139, 0.12); color: #3BB98B; padding: 12px 24px; border-radius: 28px; font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; } #unipile-companies-section .badge-number svg { width: 32px; height: 32px; } #unipile-companies-section .header-text { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #0f2736; } \/* Logos Section *\/ #unipile-companies-section .logos-section { margin-bottom: 50px; } #unipile-companies-section .logos-label { font-size: 11px; font-weight: 600; color: #9ca3af; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; margin-bottom: 24px; } #unipile-companies-section .logos-grid { display: grid; grid-template-columns: repeat(3, auto); gap: 32px 70px; justify-content: center; align-items: center; } #unipile-companies-section .partner-logo { height: 72px; opacity: 1; transition: all 0.3s ease; } \/* Stats Row *\/ #unipile-companies-section .stats-row { display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; } #unipile-companies-section .stat-item { text-align: center; } #unipile-companies-section .stat-value { font-family: 'Poppins', sans-serif; font-size: 36px; font-weight: 700; color: #3BB98B; line-height: 1; margin-bottom: 6px; } #unipile-companies-section .stat-label { font-size: 13px; color: #6b7280; line-height: 1.5; max-width: 180px; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-companies-section .section-header { flex-direction: column; gap: 8px; } #unipile-companies-section .badge-number { font-size: 28px; } #unipile-companies-section .badge-number svg { width: 24px; height: 24px; } #unipile-companies-section .header-text { font-size: 28px; text-align: center; } #unipile-companies-section .stats-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; } #unipile-companies-section .stats-row .stat-item:last-child { grid-column: 1 \/ -1; justify-self: center; } #unipile-companies-section .stat-value { font-size: 30px; } #unipile-companies-section .logos-grid { grid-template-columns: repeat(2, 1fr); gap: 28px 40px; justify-items: center; } #unipile-companies-section .partner-logo { height: 54px; } } @media (max-width: 600px) { #unipile-companies-section { padding: 50px 16px; } #unipile-companies-section .badge-number { font-size: 24px; padding: 10px 18px; } #unipile-companies-section .header-text { font-size: 22px; } #unipile-companies-section .stat-value { font-size: 26px; } #unipile-companies-section .stats-row { gap: 24px; } #unipile-companies-section .logos-grid { gap: 24px 32px; } #unipile-companies-section .partner-logo { height: 44px; } } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1 data-rsssl=1> <\/p>\n<section id=\"unipile-companies-section\"> <\/p>\n<div class=\"companies-container\">   <\/p>\n<div class=\"section-header\"> <span class=\"badge-number\"> <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <path d=\"M3 21h18\"\/> <path d=\"M5 21V7l8-4v18\"\/> <path d=\"M19 21V11l-6-4\"\/> <path d=\"M9 9v.01\"\/> <path d=\"M9 12v.01\"\/> <path d=\"M9 15v.01\"\/> <path d=\"M9 18v.01\"\/> <\/svg> 3000+ <\/span> <span class=\"header-text\">Companies Innovating with Unipile<\/span> <\/div>\n<p>  <\/p>\n<div class=\"logos-section\"> <\/p>\n<div class=\"logos-label\">Trusted by industry leaders<\/div>\n<p> <\/p>\n<div class=\"logos-grid\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/09\/Lemlist_Logo-1.svg\" alt=\"Lemlist\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2026\/01\/logo-reply-io-1.svg\" alt=\"Reply io\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/03\/relevance_logo_unipile_partner_.svg\" alt=\"Relevance AI\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/03\/valley_logo_unipile_partner_.svg\" alt=\"Valley\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/03\/recruitcrm_logo_unipile_partner_.svg\" alt=\"Recruit CRM\" class=\"partner-logo\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/03\/artisanco_logo_unipile_partner_.svg\" alt=\"Artisan\" class=\"partner-logo\"> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"stats-row\"> <\/p>\n<div class=\"stat-item\"> <\/p>\n<div class=\"stat-value\">1 API<\/div>\n<p> <\/p>\n<div class=\"stat-label\">Streamline operations for all major communication channels<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"stat-item\"> <\/p>\n<div class=\"stat-value\">2 Days<\/div>\n<p> <\/p>\n<div class=\"stat-label\">Achieve live integration quickly with minimal setup<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"stat-item\"> <\/p>\n<div class=\"stat-value\">30%<\/div>\n<p> <\/p>\n<div class=\"stat-label\">Reduction in maintenance efforts and resources<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p><\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”80px||40px||false|false” custom_margin_tablet=”” custom_margin_phone=”” custom_margin_last_edited=”on|desktop” global_module=”275886″ saved_tabs=”all” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”] <\/p>\n<style> * { margin: 0; padding: 0; box-sizing: border-box; } #unipile-security-section { font-family: 'Inter', sans-serif;  padding: 40px 20px; } #unipile-security-section .security-container { max-width: 1100px; margin: 0 auto; } \/* Security Header *\/ #unipile-security-section .security-header { text-align: center; margin-bottom: 40px; } #unipile-security-section .security-header h3 { font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 700; color: #0f2736; margin-bottom: 12px; } #unipile-security-section .security-header p { font-size: 15px; color: #6b7280; margin-bottom: 16px; } #unipile-security-section .security-cta { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; color: #3BB98B; text-decoration: none; transition: all 0.3s ease; } #unipile-security-section .security-cta:hover { gap: 10px; color: #2da077; } #unipile-security-section .security-cta svg { width: 16px; height: 16px; transition: transform 0.3s ease; } #unipile-security-section .security-cta:hover svg { transform: translateX(2px); } \/* Compliance Cards *\/ #unipile-security-section .compliance-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; max-width: 900px; margin: 0 auto 50px auto; } #unipile-security-section .compliance-card { background: #ffffff; border-radius: 16px; padding: 24px; border: 1px solid #e5e7eb; display: flex; align-items: flex-start; gap: 20px; } #unipile-security-section .compliance-icon { width: 64px; height: 64px; flex-shrink: 0; object-fit: contain; } #unipile-security-section .compliance-content { flex: 1; text-align: left; } #unipile-security-section .compliance-header-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; } #unipile-security-section .compliance-title { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 700; color: #0f2736; line-height: 1.2; } #unipile-security-section .compliance-status { font-size: 10px; font-weight: 600; color: #3BB98B; text-transform: uppercase; letter-spacing: 0.5px; display: flex; align-items: center; gap: 4px; background: rgba(59, 185, 139, 0.1); padding: 4px 10px; border-radius: 10px; } #unipile-security-section .compliance-status::before { content: ''; width: 6px; height: 6px; background: #3BB98B; border-radius: 50%; } #unipile-security-section .compliance-desc { font-size: 13px; color: #6b7280; line-height: 1.5; } \/* Metrics Row *\/ #unipile-security-section .metrics-row { display: flex; justify-content: center; gap: 80px; flex-wrap: wrap; } #unipile-security-section .metric-item { text-align: center; } #unipile-security-section .metric-value { font-family: 'Poppins', sans-serif; font-size: 36px; font-weight: 700; color: #3BB98B; line-height: 1; margin-bottom: 6px; } #unipile-security-section .metric-label { font-size: 13px; color: #6b7280; line-height: 1.5; max-width: 180px; } \/* Responsive *\/ @media (max-width: 900px) { #unipile-security-section .security-header h3 { font-size: 28px; } #unipile-security-section .compliance-grid { grid-template-columns: 1fr; max-width: 500px; } #unipile-security-section .metrics-row { gap: 50px; } #unipile-security-section .metric-value { font-size: 30px; } } @media (max-width: 600px) { #unipile-security-section { padding: 50px 16px; } #unipile-security-section .security-header h3 { font-size: 22px; } #unipile-security-section .metric-value { font-size: 26px; } #unipile-security-section .compliance-card { padding: 20px; gap: 16px; } #unipile-security-section .compliance-icon { width: 52px; height: 52px; } #unipile-security-section .metrics-row { gap: 40px; } } <\/style>\n<p><\/head><body data-rsssl=1 data-rsssl=1> <\/p>\n<section id=\"unipile-security-section\"> <\/p>\n<div class=\"security-container\">  <\/p>\n<div class=\"security-header\"> <\/p>\n<h3>Built-In Security and Compliance<\/h3>\n<p> <pee>Enterprise-grade protection for your data and workflows<\/pee> <a href=\"https:\/\/www.unipile.com\/security-compliance\/\" class=\"security-cta\"> Learn more about our security <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <polyline points=\"9 18 15 12 9 6\"><\/polyline> <\/svg> <\/a> <\/div>\n<p>  <\/p>\n<div class=\"compliance-grid\"> <\/p>\n<div class=\"compliance-card\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/01\/soc2-logo-1-1.png\" alt=\"SOC 2 Type II\" class=\"compliance-icon\"> <\/p>\n<div class=\"compliance-content\"> <\/p>\n<div class=\"compliance-header-row\"> <\/p>\n<div class=\"compliance-title\">SOC 2 Type II<\/div>\n<p> <\/p>\n<div class=\"compliance-status\">Certified<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"compliance-desc\">Independently audited security controls ensuring data protection and operational integrity.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"compliance-card\"> <img decoding=\"async\" src=\"https:\/\/www.unipile.com\/wp-content\/uploads\/2025\/01\/GDPR-compliance-1.png\" alt=\"GDPR\" class=\"compliance-icon\"> <\/p>\n<div class=\"compliance-content\"> <\/p>\n<div class=\"compliance-header-row\"> <\/p>\n<div class=\"compliance-title\">GDPR<\/div>\n<p> <\/p>\n<div class=\"compliance-status\">Compliant<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"compliance-desc\">Full compliance with European data protection regulations for user privacy.<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"metrics-row\"> <\/p>\n<div class=\"metric-item\"> <\/p>\n<div class=\"metric-value\">99.9%<\/div>\n<p> <\/p>\n<div class=\"metric-label\">Platform Uptime over the last 24 months<\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"metric-item\"> <\/p>\n<div class=\"metric-value\">24\/7<\/div>\n<p> <\/p>\n<div class=\"metric-label\">Global Support with high-performance API<\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p><\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ fullwidth=”on” _builder_version=”4.27.4″ _module_preset=”default” da_disable_devices=”off|off|off” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_code _builder_version=”4.27.4″ _module_preset=”default” background_color=”#f4f5f7″ hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap\" rel=\"stylesheet\"><\/p>\n<style>#upl-instagram-faq { font-family: 'Inter', sans-serif; padding: 80px 20px; max-width: 900px; margin: 0 auto; background: #f4f5f7 !important;}#upl-instagram-faq *,#upl-instagram-faq *::before,#upl-instagram-faq *::after { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important;}#upl-instagram-faq .upl-faq-header { text-align: center !important; margin-bottom: 60px !important; }#upl-instagram-faq .upl-faq-title { font-family: 'Poppins', sans-serif !important; font-size: clamp(32px, 5vw, 38px) !important; font-weight: 700 !important; color: #0f2736 !important; margin-bottom: 16px !important; line-height: 1.2 !important;}#upl-instagram-faq .upl-faq-subtitle { font-size: 17px !important; color: #383838 !important; max-width: 700px !important; margin: 0 auto !important; line-height: 1.6 !important;}#upl-instagram-faq .upl-faq-list { display: flex !important; flex-direction: column !important; gap: 12px !important; }#upl-instagram-faq .upl-faq-item { background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 16px !important; overflow: hidden !important; transition: all 0.3s ease !important;}#upl-instagram-faq .upl-faq-item:hover { border-color: #3BB98B !important; box-shadow: 0 4px 20px rgba(59, 185, 139, 0.08) !important; }#upl-instagram-faq .upl-faq-item.active { border-color: #3BB98B !important; box-shadow: 0 8px 30px rgba(59, 185, 139, 0.12) !important; }#upl-instagram-faq .upl-faq-question { 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; border: none !important; cursor: pointer !important; text-align: left !important;}#upl-instagram-faq .upl-faq-question-content { display: flex !important; align-items: flex-start !important; gap: 16px !important; flex: 1 !important; }#upl-instagram-faq .upl-faq-number { flex-shrink: 0 !important; padding: 6px 12px !important; background: rgba(59, 185, 139, 0.12) !important; color: #3BB98B !important; border-radius: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.8rem !important; font-weight: 600 !important; transition: all 0.3s ease !important;}#upl-instagram-faq .upl-faq-item.active .upl-faq-number { background: rgba(59, 185, 139, 0.2) !important; color: #2a9d6e !important; }#upl-instagram-faq .upl-faq-question-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;}#upl-instagram-faq .upl-faq-icon { flex-shrink: 0 !important; width: 36px !important; height: 36px !important; background: #f4f5f7 !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;}#upl-instagram-faq .upl-faq-icon svg { width: 18px !important; height: 18px !important; color: #64748b !important; transition: all 0.3s ease !important; }#upl-instagram-faq .upl-faq-item:hover .upl-faq-icon { background: rgba(59, 185, 139, 0.1) !important; }#upl-instagram-faq .upl-faq-item:hover .upl-faq-icon svg { color: #3BB98B !important; }#upl-instagram-faq .upl-faq-item.active .upl-faq-icon { background: #3BB98B !important; transform: rotate(45deg) !important; }#upl-instagram-faq .upl-faq-item.active .upl-faq-icon svg { color: #ffffff !important; }#upl-instagram-faq .upl-faq-answer { max-height: 0 !important; overflow: hidden !important; transition: max-height 0.4s ease, padding 0.3s ease !important; }#upl-instagram-faq .upl-faq-item.active .upl-faq-answer { max-height: 600px !important; }#upl-instagram-faq .upl-faq-answer-content { padding: 0 28px 28px 76px !important; color: #475569 !important; font-size: 1rem !important; line-height: 1.7 !important;}#upl-instagram-faq .upl-faq-answer-content strong { color: #0f2736 !important; font-weight: 600 !important; }#upl-instagram-faq .upl-faq-answer-content a { color: #0f2736 !important; text-decoration: underline !important; text-underline-offset: 2px !important; transition: color 0.2s ease !important; }#upl-instagram-faq .upl-faq-answer-content a:hover { color: #3BB98B !important; }#upl-instagram-faq .upl-faq-answer-content p { margin-bottom: 12px !important; }#upl-instagram-faq .upl-faq-answer-content p:last-child { margin-bottom: 0 !important; }\/* CTA *\/#upl-instagram-faq .upl-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: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important;}#upl-instagram-faq .upl-faq-cta-text { color: #475569 !important; font-size: 1rem !important; }#upl-instagram-faq .upl-faq-cta-button { 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; text-decoration: none !important; font-weight: 700 !important; font-size: 1rem !important; border: none !important; cursor: pointer !important; transition: all 0.3s ease !important; white-space: nowrap !important;}#upl-instagram-faq .upl-faq-cta-button:hover { transform: translateY(-2px) !important; }#upl-instagram-faq .upl-faq-cta-button svg { width: 18px !important; height: 18px !important; transition: transform 0.3s ease !important; }#upl-instagram-faq .upl-faq-cta-button:hover svg { transform: translateX(4px) !important; }\/* Responsive *\/@media (max-width: 768px) { #upl-instagram-faq { padding: 60px 16px !important; } #upl-instagram-faq .upl-faq-header { margin-bottom: 40px !important; } #upl-instagram-faq .upl-faq-question { padding: 20px !important; gap: 16px !important; } #upl-instagram-faq .upl-faq-question-content { gap: 12px !important; } #upl-instagram-faq .upl-faq-number { padding: 5px 10px !important; font-size: 0.75rem !important; } #upl-instagram-faq .upl-faq-question-text { font-size: 1rem !important; padding-top: 2px !important; } #upl-instagram-faq .upl-faq-icon { width: 32px !important; height: 32px !important; } #upl-instagram-faq .upl-faq-icon svg { width: 16px !important; height: 16px !important; } #upl-instagram-faq .upl-faq-answer-content { padding: 0 20px 20px 60px !important; font-size: 0.95rem !important; } #upl-instagram-faq .upl-faq-cta { padding: 30px 20px !important; margin-top: 40px !important; flex-direction: column !important; text-align: center !important; gap: 16px !important; }}@media (max-width: 480px) { #upl-instagram-faq .upl-faq-question-content { flex-direction: column !important; gap: 8px !important; } #upl-instagram-faq .upl-faq-number { padding: 4px 8px !important; font-size: 0.7rem !important; } #upl-instagram-faq .upl-faq-question-text { padding-top: 0 !important; } #upl-instagram-faq .upl-faq-answer-content { padding: 0 20px 20px 20px !important; }}<\/style>\n<p><\/p>\n<section id=\"upl-instagram-faq\"> <\/p>\n<div class=\"upl-faq-header\"> <\/p>\n<h2 class=\"upl-faq-title\">Instagram API FAQ<\/h2>\n<p> <pee class=\"upl-faq-subtitle\">Everything you need to know about integrating Instagram with Unipile’s API<\/pee> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-list\">  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">01<\/span> <span class=\"upl-faq-question-text\">What is the Unipile Instagram API?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>The Unipile Instagram API is a powerful tool that enables developers to programmatically interact with Instagram’s data and features, facilitating various functionalities for businesses, including the ability to retrieve messages and reactions.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">02<\/span> <span class=\"upl-faq-question-text\">Is Unipile’s Instagram API DMA compliant?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>Yes. Our API is designed in line with the Digital Markets Act (DMA). We only enable messaging interoperability and do not store or scrape user profiles. Please note that Unipile is not a Meta Partner, and our solution focuses exclusively on messaging use cases.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">03<\/span> <span class=\"upl-faq-question-text\">Is Unipile an official Meta Partner?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>No. Unipile is <strong>not<\/strong> an official Meta Partner and does not use Meta’s official Instagram Graph API. Our solution operates independently under the Digital Markets Act (DMA) framework, which mandates messaging interoperability for gatekeeper platforms. This approach is similar to how many established CRM, outreach, and customer engagement tools provide Instagram DM integration.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">04<\/span> <span class=\"upl-faq-question-text\">Do I need to follow Meta’s Terms of Service when using Unipile?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>Absolutely. Clients are required to respect Meta’s TOS at all times. This means acting responsibly, avoiding spam or unauthorized automation, and using the API only for legitimate messaging scenarios such as customer support or user interactions.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">05<\/span> <span class=\"upl-faq-question-text\">How can I integrate the Instagram API into my application?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>You can integrate the Instagram API by following the <a href=\"https:\/\/developer.unipile.com\/docs\/sdk\" target=\"_blank\">SDK documentation<\/a>. It provides detailed instructions on setting up the integration. You can also review our <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\">full API documentation<\/a> or <a href=\"https:\/\/www.unipile.com\/contact-us\/\">contact our support team<\/a> for guidance.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">06<\/span> <span class=\"upl-faq-question-text\">What types of interactions can I manage with the Unipile Instagram API?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>With the Unipile Instagram API, you can efficiently manage interactions such as responding to comments, messages, and customer inquiries across multiple Instagram accounts.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">07<\/span> <span class=\"upl-faq-question-text\">Can I send media files through Instagram API?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>Yes, you can send text, images, audio, and video messages, as well as documents via the API.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">08<\/span> <span class=\"upl-faq-question-text\">Is access to the Unipile Instagram API free?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>Yes, there is a free introductory offer for the Instagram API, allowing you to explore its features before upgrading to the payed plan for more advanced capabilities. No credit card is required for the free trial. Visit our <a href=\"https:\/\/www.unipile.com\/pricing-api\/\">pricing page<\/a> for details or <a href=\"https:\/\/dashboard.unipile.com\/signup\/\">start your free trial now<\/a>.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">09<\/span> <span class=\"upl-faq-question-text\">Can I integrate Unipile Instagram API with my existing CRM?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>Absolutely. The API is designed to be flexible and can be integrated into your existing CRM or other business software.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">10<\/span> <span class=\"upl-faq-question-text\">What precautions should be taken to avoid violating Instagram’s rules related to message volumes, while maintaining authentic interaction with users?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>It’s important to note that adherence to the terms of use of the providers is essential. Violations can result in the suspension or banning of your account. We recommend implementing usage limitations on your end to prevent the sending of an excessive number of messages by your users. Learn more about <a href=\"https:\/\/developer.unipile.com\/docs\/provider-limits-and-restrictions\" target=\"_blank\">provider limits and restrictions<\/a>.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">11<\/span> <span class=\"upl-faq-question-text\">How does Unipile ensure data privacy and compliance?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee>Regarding data privacy and compliance when using the Unipile Instagram API, please consult Unipile’s <a href=\"https:\/\/www.unipile.com\/privacy-policy\/\">Privacy Policy<\/a>. This policy outlines how Unipile handles data in accordance with legal requirements, ensuring users’ information is managed responsibly and securely.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-item\"> <button class=\"upl-faq-question\" aria-expanded=\"false\"> <\/p>\n<div class=\"upl-faq-question-content\"> <span class=\"upl-faq-number\">12<\/span> <span class=\"upl-faq-question-text\">How can I contact the team for an integration?<\/span> <\/div>\n<p> <\/p>\n<div class=\"upl-faq-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<p> <\/button> <\/p>\n<div class=\"upl-faq-answer\">\n<div class=\"upl-faq-answer-content\"> <pee><a href=\"https:\/\/www.unipile.com\/contact-us\/\">Tell us about your project here<\/a>. We look forward to discussing how Unipile can support your communication needs! Feel free to access our <a href=\"https:\/\/developer.unipile.com\/docs\" target=\"_blank\">API documentation here<\/a>.<\/pee> <\/div>\n<\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"upl-faq-cta\"> <pee class=\"upl-faq-cta-text\">Still have questions? Our team is here to help.<\/pee> <a href=\"https:\/\/www.unipile.com\/contact-us\/\" class=\"upl-faq-cta-button\"> Talk to an expert <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/> <polyline points=\"12 5 19 12 12 19\"\/> <\/svg> <\/a> <\/div>\n<p><\/section>\n<p><script> document.querySelectorAll('#upl-instagram-faq .upl-faq-question').forEach(button => { button.addEventListener('click', () => { const item = button.closest('.upl-faq-item'); const isActive = item.classList.contains('active'); document.querySelectorAll('#upl-instagram-faq .upl-faq-item').forEach(otherItem => { otherItem.classList.remove('active'); otherItem.querySelector('.upl-faq-question').setAttribute('aria-expanded', 'false'); }); if (!isActive) { item.classList.add('active'); button.setAttribute('aria-expanded', 'true'); } }); });<\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Build Features into Your Product TodayTry our White-Label solution for free and unlock its full potential for your business. With the 7-Day Free Trial, gain access to the complete suite of features designed to enhance your platform’s capabilities and branding. Built for Developers Instagram API Integration for Modern Apps A production-ready SDK that handles the […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":250699,"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-251721","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Instagram API: Smarter Inbox Management - Unipile<\/title>\n<meta name=\"description\" content=\"Elevate conversions with Messenger API for Instagram. Streamline engagement, boost results, and grow your business effortlessly.\" \/>\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\/es\/api-de-comunicacion\/api-de-mensajeria\/instagram-api\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Instagram API: Smarter Inbox Management - Unipile\" \/>\n<meta property=\"og:description\" content=\"Elevate conversions with Messenger API for Instagram. Streamline engagement, boost results, and grow your business effortlessly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.unipile.com\/es\/api-de-comunicacion\/api-de-mensajeria\/instagram-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Unipile\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/unipilefr\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T09:46:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@UnipileAPI\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"21 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/\",\"name\":\"Instagram API: Smarter Inbox Management - Unipile\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face\",\"datePublished\":\"2023-09-15T11:56:16+00:00\",\"dateModified\":\"2026-05-19T09:46:40+00:00\",\"description\":\"Elevate conversions with Messenger API for Instagram. Streamline engagement, boost results, and grow your business effortlessly.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/instagram-api\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.unipile.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unipile API – Messaging, Email, Calendar Integration\",\"item\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Messaging API with Unipile in Minutes\",\"item\":\"https:\\\/\\\/www.unipile.com\\\/communication-api\\\/messaging-api\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Instagram API: Smarter Inbox Management\"}]},{\"@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\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.unipile.com\\\/#organization\",\"name\":\"Unipile\",\"url\":\"https:\\\/\\\/www.unipile.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@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":"API de Instagram: Gesti\u00f3n m\u00e1s inteligente de la bandeja de entrada - Unipile","description":"Aumenta las conversiones con Messenger API para Instagram. Optimiza la interacci\u00f3n, aumenta los resultados y haz crecer tu negocio sin esfuerzo.","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\/es\/api-de-comunicacion\/api-de-mensajeria\/instagram-api\/","og_locale":"es_ES","og_type":"article","og_title":"Instagram API: Smarter Inbox Management - Unipile","og_description":"Elevate conversions with Messenger API for Instagram. Streamline engagement, boost results, and grow your business effortlessly.","og_url":"https:\/\/www.unipile.com\/es\/api-de-comunicacion\/api-de-mensajeria\/instagram-api\/","og_site_name":"Unipile","article_publisher":"https:\/\/www.facebook.com\/unipilefr","article_modified_time":"2026-05-19T09:46:40+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@UnipileAPI","twitter_misc":{"Tiempo de lectura":"21 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/","url":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/","name":"API de Instagram: Gesti\u00f3n m\u00e1s inteligente de la bandeja de entrada - Unipile","isPartOf":{"@id":"https:\/\/www.unipile.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/#primaryimage"},"image":{"@id":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face","datePublished":"2023-09-15T11:56:16+00:00","dateModified":"2026-05-19T09:46:40+00:00","description":"Aumenta las conversiones con Messenger API para Instagram. Optimiza la interacci\u00f3n, aumenta los resultados y haz crecer tu negocio sin esfuerzo.","breadcrumb":{"@id":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face","contentUrl":"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=80&h=80&fit=crop&crop=face"},{"@type":"BreadcrumbList","@id":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/instagram-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.unipile.com\/"},{"@type":"ListItem","position":2,"name":"Unipile API – Messaging, Email, Calendar Integration","item":"https:\/\/www.unipile.com\/communication-api\/"},{"@type":"ListItem","position":3,"name":"Messaging API with Unipile in Minutes","item":"https:\/\/www.unipile.com\/communication-api\/messaging-api\/"},{"@type":"ListItem","position":4,"name":"Instagram API: Smarter Inbox Management"}]},{"@type":"WebSite","@id":"https:\/\/www.unipile.com\/#website","url":"https:\/\/www.unipile.com\/","name":"Unipile","description":"Integre la mensajer\u00eda y el correo electr\u00f3nico, con\u00e9ctese f\u00e1cilmente mediante 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":"es"},{"@type":"Organization","@id":"https:\/\/www.unipile.com\/#organization","name":"Unipile","url":"https:\/\/www.unipile.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@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\/es\/wp-json\/wp\/v2\/pages\/251721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/comments?post=251721"}],"version-history":[{"count":114,"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/pages\/251721\/revisions"}],"predecessor-version":[{"id":278856,"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/pages\/251721\/revisions\/278856"}],"up":[{"embeddable":true,"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/pages\/250699"}],"wp:attachment":[{"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/media?parent=251721"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/www.unipile.com\/es\/wp-json\/wp\/v2\/folder?post=251721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}