Are you overwhelmed by hundreds of users signing up daily to use your online services? Do you need a better way to track and qualify leads? If so, look no further! Here are all the tools you’ll need to help you and your team 😉. We’ll create a bot that alerts your channel when a visitor enters data into a Typeform embedded on your site. Our bot will flag individuals as “High priority!” if they belong to a company with over 50 employees. Our bot will also display individuals’ full name, email, title, location, Linkedin, company name, number of employees in company x, the amount raised, estimated annual revenue, and company domain as seen in the example below 🤓. What We’ll Build: Slack Slack So… Let’s get started! What You’ll Need Beforehand 1x free account Slack 1x free account Typeform 1x free account Clearbit 1x free account Standard Library 5x minutes (300x seconds) If you’re not familiar with Standard Library , you’re in for a treat! Standard Library is turning everyone in your organization into a developer with Code on Standard Library — an embeddable development environment for easily building APIs, webhooks, and workflow automation tasks. Minute 1: Prepare Your Slack App on Slack’s API Page account and visit your Slack Apps page at . Click on You’ll be presented with a modal to enter your App Name and the Development Workspace you’d like to add it to. From here, click on and you’ll find yourself on a page. Sign in to your Slack https://api.slack.com/apps Create New App. Slack Create App, Basic Information Find “ ” under the “ ” category on the left side menu bar, and toggle the button on to activate Incoming Webhooks. Incoming Webhooks Features Toggle the Button On Select Add New Webhook to Workspace Next, select “ ” and authorize your Slack App to post on a channel. Add New Webhook to Workspace Once authorized, automatically generates a unique URL that you will use to send messages into Slack via HTTP request with a JSON payload from . Copy and Save this URL; we will need it shortly. Slack Clearbit Check to make sure that you’ve set up your app properly. If you have, you should see a message like the one below on your channel. If not, repeat this step 😉. Slack Slack Minute 2: Set Up and Deploy the Signupalertsbot API using Code on Standard Library Now that you’ve set up your app and activated incoming webhooks, you need to deploy the code that will connect , Clearbit, and via webhooks. To do this, we’ll be using API platform and the online editor for APIs — if you’re not a programmer don’t worry! You won’t need to write any of the code. We’ve provided the code for you, and it automatically handles high priority sign ups and cases where does not have information on an email! Slack Typeform Slack Standard Library’s Clearbit Head on over to . If you click that link, a will automatically open. If not, navigate to the “ ” tab and search for . Open to the file on the left sidebar menu, and you’ll find three environment variables that you’ll need to fill in. Code on Standard Library template for the Signupalertsbot API Community API Sources “janethl/signupalertsbot” env.json Code by Jacob Lee Enter the webhook URL from Part 1 into under the section. Slack SLACK_WEBHOOK_URL dev Minute 3: Copy and Paste Your API Key Clearbit Next, you’ll want to log in, or sign up for a free account at . Clearbit https://clearbit.com/ Once signed into your dashboard, navigate to the tab and copy the first key — the Clearbit’s API Key secret API key. Note that below your keys, Clearbit has suppression settings to exclude certain contacts from your enrichment project to satisfy GDPR . Now return to Code on and populate the variable inside Standard Library “CLEARBIT_API_KEY” env.json. Finally, populate the variable by right-clicking between the two quotes and select from the drop-down menu. “STDLIB_LIBRARY_TOKEN” Insert Library Token Now that your three environment variables are filled in, save these changes by clicking the orange button on the bottom right. “Save” You are now ready to deploy your API. Return to the file and click the green button on the bottom right. __main__.js “Run” Once you’ve deployed your API onto , you’ll notice a “ ” because your endpoint requires two parameters. The two parameters; , , will be provided by . The final step is to take the “ ” for your API and set it as a webhook on . Standard Library Parameter Error functions/__main__.js event_type form_response Typeform API Endpoint URL Typeform Minute 4: Set a Webhook on Typeform Once you’ve logged in to , select from the dashboard. Find and select the “ template**.** Typeform “New typeform ” Contact Form” For now, let’s use this template as is; you can return at any time to modify the style and questions to your liking. Select on the top menu. “Integrate” Navigate to the upper middle tab and select “ ” and then “ ” Integrate WEBHOOKS. Input your API’s endpoint url onto the Destination URL and toggle the “ button on. Standard Library Webhooks” Minute 5: Test Your Slack Bot Your Bot is ready to test! Select the button on the upper right corner of your Typeform. Slack “ ” View Input a valid e-mail to test it out and answer the sample questions. Once submitted you should get notified by your bot. 🙌 Slack That’s it! 🤗 Thank you for taking the time to read and test this out! If you found this tutorial helpful please let me know! Reach out if you’d like to connect and in a different way - I’d love to help. Just drop your name, e-mail, and request in the form to the left, and I’ll get back to you as soon as I am notified by my bot. Clearbit Slack Slack
