Others

Setup HubSpot CRM

15min
overview & purpose turn your sales process into a revenue generating machine with hubspot crm get an up to the minute view of your entire sales funnels on a clean, visual dashboard you can sort deals won and lost, appointments scheduled, contracts sent over, and track performance against quotas you set in one simple view hubspot crm tracks customer interactions automatically – whether they’re in an email, across social media, or on a call with detailed reports on sales activity, productivity, and individual performance, you’ll never be in the dark about how your team is tracking toward quota, and you’ll have all the data you need to coach your team to success integrate your hubspot crm with the onprintshop system and sync contacts between the two in this integration, you will have the control to decide any one way from the below sync type as per your business need one way in this sync, only the onprintshop contacts will be created in hubspot hubspot contacts will never be created in the onprintshop system when the onprintshop contacts created in hubspot are updated in hubspot, they will be updated back into onprintshop through hubspot webhook and, when contact details are updated in onprintshop they will be updated in the hubspot system as well two way in this sync, onprintshop contacts will be created in hubspot as well as hubspot contacts will be created in the onprintshop system when contact details are updated in any of the systems, they will be reflected in the other system overview & purpose read the below systematic guide to integrate hubspot crm with your onprintshop website pre requisites for hubspot crm integration pre requisites for hubspot crm integration create a hubspot crm account from – https //app hubspot com/signup/crm https //app hubspot com/signup/crm now, with the same account create the developers account from – https //app hubspot com/signup/developers/step/user info https //app hubspot com/signup/developers/step/user info for the integration, you’ll require ops’s endpoint url i e the webhook url get this url from ops technical team 1 get the api key 1 get the api key to get the api key login into your hubspot account if you are already using hubspot then you see the following screen click on the continue with this user now, go to the setting here, under integrations go to api key copy the key and save it for future references 2 get the client id and secret key 2 get the client id and secret key to get the client id and secret key login into your developers account on the home screen click on the create an app button next, fill the application details and create the application once the application is created the create app button will change into manage apps click on the manage apps and select your application click on the basic info from the left hand side menu and select the auth tab you’ll find the client id and client secret key copy and save it for future reference 3 webhook configuration 3 webhook configuration redirect url – in ops admin panel visit your admin panel and go to the store configuration >> external service settings >> accounting tab >> hubspot here, under redirect url, paste the ops’s endpoint url note above redirect url (also called ops’s endpoint url or webhook url) will be provided by the ops technical team redirect url – in hubspot open your hubspot developers account and click on the manage app , select your app here, under install url (oauth) , paste the url given in below format – https //app hubspot com/oauth/authorize?client id=xxxxxxxxxxxxxxxx\&redirect uri=xxxxxxxxxxxxxxxx\&scope=contacts https //app hubspot com/oauth/authorize?client id=xxxxxxxxxxxxxxxx\&redirect uri=xxxxxxxxxxxxxxxx\&scope=contacts here, you need to replace the client id with the client id saved in step 3 and replace the redirect uri with the redirect url in the above step under redirect url paste ops’s endpoint url given by the technical team (the one used in step – 3) webhook url – in hubspot open your hubspot developers account and click on the manage app , select your app select webhooks from the left hand side menu and paste ops’s endpoint url given by the technical team (the one used in step – 3) in the target url create subscription/create webhook open your hubspot developers account and click on the manage app , select your app under webhooks, set event throttling time as 1 per minute (enter 1 and select 'per minute' from the dropdown) now, click on the create subscription fill the new webhook subscriptions form in the following manner for object type , choose the contacts in the listen for which events , choose events based on your sync type if sync type is one way , choose the property changed if sync type is two way , choose the created and property changed under which properties select the properties to sync between onprintshop to hubspot add the following parameters – firstname, lastname, email, mobilephone, address, city, state, zip, and country finally, click on subscribe once the webhook subscription is created in hubspot developer account, activate it as well as all the events involved in the particular subscription 4 get the auth code (authentication to sync data between two systems) 4 get the auth code (authentication to sync data between two systems) to generate auth code, run the following url in the web browser https //app hubspot com/oauth/authorize?client id=xxxxxxxx xxxx xxxx xxxx xxxxxxxxxxxx\&scope=contacts%20automation\&redirect uri=xxxxxxxxxxxxxx https //app hubspot com/oauth/authorize?client id=xxxxxxxx xxxx xxxx xxxx xxxxxxxxxxxx\&scope=contacts%20automation\&redirect uri=xxxxxxxxxxxxxx client id client id used in the previous step redirect url redirect url used in the previous step once you run it, you will be asked to login into your hubspot crm account upon successful login, you’ll be asked to ‘ grant access ’ click on the grant access as soon as access is granted, you’ll be redirected to a screen as shown below – copy and save the auth code for future references 5 integration into ops admin panel 5 integration into ops admin panel login in to your ops admin panel and go to the store configuration >> external service settings >> others tab >> hubspot here on this screen, paste all the credentials derived in previous steps sync type – select one way or two way one way – in this sync, only onprintshop contacts will be created in hubspot two way – in this sync, onprintshop contacts will be created in hubspot as well as hubspot contacts will be created in the onprintshop system api key saved in step – 2 client secret and client id saved in step – 3 redirect url endpoint url given by the ops technical team (the one used in step – 3) auth code the code generated in step – 5 custom/extra fields sync – if you want to sync any other hubspot fields apart from those mentioned above (in step – 3 4), then follow the below steps – mention the hubspot fields/property’s internal field name in this textbox (for multiple fields, enter each in a new line) to get the internal name of the fields/properties, go to properties listing in your hubspot crm account while editing the property you’ll get its internal name (as shown in the image below) then, map those fields with onprintshop customer extra fields to map create customer extra field, in block/field name enter the hubspot field/property’s internal name (as shown in the image below) note in the custom/extra fields sync text box, the ‘internal field name’ can be of standard or custom hubspot fields you can configure hubspot standard fields in hubspot webhook, with this it will sync two ways (i e onprintshop to hubspot crm and vice versa any hubspot custom fields cannot be mapped in webhook therefore, the hubspot custom fields will only sync one way (i e onprintshop to hubspot) exceptional fields address 2 and consent for communication the hubspot custom fields – address 2 and consent for communication are exceptional you will not have to map them manually with any onprintshop extra fields these fields will be automatically mapped with the onprintshop field – ‘address 2’ & ‘send newsletter’ respectively if they are created in your hubspot crm account source if you want the source identification of any contact/customer in the onprintshop system i e whether the contact was created in onprintshop or hubspot, create a source extra field with block/field name as ‘ source ’, set its validation as – ready only then, mention its block/field name (i e ‘source’) in the ‘custom/extra fields sync’ textbox after configuring all the derived credentials, click on the generate access token button to generate the access token and allow the two systems to access specific data note make sure that the ‘auth code’ and ‘access token’ both are generated within the time lapse of 10 minutes, else you will have to regenerate them for successful sync once all the above steps are completed successfully, you are all set to sync data between onprintshop and hubspot crm sync contacts it will sync (create & update) all the onprintshop contacts into the hubspot crm