# 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://367031440-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://367031440-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2XdaKNxt1Xy8K4NApCZk%2Fuploads%2FfgE53SVxF8cpej9yjhjO%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://367031440-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2XdaKNxt1Xy8K4NApCZk%2Fuploads%2FzmXUipdhMoCQRD60FZhs%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://367031440-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](../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](../../../../fleet-allocation-and-scheduling/getting-started/fleet-plans/cargo-management-board/cargo-actions "mention")!
{% endhint %}
