1. Help
  2. Advanced
  3. Integrations
  4. Integrate typeforms with Intercom Messenger

Integrate typeforms with Intercom Messenger

This integration allows you to quickly collect information from a customer by embedding a typeform in an Intercom Messenger window.

This article explains:

  • How to add a typeform to your Intercom Messenger home apps (so it appears every time someone opens a chat)
  • How to share typeforms in an Intercom Messenger chat.

People will be able to open and complete your typeform from inside Messenger, making for a seamless experience.

What you’ll need:

  • A Typeform account with at least one active typeform.
  • An Intercom account.
  • A web site that hosts your Intercom Messenger

How to add a typeform to your Messenger home apps.

You can add a typeform to your home apps in Intercom Messenger so that it automatically appears as soon as a customer brings up the Intercom Messenger on your site:

1. Log in to Intercom. To add a typeform to your Intercom Messenger, first click on the Messenger icon:

Intercom_Messenger.png

2. The first time you do this, you need to connect your Typeform account. Click Add apps to your Messenger, then Add an app in the window that appears.

Screen_Shot_2020-06-17_at_1.40.58_PM.png

3. Next, Click Explore the App Store in the window that opens.

Screen_Shot_2020-06-17_at_1.42.38_PM.png

4. Click Add an app, then choose Typeform from the list. Alternatively, click on App store and install it from there.

intercom1.png

5. Click Create a new block, so you can choose which typeform to take from your account:

Screen_Shot_2020-06-17_at_1.47.59_PM.png

6. Now you can search your Typeform account by typing in the search bar, or scrolling through your library below:

intercom-2.png

Once you’ve found your typeform, click it.

HC_Note_new.png
Note! With this integration, the Ending screens of your typeforms aren't shown to users because Intercom closes the form on submission.

7. If you have added Hidden Fields to your typeform, choose how you want to map them to Intercom attributes:

Screen_Shot_2020-06-26_at_1.00.54_PM.png

8. When you're done with mapping your Hidden Fields, click Next.

Screen_Shot_2020-06-26_at_1.01.45_PM.png

9. Next, you have to give your messenger block a name and so on. Add a Block Title, Subtitle and Button text, then click Insert block.

Screen_Shot_2020-06-26_at_12.59.26_PM.png

10. You can now see what your typeform will look like in Messenger. If you’re happy, click Save and set live to activate the integration:

Screen_Shot_2020-06-26_at_1.07.15_PM.png

HC_Warning_ilu_cropped.png
Warning! You cannot interact with this preview, only see what it will look like. Test the Messenger live on your site.

11. Now, when someone opens Intercom Messenger on your site, your typeform will appear:

Screen_Shot_2020-06-26_at_12.44.19_PM.png

How to share typeforms while chatting in Intercom Messenger

1. Agents in your Intercom team will also be able to share typeforms while chatting to customers. Simply click the Add a messenger app button in the Reply field to get started.

2. Now just follow the steps from #5 above.

HC_Note_new.png
Note! You can only connect one Typeform account to Intercom. Make sure any typeforms you want to share are in the correct account! 

Tap into our community knowledge

Find Answers
Contact Support