Skip to main content

HubSpot Integration

HubSpot provides a comprehensive ecosystem of software solutions designed to power inbound marketing, accelerate sales, and deliver top-tier customer service.

The CraftMyPDF app integrates with your HubSpot account and allows all your HubSpot users to access the templates created in your CraftMyPDF account. You only need one CraftMyPDF account to serve your whole team.

The CraftMyPDF app can generate PDFs for the following CRM objects:

In addition, the following CRM objects are supported if they have been activated in the HubSpot data model builder:

  • Appointments
  • Courses
  • Listings
  • Services
  • Projects

Requirements

  1. A HubSpot account
  2. A CraftMyPDF account

You can start with free accounts for both platforms and upgrade later if you need to.

Install the app

  1. Log in to your HubSpot account.

  2. Go to the CraftMyPDF app installation page.

  3. Select the HubSpot account that you want to connect to the CraftMyPDF app, and then click Choose Account.

    A screenshot that shows the screen for selecting the HubSpot account to connect to the CraftMyPDF app

  4. Review the requested permissions on the screen, and click Connect app.

    A screenshot that shows the requested permissions for the CraftMyPDF app

  5. Because the CraftMyPDF app is newly created, HubSpot has not verified it yet. You must type I accept the risk into the text box and click Connect to confirm the connection.

    A screenshot that shows the screen for connecting an unverified app

  6. HubSpot will redirect you to this documentation page. You have successfully connected the CraftMyPDF app to your HubSpot account.

Configure the app

Before you can use the CraftMyPDF app on HubSpot, there are two required prerequisites: set the API key and set the app card location.

  1. Log in to CraftMyPDF, and click the API Integration tab (or the Team API Integration tab if you plan to use your Team account). Copy your API Key.

    A screenshot showing where to copy the CraftMyPDF API Key

  2. In your HubSpot account, click the settings icon in the top navigation bar. In the left sidebar menu, navigate to Integrations > Connected Apps.

    A screenshot showing the location of the settings icon and Connected Apps

  3. Click the Actions button on the CraftMyPDF app, and then click Go to settings.

    A screenshot showing the Actions button and the Settings option

Set API key

  1. Click the Settings tab. Paste your copied CraftMyPDF API Key. Optionally, choose the region that is closest to your location for lower latency. Click Save settings.

    A screenshot showing the Settings tab and the API Key field

Set app card location

  1. Next, click the App cards tab, and then click the Manage locations button.

    A screenshot showing the App cards tab and the Manage locations button

  2. On the side panel, decide which CRM records the CraftMyPDF app card will appear on. You can also select the specific locations and views where the card should appear. Finally, click Save.

    A screenshot showing the side panel for managing app card locations

tip

To learn more about customizing HubSpot views, refer to the following HubSpot Knowledge Base articles:

Use the app

After you have configured the API key and the app card location, you are ready to generate PDF documents for your HubSpot CRM record data.

  1. Start by navigating to your HubSpot CRM record. In this documentation, we will use Deals for demonstration.

    A screenshot showing the Deals CRM option on the side navigation bar

    A screenshot showing a Deal record

  2. The CraftMyPDF app card will appear in the configured location.

    A screenshot showing the CraftMyPDF app card on a Deal record

Adding HubSpot properties to your template

HubSpot records contain data as properties, and these properties are used to retrieve and display your data. Each property is a key-value pair.

To merge your HubSpot data with your CraftMyPDF templates, you must find the property names (keys) and paste them into your template. The CraftMyPDF app card provides an easy Preview Data feature where you can see and copy the properties of your record.

  1. Under the Step 2: Prepare your data section, you can optionally choose to include associated object types. Click the Preview Data button.

    A screenshot showing the Preview Data button under the Prepare your data section

  2. A dialog box will appear. The JSON Data tab shows a preview of your record data. Click the Copy button, and the system will show a Text copied to clipboard success message.

    A screenshot showing the JSON Data tab and the Copy button in the Preview Data dialog box

  3. Log in to CraftMyPDF, navigate to your desired CraftMyPDF template, click the Data tab, and paste the preview data into the text area.

    A screenshot showing the Data tab in CraftMyPDF where the preview data is pasted

  4. Then, click the Designer tab. Here you can drag and drop the data fields into your template.

    A screenshot showing the Designer tab in CraftMyPDF with data fields available to drag and drop

  5. For associations, scroll down and look for the _associations field. In this example, we have selected to include the Contacts association. Therefore, a contacts field is available. Drag and drop the contacts field into the template, and a table will be created automatically.

    A screenshot showing the contacts association field being dragged into the template to create a table

