# 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://1404085267-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Liw6C9Fe7rohFtkU25j%2F-M23XjciEP9F3xdDeDrE%2F-M23aB95JDSUt7kYOdWo%2Fcreate-24px.svg?alt=media&#x26;token=d69f2239-6a6c-48a4-ba17-ae0bb299c3d0" 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
* Charterer
* 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://1404085267-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZES3IDyXDRs9Dzhv8ToB%2Fuploads%2Fkp1OnfyhFJfbR8BXSE7x%2FScreenshot%202022-08-29%20at%2015.35.01.png?alt=media&#x26;token=6222f3bb-2c59-42e7-9d3d-6a8be065bfda" 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://1404085267-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZES3IDyXDRs9Dzhv8ToB%2Fuploads%2FLR9JjIB9FB45BxLivfzY%2FScreenshot%202022-08-30%20at%2009.45.23.png?alt=media&#x26;token=039f34ea-ec06-44fe-a84e-f58cc3ce1584" 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://1404085267-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Liw6C9Fe7rohFtkU25j%2F-M23XjciEP9F3xdDeDrE%2F-M23aB95JDSUt7kYOdWo%2Fcreate-24px.svg?alt=media&#x26;token=d69f2239-6a6c-48a4-ba17-ae0bb299c3d0" alt="" data-size="line"> icon at the top of the *Cargo Port Timeline* section of the [cargo drawer](https://docs.dataloy.com/release-6.13/voyage-management-system/step-by-step-guides/cargoes/maintain-cargoes/cargo-drawer). To 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.

### 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-6.13/fleet-allocation-and-scheduling/getting-started/fleet-plans/cargo-management-board/cargo-actions "mention")!
{% endhint %}