HubSpot
Guide to connect your HubSpot account with Periskope
Periskope integration for HubSpot is currently under review. In order to use Periskope integration with HubSpot, you can connect with HubSpot from Periskope HubSpot settings
![1.0](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/periskope.hubspot.png)
Prerequisites π
- A Hubspot account
- A Periskope account
Steps to connect Periskope with HubSpot π§
Connect Hubspot
- To connect your HubSpot, you must have a Periskope account. Once logged into the account, visit here to connect HubSpot.
![Step 1](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/setting-sidebar.hubspot.png)
Husbpot Settings
- Click on connect
![Step 1](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/periskope-connect.hubspot.png)
Husbpot Settings - Connect Screen
In order to use Periskope workflow automations on Hubspot, check the workflow checkbox in HubSpot Connect Modal
![Step 1](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/connect-modal.hubspot.png)
Husbpot Settings - Connect Modal
Approve integration on Hubspot
Once you click on connect, you will be redirected to HubSpot connect page. Click on Connect App to connect your HubSpot account with Periskope.
![Step 2](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/hubspot-connect.hubspot.png)
Connect on Hubspot
π Result
Now you have successfully connected your HubSpot account with Periskope. You can now use the integration to link chats on Periskope with contacts/companies on HubSpot. And, also sync tickets on Periskope to HubSpot.
![Finish](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/periskope-settings.hubspot.png)
What can be done with the integration ? π
You can perform multiple actions between Periskope and HubSpot. Here are some of the actions that can be performed with the integration.
1. Linking chats to HubSpot π
- You can link chats on Periskope to contacts/companies on HubSpot. This will help you to track the contact/company details of the user you are chatting with on Periskope.
![1.1.1](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/chat-sidepanel-link.hubspot.png)
![1.1.2](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/chat-sidepanel-link-dropdown.hubspot.png)
![1.1.3](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/chat-sidepanel-selected.hubspot.png)
Link chat
You can also link chats to contacts/companies from the HubSpot.
![1.2](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/contact-lhs-link.hubspot.png)
- Now you can view all details of the linked contact/company on the chat sidepanel on Periskope.
![1.2](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/chat-sidepanel-linked.hubspot.png)
Hubspot properties on chat sidepanel
- All the properties are automatically synced from HubSpot. But, you can also refresh or unlink the hubspot properties manually from the chat sidepanel.
![1.3.2](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/chat-sidepanel-refresh.hubspot.png)
Hubspot properties on chat sidepanel
2. Syncing tickets to HubSpot ποΈ
- Once you have linked your HubSpot account with Periskope. The tickets created on Periskope will be automatically synced to HubSpot.
![2.1.1](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/ticket-create.hubspot.png)
Creating ticket on Periskope
- You can choose to switch between
pipelines
on HubSpot to view the ticket in the respective pipeline.
![2.1.1](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/ticket-pipeline-choose.hubspot.png)
Choosing ticket pipeline on Periskope
If any new pipeline is created on HubSpot, you can resync the properties to view the new pipeline on Periskope.
Ticket created on Periskope is synced to HubSpot.
![2.1.1](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/ticket-created.hubspot.png)
Ticket Created on Hubspot
- You can also view details of the linked ticket on the sidepanel of both the platforms.
Syncing of the details of already linked tickets between Periskope and HubSpot is bi-directional
. But, you can only create tickets on Periskope and sync them to HubSpot.
![2.1.2](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/ticket-lhs.hubspot.png)
![2.1.2](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/ticket-rhs-periskope.hubspot.png)
Ticket properties on HubSpot and Periskop
3. Sending a message using HubSpot workflow actions π©
You can send a message to chats on Periskope using HubSpot workflow actions.
Navigate to workflows on HubSpot
![2.1.2](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/workflow-sidebar.hubspot.png)
Workflows screen on Hubspot
Create a workflow
- Click on Create workflow to create a new workflow.
- Select the Type of workflow you want to create. You can choose from the following options:
Contact-based
,Company-based
,Ticket-based
![2.1.2](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/create-workflow.hubspot.png)
Workflows screen on Hubspot
Add a trigger of your choice
Click on Set up triggers and add a trigger event.
![2.1.2](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/choose-trigger.hubspot.png)
Choose a trigger
Add Send message action
- Click on + button to add an action.
- Click on Periskope under Connected apps on the LHS sidepanel and choose
Send a message
action.
![2.1.2](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/choose-action.hubspot.png)
Choose an action
Fill action form
In order to send message to one or multiple Chat IDs, you need to fill the form with the following details:
![2.1.2](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/send-message-form.hubspot.png)
Send message form
Form fields -
Supports the Chat Id(s) to which you want to send the message. You can enter multiple Chat Ids separated by semi-colon.
Properties supported for this field are -
- Contact Properties >
Periskope Chat IDs
- Company Properties >
Periskope Chat IDs
- Ticket Properties >
Periskope Chat ID
Chat ID example -
- Group Chat -
12036329726967XXXX@g.us
- Individual Chat -
9190043XXXXX@c.us
![Chat ID](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/chatids-form.hubspot.png)
Enter the message you want to send to the selected Chat ID(s).
Choose the sender phone number from the dropdown. The message will be sent from this organization number if active on Periskope at the time of trigger.
![Chat ID](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/sender-phone.hubspot.png)
Send message action supports sending attachments to the Chat IDs.
You can add the public hosted URL of the media file you want to send as an attachment. Youβll also need to specify type of media being sent.
Choose the media type from the dropdown.
Supported values are - image
, video
, document
, audio
.
![Chat ID](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/media-type.hubspot.png)
π Result
Now youβve successfully created a workflow on HubSpot to send a message to chats on Periskope. You can now test the workflow and publish it to send messages to chats on Periskope.
![6.1](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/review.hubspot.png)
Review
Done π
Youβve now successfully integrated Hubspot with Periskope.
For any queries, reach out to us here
FAQs β
1. How to view Periskope properties on HubSpot?
Initially, you wonβt be able to view Periskope properties on HubSpot. But, once you link a chat to a contact/company on HubSpot, the properties will be synced to HubSpot.
To view properties on HubSpot, you can customize properties on the contact/company/tickets page to change the visibility.
![1.1](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/customize-properties.hubspot.png)
You can choose the properties you want to view on the contact/company/tickets page.
![1.1](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/add-properties.hubspot.png)
2. Resyncing Periskope properties on HubSpot
In case you add new team members or new properties on Periskope, you can refresh the properties on HubSpot. To resync the properties, you can click on the Resync properties button in settings.
![1.1](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/resync-settings.hubspot.png)
3. Updating scope of the integration
In case you want to add any available scope of the integration after connecting,
-
You can visit the Periskope settings page and click on Delete.
-
Choose to delete without removing data.
Delete and Reconnect
-
Reconnect the integrationg with added scope.
workflows
as an additional scope.4. Deleting the integration
To delete the integration, you can visit the Periskope settings page and click on Delete. You can choose to delete with or without data.
![1.1](https://mintlify.s3-us-west-1.amazonaws.com/bharatkumarramesh/integrations/hubspot/delete.hubspot.png)