# 1. Setting up the Mock CRM

**Preparing the Integration for External HTTP API Access**

Integration Gateway integrations are exposed via their URL. We need to make two changes to our integration to prepare it for external calls. Start by navigating to the **Build page,** right-clicking on the integration, and selecting *Configure*.

1. Remove spaces from the integration's Path Name so it can be used in a URL.\
   Change `User Management (Tutorial)` to `user_management_tutorial`
2. Enable HTTP API access by checking the *Enable API Access* box.

<figure><img src="https://688288018-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1flQ2To8tQpCQWl2Ty9U%2Fuploads%2FwbtK8HxdIGJSm3Z8L3fX%2FScreenshot%202024-09-03%20at%202.56.48%E2%80%AFPM.png?alt=media&#x26;token=9b9006cf-1224-4e2b-aa00-33ee9081b936" alt=""><figcaption><p>Modifying the integration for HTTP API access</p></figcaption></figure>

Click *Save*, then close the modal using the *X* in the top-right corner.

**Finding the Integration URL**

To get an integration's execution URL, right click on the integration and click *Run Integration.* The top of the **Integration Runner** shows the integration's URL. Copy the URL using the *Copy* button on the right side and save it.

<figure><img src="https://688288018-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1flQ2To8tQpCQWl2Ty9U%2Fuploads%2FyuTZhqCEvQgoGRvPRC2B%2FScreenshot%202024-09-03%20at%202.46.20%E2%80%AFPM.png?alt=media&#x26;token=dc272b2d-72d7-4c63-87fa-6fce9ac4fa7f" alt=""><figcaption><p>The URL of the integration</p></figcaption></figure>

**Setting up the Mock CRM**

Using the navigation bar, open *Frontends.* Click *Create* in the top right. Enter the following:

> Name: Mock CRM
>
> Path: mock-crm

Download this `.zip` file that contains the source code for a simple mock CRM:

{% file src="<https://688288018-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1flQ2To8tQpCQWl2Ty9U%2Fuploads%2FMyLZ5mxCgNToJkAuTeZh%2Fmock_crm.zip?alt=media&token=7f951a6a-ce9a-4ef3-a9bf-461b808989d8>" %}

Upload it to your Frontend by dragging the `.zip` file into the *Files* section on the right side.

<figure><img src="https://688288018-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1flQ2To8tQpCQWl2Ty9U%2Fuploads%2FXcfVF2kIAaGoGIRnXGIq%2FScreenshot%202024-09-03%20at%202.45.07%E2%80%AFPM.png?alt=media&#x26;token=16666bb9-b33a-425c-93dd-d5e200e1f53c" alt=""><figcaption><p>Creating the Mock CRM using Frontends</p></figcaption></figure>

Save your frontend by clicking *Create*.

**Configuring the Mock CRM**

Open the mock CRM by clicking the *View* button. In the popup window, enter the integration URL you obtained in the previous step and click *Save Configuratio&#x6E;**.***

<figure><img src="https://688288018-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1flQ2To8tQpCQWl2Ty9U%2Fuploads%2FkjYQRjyBjgY1j933Div1%2FScreenshot%202024-09-03%20at%202.48.27%E2%80%AFPM.png?alt=media&#x26;token=948077b3-0a51-4f79-86c6-4b3242545d5b" alt=""><figcaption><p>Enter the integration URL in the Mock CRM</p></figcaption></figure>
