# 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/uZ9lzqgHX4JL1Df67xog/blobs/1ydDqPILaXWojs1rrFAo/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 new ***Create Cargo modal*** has a new 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://content.gitbook.com/content/uZ9lzqgHX4JL1Df67xog/blobs/kDsxBe6vr2uuQO2Z4s1H/Screenshot%202024-10-30%20at%2010.17.44.png" alt=""><figcaption><p>New Create Cargo Modal fro Unallocated Cargoes</p></figcaption></figure></div>

#### New Create Cargo Port modal:

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

<figure><img src="https://content.gitbook.com/content/uZ9lzqgHX4JL1Df67xog/blobs/ui1rbR9mNbDKFOrbsfrr/CreateCargoPortModal.png" alt=""><figcaption><p>New 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/uZ9lzqgHX4JL1Df67xog/blobs/1ydDqPILaXWojs1rrFAo/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.16/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 new *multiple value* component in the Create Cargo modal, you are now 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-actions](https://docs.dataloy.com/release-8.16/fleet-allocation-and-scheduling/getting-started/planning/fleet-plans/cargo-management-board/cargo-actions "mention")!
{% endhint %}