diff --git a/app/javascript/dashboard/i18n/locale/en/integrations.json b/app/javascript/dashboard/i18n/locale/en/integrations.json index cbbe0ebbf..4562183c7 100644 --- a/app/javascript/dashboard/i18n/locale/en/integrations.json +++ b/app/javascript/dashboard/i18n/locale/en/integrations.json @@ -63,6 +63,12 @@ } } }, + "SLACK": { + "HELP_TEXT" : { + "TITLE": "Using Slack Integration", + "BODY": "

Chatwoot will now sync all the incoming conversations into the customer-conversations channel inside your slack workplace.

Replying to a conversation thread in customer-conversations slack channel will create a response back to the customer through chatwoot.

Start the replies with note: to create private notes instead of replies.

If the replier on slack has an agent profile in chatwoot under the same email, the replies will be associated accordingly.

When the replier doesn't have an associated agent profile, the replies will be made from the bot profile.

" + } + }, "DELETE": { "BUTTON_TEXT": "Delete", "API": { diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/IntegrationHelpText.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/IntegrationHelpText.vue new file mode 100644 index 000000000..25049f2d0 --- /dev/null +++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/IntegrationHelpText.vue @@ -0,0 +1,12 @@ + diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/ShowIntegration.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/ShowIntegration.vue index de270e388..f12b9d295 100644 --- a/app/javascript/dashboard/routes/dashboard/settings/integrations/ShowIntegration.vue +++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/ShowIntegration.vue @@ -13,6 +13,9 @@ :integration-action="integrationAction()" /> +
+ +
@@ -22,10 +25,12 @@ import { mapGetters } from 'vuex'; import globalConfigMixin from 'shared/mixins/globalConfigMixin'; import Integration from './Integration'; +import IntegrationHelpText from './IntegrationHelpText'; export default { components: { Integration, + IntegrationHelpText, }, mixins: [globalConfigMixin], props: ['integrationId', 'code'],