> ## Documentation Index
> Fetch the complete documentation index at: https://docs.manuscritten.com/llms.txt
> Use this file to discover all available pages before exploring further.

# HubSpot

> Manuscritten cuenta con una integración directa con HubSpot que permite añadir nuevas cartas a Manuscritten desde la propia vista de contacto de HubSpot. En esta página se describe como integrar Manuscritten dentro de tu propia cuenta de HubSpot y como crear cartas desde ella.

## Integrar Hubspot con Manuscritten

El primer paso para integrar tu cuenta de Hubspot con Manuscritten es acudir a la [página de integraciones](http://app.manuscritten.com/settings/integrations).

Una vez allí se mostrará que la cuenta no tiene todavía una integración con Hubspot y un botón, **Conectar cuenta**, que inicia el flujo de integración.

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-settings.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=0c2c29371861d3b3a45345c7be1d7016" alt="Hubspot Settings Pn" width="1919" height="906" data-path="images/hubspot-settings.png" />

Si se pincha en dicho botón, se redirigirá a tu cuenta de Hubspot. Si tienes varias entonces se te pedirá que escojas una de ellas. Cuando la escojas se te pedirá una última confirmación antes de llevar a cabo definitivamente la integración.

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-oauth-select-account.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=fbefb8b03eed7333ad3ea2c5a60948b6" alt="Hubspot Oauth Select Account Pn" width="1919" height="910" data-path="images/hubspot-oauth-select-account.png" />

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-oauth-confirm.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=5e055cac42de3a7dc3029871e6cd30a0" alt="Hubspot Oauth Confirm Pn" width="1902" height="908" data-path="images/hubspot-oauth-confirm.png" />

Finalmente se redirigirá de vuelta a Manuscritten donde aparecerá que Hubspot se ha conectado satisfactoriamente.

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-oauth-install-sucess.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=c0fe555612bd0aa73a26e252ee393bcb" alt="Hubspot Oauth Install Sucess Pn" width="1919" height="909" data-path="images/hubspot-oauth-install-sucess.png" />

## Colocar la integración con Manuscritten en la vista de contacto

La integración de Manuscritten ofrecer un tarjeta de aplicación que se puede añadir al panel lateral derecho de la vista de contacto para poder añadirle a una campaña existente o mandarle una carta individualizada.

Para añadir esta carta, basta con pinchar **Personalizar** y luego en la vista que se desee personalizar. En nuestro ejemplo, en Vista predeterminada

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-personalize-contact-view.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=75b46d2ea890da44719fbb6e7f54950d" alt="Hubspot Personalize Contact View Pn" width="1918" height="908" data-path="images/hubspot-personalize-contact-view.png" />

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-edit-default-view.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=9e0b6063d268b83791d98596d8048a79" alt="Hubspot Edit Default View Pn" width="1919" height="906" data-path="images/hubspot-edit-default-view.png" />

Luego, en el panel derecho se pincha en Agregar Tarjeta y se escoge, en la Biblioteca de tarjetas, la tarjeta llamada **Create card for Contact.**

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-add-card-1.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=4e477010524c8c05059856805ab15a9b" alt="Hubspot Add Card 1 Pn" width="1919" height="905" data-path="images/hubspot-add-card-1.png" />

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-select-card.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=7fe20417fb9924fa7d8a80253fa93af0" alt="Hubspot Select Card Pn" width="1918" height="908" data-path="images/hubspot-select-card.png" />

Con esto, si se vuelve a la vista de contact debería aparecer la tarjeta seleccionada en el panel lateral. Esta tarjeta ofrece dos posibilidades:

1. Añadir carta a Campaña
2. Crear una carta individual.

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-card-view.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=3b7f355c2a11f0f090489321a5c7f586" alt="Hubspot Card View Pn" width="1919" height="908" data-path="images/hubspot-card-view.png" />

## Añadir carta a campaña automática

Para crear con una carta para este contacto en una campaña basta con seleccionar la campaña de interés y pinchar en **Crear carta**. Tras ello aparecerá un modal donde se permitirá introducir la dirección de contacto del destinatario.

Los valores que aparecen por defecto en este formulario serán los que extraídos de la propia información del contacto de Hubspot. Para más información [léase este artículo](https://knowledge.hubspot.com/properties/hubspots-default-contact-properties).

También se ofrece la posibilidad de introducir valores para las [variables de la campaña](/campaigns/message).

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-card-for-campaign.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=4e398f6ae2d0f4bd28fae82882461dcf" alt="Hubspot Card For Campaign Pn" width="1919" height="905" data-path="images/hubspot-card-for-campaign.png" />

Cuando se pincha en **Crear carta**, la información de la nueva carta se envía a Manuscritten y se añade a la campaña seleccionada.

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-card-for-campaign-sucess.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=3a5bcd9b426f301c00d94ee377115d59" alt="Hubspot Card For Campaign Sucess Pn" width="1919" height="905" data-path="images/hubspot-card-for-campaign-sucess.png" />

## Crear carta individual para contacto

Si lo que se quiere es mandar una carta con un contenido específico para este contacto, entonces se tendrá que crear una [**carta individual**](/campaigns/single).

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-single-view.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=e19e8756e5f81e8f1e22f177d47ff204" alt="Hubspot Single View Pn" width="1919" height="905" data-path="images/hubspot-single-view.png" />

El proceso de creación es similar al que hay que seguir en la propia aplicación de Manuscritten. Primero se escoge el remitente que se quiera añadir a la carta; y se especifica cual va a ser la dirección del destinatario. Los valores por defecto, igual que en el caso anterior, se extraen de la información del propio contacto.

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-new-single-address.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=9fe96f24a8ad6a9b50073c81cdbdadb9" alt="Hubspot New Single Address Pn" width="1919" height="908" data-path="images/hubspot-new-single-address.png" />

Luego habrá que escoger el [diseño de carta y sobre](/customization/designs).

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-new-single-design.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=f19cb456cf65a2eb4278b9dd77f24f84" alt="Hubspot New Single Design Pn" width="1918" height="905" data-path="images/hubspot-new-single-design.png" />

Finalmente se deberá introducir el propio mensaje que tendrá la carta y, si se quiere, la firma que deberá añadirse.

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-new-single-message.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=3aad08f403b8416668e1ed3a93e0a9db" alt="Hubspot New Single Message Pn" width="1919" height="906" data-path="images/hubspot-new-single-message.png" />

Finalmente, cuando se pinche en **Submit** la carta individual se añadirá a Manuscritten.

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-new-single-success-.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=9fbb40157b5623cebe2df45829a4f054" alt="Hubspot New Single Success Pn" width="1919" height="906" data-path="images/hubspot-new-single-success-.png" />

<img src="https://mintcdn.com/manuscritten/22vIMk9vpVsLjD3X/images/hubspot-new-single-in-manus.png?fit=max&auto=format&n=22vIMk9vpVsLjD3X&q=85&s=9ffa08498ff36d55668f2b8e95e30d6b" alt="Hubspot New Single In Manus Pn" width="1919" height="909" data-path="images/hubspot-new-single-in-manus.png" />
