# Create Cargo

### **Steps:**

1. Open the **Cargoes** module from the menu on the left.
2. In the top right corner, click **Create** <img src="https://content.gitbook.com/content/7R7IFboJW2JabvnivFfc/blobs/gM9A4cpAhDHs0DJAVqz3/create-24px.svg" alt="" data-size="line">.
3. Select **Create New Cargo**.
4. In the modal, you can **fill in** the required fields and **add** any additional information about the new cargo.&#x20;
5. Click **Create**.

#### **Required fields:**

* Load Port
* Discharge Port
* Counterpart
* Commodity

### **New design:**

The ***Create Cargo modal*** has a design to increase the productivity while creating a cargo, is more user-friendly and has more useful features altogethe&#x72;**.** Click on the picture below to get a better view of the details:&#x20;

<div align="center"><figure><img src="https://1604153402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7R7IFboJW2JabvnivFfc%2Fuploads%2FO3ldAvmb0TIWYnOa8xQC%2FScreenshot%202026-01-08%20085211.png?alt=media&#x26;token=bd28b357-c7eb-43ec-8492-4bddb9e6f5e8" alt=""><figcaption><p>Create Cargo Modal For Unallocated Cargoes</p></figcaption></figure></div>

#### Create Cargo Port modal:

Similar to the design above, we have a *Create Cargo Port modal*:&#x20;

<figure><img src="https://1604153402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7R7IFboJW2JabvnivFfc%2Fuploads%2F08vTD4SLtl2mCUlDDdjt%2FScreenshot%202026-01-08%20085559.png?alt=media&#x26;token=47c1d8dd-997a-449c-b4b0-94e1749252bb" alt=""><figcaption><p>Create Cargo Port Modal For Unallocated Cargoes</p></figcaption></figure>

This modal has the same features as the *Create Cargo modal,* listed below. To *create* a new cargo port on a cargo, there is now a simple  <img src="https://content.gitbook.com/content/7R7IFboJW2JabvnivFfc/blobs/gM9A4cpAhDHs0DJAVqz3/create-24px.svg" alt="" data-size="line"> icon at the top of the *Cargo Port Timeline* section of the [cargo drawer](https://docs.dataloy.com/release-8.22/voyage-management-system/step-by-step-guides/cargoes/maintain-cargoes/cargo-drawer). However unlike the *Create Cargo modal,* Reason for Call is set to 'Loading' by default and is limited to only 'Loading' and 'Discharging' for *cargo ports.*&#x54;o change the order of ports, you can use the *drag and drop features* inside the modal. To *edit* or *delete* an existing cargo port you can, in the Cargo Port Timeline section, look for the grey icons on each of the *cargo port rows*, to specifically focus on a cargo port of choice to make the changes. Read more about the features below.&#x20;

### Features:

* With the *multiple value* component in the Create Cargo modal, you are able to add **multiple** Load- and Discharge- *cargo ports* to the new cargo.&#x20;
* The fields are divided into 2 sections, while the 3rd section displays the Timeline component of the cargo ports that are added. In the Create Cargo Port modal, there are 2 sections, in which the 2nd one contains the Timeline.&#x20;
* It is possible to *drag and drop* the ports in the Timeline component to change the order of the cargo port rows, in both of the modals.&#x20;

{% hint style="info" %}
To see the new *Create Cargo* and *Create Cargo Port* modals for *allocated* cargoes, click here: [cargo-management-board-actions](https://docs.dataloy.com/release-8.22/fleet-allocation-and-scheduling/getting-started/planning/fleet-plans/cargo-management-board/cargo-management-board-actions "mention")!
{% endhint %}