Send Slack Messages via Webhook

Create a Slack App

First, add the Webhook app to the Slack channel you want to send messages to.

Create a new app in Slack.

Register Incoming Webhooks

Open the app you created and navigate to the Incoming Webhooks menu.

Change the toggle to On.

Click Add New Webhook to Workspace.

Then select the Slack channel you want to send messages to.

Confirm the Webhook URL

Copy the generated Webhook URL.

This URL will be used shortly for the webhook campaign settings.

Create a Webhook Campaign

Create a new webhook campaign in the Hackle Dashboard.

Configure Request Information

Endpoint Settings

Paste the Webhook URL copied previously.

Body Settings

First, you can test with a simple message as below.

{
  "text": "Hello, World!"
}

Paste the above JSON into the Body input field and save.

Send a Test Message

Verify that the configured webhook works correctly.

Click the Send Test Message button.

If the call succeeds, you can see the following result.

Also check the Slack channel to confirm the message has arrived.

Configure Personalized Messages

Now modify the Body to send Slack messages in the desired format at the desired time.

First, decide which event to use as the trigger.

• Navigate to Dashboard > Event Explorer.

• Search for the event you want to use as a trigger.

• Check the properties collected along with the event.

• Event properties and user properties are used for personalization.

If you're not familiar with event properties and user properties, refer to the Property Guide.

Personalization syntax uses Liquid.

You can type it directly, but if you're not familiar with it, using the Add Personalization Variable modal is more convenient.

Slack Message Delivery Body Sample

{
  "fallback": "Failed to compose in-app message display notification message.",
  "text": "{{event_properties.in_app_message_key | default: "key"}}th in-app message displayed",
  "pretext": "{{event_properties.in_app_message_display_type | default: "unknown"}}",
  "color": "good",
  "attachments": [
    {
      "fallback": "fallback",
      "pretext": "Performed {{event_properties.action_type | default: "unknown"}} for {{event_properties.button_text | default:"button name"}}",
      "color": "#0065ff",
      "fields": [
        {
          "title": "[In-App Message Display Notification]",
          "value": "In-app message info is at Hackle 👉 <http://dashboard.hackle.io/in-app-messages/{{event_properties.in_app_message_id}}/|link>",
          "short": false
        }
      ]
    }
  ]
}

Modify the Body as above and save the campaign.

Event-based Send Settings

Click the Send Settings button in the webhook campaign.

Select Event-based as the send type.

Set the trigger event to $in_app_action.

Complete

Now click Start to activate the webhook campaign.

Then trigger the $in_app_action event by performing an action such as clicking the close button on the target in-app message.

When the webhook is triggered successfully, the message is sent to Slack.