https://docs.mok.one/assets/js/c8dffabb.1a13a6bd.js

1"use strict";(self.webpackChunkmy_website=self.webpackChunkmy_website||[]).push([[9270],{3905:(e,t,n)=>{n.d(t,{Zo:()=>c,kt:()=>g});var a=n(7294);function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=a.createContext({}),p=function(e){var t=a.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):l(l({},t),e)),n},c=function(e){var t=p(e.components);return a.createElement(s.Provider,{value:t},e.children)},u="mdxType",d={inlineCode:"code",wrapper:function(e){var t=e.children;return a.createElement(a.Fragment,{},t)}},k=a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,o=e.originalType,s=e.parentName,c=i(e,["components","mdxType","originalType","parentName"]),u=p(n),k=r,g=u["".concat(s,".").concat(k)]||u[k]||d[k]||o;return n?a.createElement(g,l(l({ref:t},c),{},{components:n})):a.createElement(g,l({ref:t},c))}));function g(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var o=n.length,l=new Array(o);l[0]=k;var i={};for(var s in t)hasOwnProperty.call(t,s)&&(i[s]=t[s]);i.originalType=e,i[u]="string"==typeof e?e:r,l[1]=i;for(var p=2;p<o;p++)l[p]=n[p];return a.createElement.apply(null,l)}return a.createElement.apply(null,n)}k.displayName="MDXCreateElement"},4995:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>s,contentTitle:()=>l,default:()=>d,frontMatter:()=>o,metadata:()=>i,toc:()=>p});var a=n(7462),r=(n(7294),n(3905));const o={sidebar_label:"Slack",sidebar_position:10},l="Slack Integration",i={unversionedId:"developer/integrations/Slack",id:"developer/integrations/Slack",title:"Slack Integration",description:"MOK provides a cutting-edge solution for leveraging your Slack workspace to seamlessly connect and engage with your esteemed customers through highly personalized messages that are meticulously tailored to meet your diverse and evolving needs and preferences.",source:"@site/docs/developer/integrations/Slack.md",sourceDirName:"developer/integrations",slug:"/developer/integrations/Slack",permalink:"/docs/developer/integrations/Slack",draft:!1,tags:[],version:"current",sidebarPosition:10,frontMatter:{sidebar_label:"Slack",sidebar_position:10},sidebar:"tutorialSidebar",previous:{title:"Solution Infini",permalink:"/docs/developer/integrations/SolutionInfini"},next:{title:"SMTP",permalink:"/docs/developer/integrations/SMTP"}},s={},p=[],c={toc:p},u="wrapper";function d(e){let{components:t,...o}=e;return(0,r.kt)(u,(0,a.Z)({},c,o,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",{id:"slack-integration"},"Slack Integration"),(0,r.kt)("p",null,"MOK provides a cutting-edge solution for leveraging your Slack workspace to seamlessly connect and engage with your esteemed customers through highly personalized messages that are meticulously tailored to meet your diverse and evolving needs and preferences."),(0,r.kt)("h1",{id:"setting-up-slack-app"},"Setting up Slack App"),(0,r.kt)("p",null,(0,r.kt)("strong",{parentName:"p"},"Step 1:")," Go to ",(0,r.kt)("a",{parentName:"p",href:"https://api.slack.com/"},"Slack API")," and click on ",(0,r.kt)("strong",{parentName:"p"},"Create an app")," button from where you can create a new application, provided that you have an existing Slack account with at least one active workspace."),(0,r.kt)("p",null,(0,r.kt)("img",{alt:"Slack API Page",src:n(4611).Z,width:"1000",height:"401"})),(0,r.kt)("p",null,(0,r.kt)("strong",{parentName:"p"},"Step 2:")," Choose the ",(0,r.kt)("strong",{parentName:"p"},"From Scratch")," Option."),(0,r.kt)("p",null,(0,r.kt)("img",{alt:"Slack App Feature",src:n(593).Z,width:"760",height:"529"})),(0,r.kt)("p",null,(0,r.kt)("strong",{parentName:"p"},"Step 3:")," Input your desired app name, as well as the specific workspace in which you wish to install the app."),(0,r.kt)("p",null,(0,r.kt)("strong",{parentName:"p"},"Step 4:")," Navigate to the ",(0,r.kt)("strong",{parentName:"p"},"OAuth & Permissions")," page."),(0,r.kt)("p",null,(0,r.kt)("img",{alt:"Slack OAuth",src:n(7416).Z,width:"1035",height:"678"})),(0,r.kt)("p",null,(0,r.kt)("strong",{parentName:"p"},"Step 5:")," Scroll down to the ",(0,r.kt)("strong",{parentName:"p"},"Scopes")," section and under Bot Token Scopes add the following scopes -"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"channels:read"),(0,r.kt)("li",{parentName:"ul"},"chat:write"),(0,r.kt)("li",{parentName:"ul"},"chat:write.public"),(0,r.kt)("li",{parentName:"ul"},"chat:write.customize")),(0,r.kt)("p",null,(0,r.kt)("img",{alt:"Slack Scopes",src:n(3996).Z,width:"769",height:"373"})),(0,r.kt)("p",null,(0,r.kt)("strong",{parentName:"p"},"Step 6:")," Scroll up to ",(0,r.kt)("strong",{parentName:"p"},"OAuth Tokens for Your Workspace")," and click on ",(0,r.kt)("strong",{parentName:"p"},"Install to your workspace")," (if it is an existing app this button will be labelled as ",(0,r.kt)("strong",{parentName:"p"},"Reinstall to Workspace"),")."),(0,r.kt)("p",null,(0,r.kt)("img",{alt:"Slack Install",src:n(4665).Z,width:"1026",height:"322"})),(0,r.kt)("p",null,"Clicking on the button will redirect you to a authorization page, where you need to click on the ",(0,r.kt)("strong",{parentName:"p"},"Allow")," Button. Your App then will be successfully installed to your aforementioned workspace."),(0,r.kt)("p",null,(0,r.kt)("strong",{parentName:"p"},"Step 7:")," Upon successful installation, a bot token will be generated, which you should take note of for future reference."),(0,r.kt)("p",null,(0,r.kt)("img",{alt:"Slack Token",src:n(8236).Z,width:"948",height:"376"})),(0,r.kt)("h1",{id:"slack-integration-with-mok"},"Slack Integration with MOK"),(0,r.kt)("p",null,(0,r.kt)("strong",{parentName:"p"},"Step 1:")," Navigate to mok.one platform and log-in to your account. "),(0,r.kt)("p",null,(0,r.kt)("strong",{parentName:"p"}

1,"Step 2:")," From left-side navigation menu click on ",(0,r.kt)("strong",{parentName:"p"},"Channels")," button. Select the Slack Card."),(0,r.kt)("p",null,(0,r.kt)("strong",{parentName:"p"},"Step 3:")," You can now start adding your credentials here. Input any desired credential name and enter the bot token you got in ",(0,r.kt)("strong",{parentName:"p"},"Step 7")," before."),(0,r.kt)("p",null,(0,r.kt)("img",{alt:"Slack Cred",src:n(9955).Z,width:"551",height:"327"})))}d.isMDXComponent=!0},4611:(e,t,n)=>{n.d(t,{Z:()=>a});const a=n.p+"assets/images/slack_api_page-3ca9561ba490b60ccf989d4843505b44.png"},593:(e,t,n)=>{n.d(t,{Z:()=>a});const a=n.p+"assets/images/slack_create_app-9e92080f0eb272009f57df90a7f7f2f5.png"},9955:(e,t,n)=>{n.d(t,{Z:()=>a});const a=n.p+"assets/images/slack_cred-bc6d77f61a735925b8de252c4c5722af.png"},4665:(e,t,n)=>{n.d(t,{Z:()=>a});const a=n.p+"assets/images/slack_install-472d4f242b82ae346a4f64603d60900b.png"},7416:(e,t,n)=>{n.d(t,{Z:()=>a});const a=n.p+"assets/images/slack_oauth-025262149640a80646be1546dbc7f836.png"},3996:(e,t,n)=>{n.d(t,{Z:()=>a});const a=n.p+"assets/images/slack_scopes-3d15921c2362c5386e6cf82fd40a1f6b.png"},8236:(e,t,n)=>{n.d(t,{Z:()=>a});const a=n.p+"assets/images/slack_token-7440331898d0675d4765cb77636abdb6.png"}}]);