note

After you have finished setting up your template, do not forget to click the Save button at the top-left corner to save your changes.

A screenshot showing the Save button at the top-left corner of the CraftMyPDF Designer

Generating PDF documents

Generating PDF documents with the CraftMyPDF app is a straightforward 3-step process:

  1. Select your CraftMyPDF template.

    A screenshot showing the template selection dropdown in the CraftMyPDF app card

  2. Select the associated object types that you would like to include.

    A screenshot showing the associated object types selection in the CraftMyPDF app card

  3. Click the Generate PDF button. You can also optionally choose to let the CraftMyPDF app create a note for the current CRM record with the PDF as an attachment.

    A screenshot showing the Generate PDF button and the option to create a note with the PDF attachment

Managing presets

The presets feature allows you to save your favorite templates and associated object selections for each HubSpot object type.

  1. Go to the CraftMyPDF app settings tab, fill in the form, and click Save preset.

    A screenshot showing the form to save a preset in the CraftMyPDF app settings tab

  2. The system will display a Preset saved message. The Saved presets table will now show your saved presets.

    A screenshot showing the Preset saved message and the Saved presets table

You can also save presets directly on the app card.

  1. After selecting the template and the associated object types, you can click the Save current setup as preset button.

    A screenshot showing the Save current setup as preset button on the app card

  2. A dialog box will appear. Fill in the preset name, and then click Save preset.

    A screenshot showing the dialog box for naming and saving a preset

  3. The system will display a Preset saved message. Your preset is now saved and can be reused to quickly generate PDFs.

    A screenshot showing the Preset saved message on the app card

Disconnect the app

note

Disconnecting the CraftMyPDF app from your HubSpot account does not delete the generated PDFs attached to Notes. These PDFs will still be available inside the craftmypdf folder in your HubSpot Files.

  1. In your HubSpot account, click the settings icon in the top navigation bar. In the left sidebar menu, navigate to Integrations > Connected Apps.

    A screenshot showing the location of the settings icon and Connected Apps

  2. Click the Actions button on the CraftMyPDF app, and then click Go to settings.

    A screenshot showing the Actions button and the Settings option

Delete API integration settings

This section shows how to delete your saved API Integration settings:

  1. Click the Settings tab. Inside the API Integration tab, click the Delete settings button under the Danger zone section.

    note

    If you do not see the Danger zone section, that means you have not saved your settings previously, and you do not need to disconnect.

    A screenshot showing the Settings tab and the Delete settings button

  2. In the dialog box, confirm that you want to delete your settings by clicking Delete settings.

    A screenshot showing the confirmation dialog box for deleting settings

  3. The system will display a Settings deleted successfully message. Your settings are now deleted.

    A screenshot showing the success message after deleting settings

Delete saved presets

This section shows how to delete saved presets:

note

Deleting a saved preset is permanent. You will have to create the preset again.

  1. Click the Settings tab. Inside the Presets Manager tab, under the Saved presets table, click the Delete button for the preset that you want to delete.

    A screenshot showing the Delete button for a saved preset in the Presets Manager

  2. When a saved preset is deleted, the system will display a Preset deleted message.

    A screenshot showing the Preset deleted success message

Uninstall the app

note

Uninstalling the CraftMyPDF app from your HubSpot account does not delete the PDFs attached to Notes. These PDFs will still be available inside the craftmypdf folder in your HubSpot Files.

To uninstall the CraftMyPDF app from your HubSpot account, follow the instructions in this HubSpot Knowledge Base article:

  1. In your HubSpot account, click the settings icon in the top navigation bar. In the left sidebar menu, navigate to Integrations > Connected Apps.

    A screenshot showing the location of the settings icon and Connected Apps

  2. Click the Actions button on the CraftMyPDF app, and then click Uninstall.

    A screenshot showing the Actions button and the Uninstall option

  3. In the dialog box, type uninstall into the text field, and click Uninstall.

    A screenshot showing the uninstall confirmation dialog box