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

# Financial Data Update

This section outlines the steps to update financial data from your Xero invoices directly within HubSpot deals using UI extensions.

<Note>
  Additionally, you can also perform the above financial data synchronization using a contact/company-based workflow-action within HubSpot.
</Note>

## Steps to Setup "Xero Sales Information" card

###### In order to fetch financial data from Xero, you first need to enable the "**Xero Sales Information**" card.

###### Please follow the steps provided below:

<Steps>
  <Step>
    Navigate to any deal within your HubSpot account > Click on the **"Customize"** button on top:

    <Frame>
      <img src="https://mintcdn.com/cloudify-c7720744/BIml29dpehfl6ukC/images/image-256.png?fit=max&auto=format&n=BIml29dpehfl6ukC&q=85&s=6eee13a08cadd7030ca58d483a7080ff" alt="Image" width="1366" height="616" data-path="images/image-256.png" />
    </Frame>
  </Step>

  <Step>
    Select '**Default view**' from the customization options.

    <Frame>
      <img src="https://mintcdn.com/cloudify-c7720744/BIml29dpehfl6ukC/images/image-257.png?fit=max&auto=format&n=BIml29dpehfl6ukC&q=85&s=441945a6d8aa7a8f5b1d2cb11b9572ad" alt="Image" width="1486" height="603" data-path="images/image-257.png" />
    </Frame>
  </Step>

  <Step>
    You will see various cards displayed under the “**Edit layout**” tab:

    <Frame>
      <img src="https://mintcdn.com/cloudify-c7720744/BIml29dpehfl6ukC/images/image-258.png?fit=max&auto=format&n=BIml29dpehfl6ukC&q=85&s=4d0b5cd141c9bc0e2eb0b9ad799c1720" alt="Image" width="1893" height="859" data-path="images/image-258.png" />
    </Frame>
  </Step>

  <Step>
    Click on the plus sign **(+)** in between any two cards where you want to place the **Xero Sales Information** card.

    <Frame>
      <img src="https://mintcdn.com/cloudify-c7720744/5U3kvt75TRrkUYon/images/image-423.png?fit=max&auto=format&n=5U3kvt75TRrkUYon&q=85&s=e75a6884406cf31bd3b93ad3bea371d3" alt="Image" width="1893" height="859" data-path="images/image-423.png" />
    </Frame>

    <Note>
      **Note**: You can also add a new tab according to your preference, specifying where you want your card to appear.
    </Note>

    <Frame>
      <img src="https://mintcdn.com/cloudify-c7720744/5U3kvt75TRrkUYon/images/image-424.png?fit=max&auto=format&n=5U3kvt75TRrkUYon&q=85&s=1f2d3fce02e15fda7b4c594e1736d3bd" alt="Image" width="831" height="621" data-path="images/image-424.png" />
    </Frame>
  </Step>

  <Step>
    A new window titled **“Add middle column cards**” will appear. Click on **“Card library**” and search for “**Xero Sales Information**”card. Click the “**Add card**” option to add it to your overview tab. 

    <Frame>
      <img src="https://mintcdn.com/cloudify-c7720744/5U3kvt75TRrkUYon/images/image-425.png?fit=max&auto=format&n=5U3kvt75TRrkUYon&q=85&s=31cb26d3834cf21d1d6aeb713afc3a1b" alt="Image" width="798" height="387" data-path="images/image-425.png" />
    </Frame>
  </Step>

  <Step>
    Click on "**Save and exit**" to apply the changes to your HubSpot layout. 

    <Frame>
      <img src="https://mintcdn.com/cloudify-c7720744/BIml29dpehfl6ukC/images/image-260.png?fit=max&auto=format&n=BIml29dpehfl6ukC&q=85&s=90d2494ae2e5f00cc6380981f23be736" alt="Image" width="1886" height="760" data-path="images/image-260.png" />
    </Frame>
  </Step>
</Steps>

<Steps />

## Steps to Sync Xero data (One-time setup)

<Steps>
  <Step>
    You will now see the "**Xero Sales Information**" card within your overview tab.

    <Frame>
      <img src="https://mintcdn.com/cloudify-c7720744/5U3kvt75TRrkUYon/images/image-428.png?fit=max&auto=format&n=5U3kvt75TRrkUYon&q=85&s=1e59d609d19179d252a719594754d807" alt="Image" width="1778" height="658" data-path="images/image-428.png" />
    </Frame>
  </Step>
</Steps>

<Steps>
  <Step stepNumber={2}>
    To view the financial data directly from your deal, click on "**Sync Settings**" to do one-time settings.

    <Frame>
      <img src="https://mintcdn.com/cloudify-c7720744/5U3kvt75TRrkUYon/images/image-427.png?fit=max&auto=format&n=5U3kvt75TRrkUYon&q=85&s=51e8c4b540bc587aee2bcb3a52758002" alt="Image" width="1303" height="292" data-path="images/image-427.png" />
    </Frame>
  </Step>
</Steps>

<Steps>
  <Step stepNumber={3}>
    A popup window titled **"Financial Report**" will appear.

    <Frame>
      <img src="https://mintcdn.com/cloudify-c7720744/5U3kvt75TRrkUYon/images/image-429.png?fit=max&auto=format&n=5U3kvt75TRrkUYon&q=85&s=f5a49d8735ed9aa18f94f0ac65f40ebe" alt="Image" width="1597" height="736" data-path="images/image-429.png" />
    </Frame>
  </Step>
</Steps>

<Steps>
  <Step stepNumber={4}>
    This section consists of the search parameters based on which the search or sync will be performed. You can select your preferred parameters.
  </Step>
</Steps>

<Steps>
  <Step stepNumber={5}>
    Select the time range you want to see.

    <Frame>
      <img src="https://mintcdn.com/cloudify-c7720744/5U3kvt75TRrkUYon/images/image-430.png?fit=max&auto=format&n=5U3kvt75TRrkUYon&q=85&s=6c06e9ec1fd10c486581485533e9837d" alt="Image" width="1303" height="294" data-path="images/image-430.png" />
    </Frame>
  </Step>
</Steps>

<Steps>
  <Step stepNumber={6}>
    Click on "**Update"**.

    <Frame>
      <img src="https://mintcdn.com/cloudify-c7720744/5U3kvt75TRrkUYon/images/image-431.png?fit=max&auto=format&n=5U3kvt75TRrkUYon&q=85&s=c8046104613e3e88d2830e58d5247583" alt="Image" width="805" height="607" data-path="images/image-431.png" />
    </Frame>
  </Step>
</Steps>

## Perform Sync for updated financial report

Every time you need to have the updated financial report, just click on **"Perform Sync"**.

<img src="https://mintcdn.com/cloudify-c7720744/T14Jg6dyxFlRKdOm/perform-sync.jpeg?fit=max&auto=format&n=T14Jg6dyxFlRKdOm&q=85&s=2f5ad8bb0d707af798b63f304eebb94f" alt="Main dashboard interface" style={{ height:"100%",borderRadius:"15px",border:"1px solid #e2e8f0",padding:"4px" }} width="1303" height="294" data-path="perform-sync.jpeg" />

You will see the updated data including:

* Last Synced Date
* Time
* Number Of Booked invoices
* Sum of Booked invoices
* Average of Booked invoices
* Account Balance
* Overdue invoices

All this data will be available right in your HubSpot deal without even switching your screens.

<Tip>
  **Got unique integration needs?**\
  Our custom team can build tailored integrations, specialized data mappings, and workflow automations to perfectly match your specific business processes.

  [Advanced integration settings](https://custom.cloudify.biz/)
</Tip>
