There are no two opinions about the fact that HubSpot apps own the power to fulfill user's requirements and pre-defines the functionality of requirements. In HubSpot, you can utilize apps for identifying the integration and can be used and installed on a customer's account easily. 

No matter whether you aim for mobile app development or website development, HubSpot helps you in achieving your goals. 

{{cta(‘d050a241-7ba5-4513-9b90-dc7218822d53′,'justifycenter')}}

In this internet era, everyone is putting their best efforts to create websites and apps to boost their ROI. Are you a HubSpot user and planning to build your first project of app development? But don't know how to create an app like a pro! 

No worries! You are reading the right article. By following this step-by-step- guide, you can surely develop apps in HubSpot without actually taking the help of developers. Sounds interesting! Right? 

Now, without any further ado, let's have a look at the steps to develop an app for sending SMS in HubSpot. 

How to create an App in HubSpot

Let's beginÂ… 

Step 1– To start with the app development in HubSpot, you must have a developer account for app setup. Don't have that? Need not fret! You can always use this URL for developer accounts. 

URL- https://app.hubspot.com/signup/developers/step/detect-auth?_ga=2.72388250.860062157.1620027914-131827995.1611742225

For your better insight, the developer account will be visible as the below-added screenshot.

developer account menu

Step-2 Once you are done with your account setup, navigate to the Apps menu bar and click on create app button. 

apps menu bar

Step-3 Here, you have to name the application name as per your own requirements. 

app name

Step-4 Once you name the application, you will see that App Id, Client Id, Client Secret will be generated automatically in the app. All these credentials can further be used for the developer installation process. 

app credentials

Step-5 Before you proceed further, it is vital for you to understand that the redirect URL is the section where your action is performed during installation. Also, don't miss to select the scopes according to your application as it is mandatory.

redirect url

Step-6 Once, You are done with all the above-mentioned steps, it's time to create CRM cards that are used for performing your action on your application. You can see these CRM cards on contracts. Have a look at the below screenshot to get a clear insight-

crm cards

Step-7 Now, click on create CRM card for fetching data URL. Whenever your app action is performed in contacts, then these CRM cards will work. Here, you have to select target record types for sending properties value in your card action in contacts.

data request

Step-8 After adding all information to the CRM card, don't miss to save this card or discard it if not.

save card

Step-9 Once you are done with creating the action of CRM cards, the below code will be shown showcase an SMS SEND button with iFrame functionality in contacts. Make sure this action will be performed in the PHP function.

embed codeStep-10 After creating CRM cards using function actions, check the response of api's by clicking on the API calls button as shown below- 

api call action

Step-11 Now, click on webhooks and enter the URL where you want to hit your action. 

webhook

{{cta(‘02962c9b-879a-403d-ae8c-a7f324531089′,'justifycenter')}}

How to install an App in HubSpot

Step-12 Now, copy the full URL from the developer account for installing the app into HubSpot. Navigate to chrome and paste the respective URL. Once you press enter, you will be redirected to HubSpot. 

install link

Step-13 Now, select the portal where you want to install this app. Once this process is completed, the app will be installed in your HubSpot portal. 

app installation

Step-14 Now, go to Settings > Connected App. Here, you can check whether the app is successfully installed or not.

check appinstalation

Steps to check the App Working 

Step -15 Go to the contacts list and open any contacts from the respective list. 

contact list

Step-16 Now, go to contacts and navigate to the right side list. Click on the SMS send button to know the functionality of this action. Have a look at the below screenshot- 

SMS and contracts

Step-17 Once you click on the SMS Send button, a popup will be shown as displayed below. You can perform this action by performing it in the back code. Here, you have to develop code for sending messages to the users. 

send SMS

Make a note that the phone number comes from this property of contacts.

phone number

Step-18 Now, You can also use the Twilio provider to send SMS to users. Below is the screenshot that showcases the program/code behind this functionality of sending SMS. 

code1code2

Congratulations! You have successfully developed an app for sending SMS in HubSpot. 

Know more about how to use HubSpot contact API.

{{cta(‘b6d0321c-75a1-41cf-89ca-6812751c2a82′,'justifycenter')}}

The last Say

Creating an application is not easy. But hopefully, the above steps will surely help you install and develop an app like a professional in HubSpot.

But still, if you need any assistance in creating websites or apps, do contact us. Our certified professionals will surely help you make the best app or website for your business. 

                                                                                                                    Editor– Divya Verma