https://churnkey.co/_nuxt/CUor4-sr.js

1import{p as x,u as m,c as n,a as e,e as b,b as a,d as u,F as p,j as g,i as f,r as h,o,q as v,t as i}from"./DWapjPlr.js";import w from"./D25y9Qbl.js";import k from"./cdTz2TrN.js";import{u as y}from"./Dvn3qAiM.js";import{u as _}from"./DX0go7Bl.js";const C=x("/images/integrations/slack/slack-integration-hero.svg"),S={class:"mx-auto max-w-7xl px-6 py-12 lg:flex lg:items-center lg:gap-x-10 lg:px-8"},z={class:"mx-auto max-w-2xl lg:mx-0 lg:flex-auto"},A={class:"flex"},I={class:"relative flex items-center gap-x-4 rounded-sm bg-brand-light-sand py-1 px-4 text-sm leading-6"},B={href:"/integrations/",class:"flex items-center gap-x-1 text-brand-blue font-semibold"},W={class:"animate-arrow"},E={class:"container max-w-(--breakpoint-xl) mt-24 mb-16 lg:px-36 text-center"},F={role:"list",class:"text-left grid grid-cols-1 gap-x-12 gap-y-16 sm:grid-cols-2 lg:grid-cols-3"},N=["src"],V={class:"mt-6 text-base font-semibold text-brand-black"},q=["href"],H={class:"relative z-10 text-brand-black"},L={class:"relative z-10 mt-2 text-sm text-brand-brown"},R={class:"relative z-10 mt-6 flex text-sm font-medium text-brand-blue transition group-hover:text-brand-green"},j={class:"ml-2"},M={class:"mt-32 pb-16"},T={__name:"index",setup(U){const{integrations:d}=y(),l={title:"Churnkey ↔️ Slack Integration | Churnkey",description:"Connect to Slack and your team can experience cancel flow sessions as they happen in a dedicated channel.",image:"https://churnkey.co/img/og-img-2024.jpg"};return _({name:"Churnkey for Slack",description:l.description}),m({title:l.title,meta:[{name:"description",content:l.description},{property:"og:image",content:l.image},{property:"og:title",content:l.title},{property:"og:description",content:l.description},{name:"twitter:card",content:"summary_large_image"},{name:"twitter:title",content:l.title},{name:"twitter:description",content:l.description},{name:"twitter:image",content:l.image}]}),(Z,t)=>{const r=h("font-awesome-icon");return o(),n("div",null,[e("div",S,[e("div",z,[e("div",A,[e("div",I,[t[2]||(t[2]=e("span",{class:"font-semibold text-brand-brown"},"Core Integration",-1)),t[3]||(t[3]=e("span",{class:"h-4 w-px bg-brand-sand","aria-hidden":"true"},null,-1)),e("a",B,[t[0]||(t[0]=e("span",{class:"absolute inset-0","aria-hidden":"true"},null,-1)),t[1]||(t[1]=u(" See all integrations",-1)),e("span",W,[a(r,{icon:["fas","arrow-right"],size:"xs"})])])])]),t[4]||(t[4]=e("h1",{class:"mt-10 text-4xl font-semibold tracking-tight text-brand-black sm:text-6xl"}," Churnkey ↔️ Slack Integration ",-1)),t[5]||(t[5]=e("p",{class:"mt-6 text-2xl text-brand-brown"}," With Churnkey's Slack integration, keep you finger on the pulse of your customers. ",-1)),t[6]||(t[6]=e("div",{class:"mt-10 flex items-center gap-x-6"},[e("a",{href:"https://app.churnkey.co/register",class:"rounded-md bg-brand-blue px-6 py-3 text-base font-semibold leading-7 text-white shadow-xs hover:bg-brand-blue-500 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2"},"Connect Slack")],-1))]),t[7]||(t[7]=e("div",{class:"mt-16 sm:mt-24 lg:mt-0 lg:shrink-0 lg:grow rounded-2xl"},[e("img",{class:"mx-auto w-96 drop-shadow-xl rounded-3xl",src:C,alt:""})],-1))]),t[12]||(t[12]=b('<div class="container max-w-(--breakpoint-xl) mt-36 md:visible text-center"><h2 class="md:text-3xl text-3xl font-semibold text-center text-brand-black"> How our Slack integration works... </h2><div class="mx-auto mt-12 max-w-2xl lg:max-w-none"><dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-3"><div class="flex flex-col text-left"><dt class="text-base font-semibold leading-"><div class="mb-6 flex h-10 w-10 rounded-full bg-brand-light-blue align-center"><div class="font-semibold pt-1.5 inline-block align-middle text-brand-blue h-10 w-10 text-center"> 1 </div></div> Install <a href="https://slack.com/apps/A01URJ9CLAW-churnkey-connect">Churnkey&#39;s Slack app</a></dt><dd class="mt-1 flex flex-auto flex-col text-base leading-7 text-brand-brown"><p class="flex-auto"> Hook us up to a channel and you&#39;re off to the races. You might need an administrator to help you out. </p></dd></div><div class="flex flex-col text-left"><dt class="text-base font-semibold leading-7 text-brand-black"><div class="mb-6 flex h-10 w-10 rounded-full bg-brand-light-blue align-center"><div class="font-semibold pt-1.5 inline-block align-middle text-brand-blue h-10 w-10 text-center"> 2 </div></div> Get notified whenever someone cancels </dt><dd class="mt-1 flex flex-auto flex-col text-base leading-7 text-brand-brown"><p class="flex-auto"> Set up alerts to get pinged whenever one of your customers clicks the cancel button. </p></dd></div><div class="flex flex-col text-left"><dt class="text-base font-semibold leading-7 text-brand-black"><div class="mb-6 flex h-10 w-10 rounded-full bg-brand-light-blue align-center"><div class="font-semibold pt-1.5 inline-block align-middle text-brand-blue h-10 w-10 text-center"> 3 </div></div> Analyze discount uptake </dt><dd class="mt-1 flex flex-auto flex-col text-base leading-7 text-brand-brown"><p class="flex-auto">

1 Know who&#39;s aborting, who&#39;s not, and which offers they&#39;re accepting: pauses, plan changes, discounts, support redirects, and more. </p></dd></div><div class="flex flex-col text-left"><dt class="text-base font-semibold leading-7 text-brand-black"><div class="mb-6 flex h-10 w-10 rounded-full bg-brand-light-blue align-center"><div class="font-semibold pt-1.5 inline-block align-middle text-brand-blue h-10 w-10 text-center"> 4 </div></div> See cancel reasons in real time </dt><dd class="mt-1 flex flex-auto flex-col text-base leading-7 text-brand-brown"><p class="flex-auto"> Stay in tune with why customers might be unhappy so you can take steps to remedy it. </p></dd></div><div class="flex flex-col text-left"><dt class="text-base font-semibold leading-7 text-brand-black"><div class="mb-6 flex h-10 w-10 rounded-full bg-brand-light-blue align-center"><div class="font-semibold pt-1.5 inline-block align-middle text-brand-blue h-10 w-10 text-center"> 5 </div></div> Read the qualitative feedback </dt><dd class="mt-1 flex flex-auto flex-col text-base leading-7 text-brand-brown"><p class="flex-auto"> We attach qualitative feedback to every session ping in your Slack channel, so you don&#39;t have to leave the app to get the full picture. </p></dd></div></dl></div></div>',1)),e("div",E,[t[11]||(t[11]=e("p",{class:"text-3xl md:text-4xl font-semibold mb-12"},"Explore all of our integrations...",-1)),e("ul",F,[(o(!0),n(p,null,g(f(d),(s,c)=>(o(),n("li",{key:c,class:"group relative flex flex-col items-start"},[e("img",{alt:"",src:s.logo,decoding:"async","data-nimg":"1",class:v(["mt-4",s.name==="Churnkey Webhooks"?"h-12 w-auto":"w-24"]),loading:"lazy",style:{color:"transparent"}},null,10,N),e("h2",V,[t[9]||(t[9]=e("div",{class:"absolute -inset-y-6 -inset-x-4 z-0 scale-95 bg-brand-light-sand opacity-0 transition group-hover:scale-100 group-hover:opacity-100 sm:-inset-x-6 sm:rounded-2xl"},null,-1)),e("a",{href:s.href},[t[8]||(t[8]=e("span",{class:"absolute -inset-y-6 -inset-x-4 z-20 sm:-inset-x-6 sm:rounded-2xl"},null,-1)),e("span",H,i(s.name),1)],8,q)]),e("p",L,i(s.overview),1),e("p",R,[t[10]||(t[10]=e("svg",{width:"20",height:"20",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("circle",{cx:"16",cy:"16",r:"16",fill:"#B4FFE0"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.14307 14.1426C9.14307 11.3812 11.3624 9.14258 14.1431 9.14258C16.9045 9.14258 19.1431 11.3619 19.1431 14.1426C19.1431 16.904 16.9237 19.1426 14.1431 19.1426C11.3816 19.1426 9.14307 16.9233 9.14307 14.1426Z",fill:"#28A671","fill-opacity":"0.8"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.1431 19.1426C13.1431 16.3812 15.3624 14.1426 18.1431 14.1426C20.9045 14.1426 23.1431 16.3619 23.1431 19.1426C23.1431 21.904 20.9237 24.1426 18.1431 24.1426C15.3816 24.1426 13.1431 21.9233 13.1431 19.1426Z",fill:"#063622","fill-opacity":"0.8"})],-1)),e("span",j,"Explore "+i(s.name)+" Integration",1)])]))),128))])]),a(k),e("section",M,[a(w)])])}}};export{T as default};