# How do I create a new block? In order to create a new block for your store first navigate to the blocks listings page and click the "+ New Block" button at the top of the page. ![Screenshot_2021-10-20_at_10-17-14_Aero_Commerce_Admin_copy_2.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409275595281-screenshot-2021-10-20-at-10-17-14-aero-commerce-admin-copy-2.png) From here you will be presented with the form for creating a new block. The form is grouped into sections with non-required sections collapsed. ## Block Information The first section is the block name, key and description; - **Name**- The main identifier for your Block, shown on the Block list - **Key**- Allows you to enter useful information to describe your Block - **Description**- The back-end identifier for your Block ![Screenshot_2021-10-20_at_10-35-49_Aero_Commerce_Admin_copy.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409275683345-screenshot-2021-10-20-at-10-35-49-aero-commerce-admin-copy.png) ## Block Elements The block elements section is where you add content to your block; - **+ Menu**- Adds a Menu element to your Block - **+ Link**- Adds a Link element to your Block - **+ Text**- Adds a Text element to your Block - **+ Image**- Adds an Image element to your Block - **+ HTML**- Adds an HTML element to your Block ![Screenshot_2021-10-20_at_10-35-49_Aero_Commerce_Admin_copy_2.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409282503569-screenshot-2021-10-20-at-10-35-49-aero-commerce-admin-copy-2.png) Once you have created an element you have the following options; - **Copy**- Creates a duplicate copy of this element in your Block - **Delete**- Instantly deletes your element (also deletes elements nested beneath your element) ![Screenshot_2021-10-20_at_10-42-18_Aero_Commerce_Admin_copy.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409282550673-screenshot-2021-10-20-at-10-42-18-aero-commerce-admin-copy.png) ### Element types When adding a new element, your options change depending on the type of element; #### Menu element Menus allow you to create nested link menus. Menu elements can have links or menu elements nested beneath them. To nest an element under a menu, following these steps 1. Select the menu you want to nest under 2. Click the button for a new menu, link or text The fields available for the menu element are as follows; - **Title**- The text that appears in the menu element when displayed on screen - **Link**- Optional - The URL your menu element links to - **Show / hide this block at a particular time**- Allows you to set show and hide times for your menu element - **Show at**- Set the time to start displaying your menu element - **Hide at**- Set the time to start displaying your menu element - **Additional Attributes**- Adds a new attribute - **Delete icon**- Instantly delete your attribute - **Name**- Enter your attribute name - **Value **- Enter your attribute value ![Screenshot_2021-10-20_at_11-32-05_Aero_Commerce_Admin.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409283553041-screenshot-2021-10-20-at-11-32-05-aero-commerce-admin.png) #### Link element Links allow you to create linkable list elements. When used with menus you can create nested link lists. - **Title**- The text that appears in the link element when displayed on screen - **Link**- Optional - The URL your link element links to - **Show/Hide this Block at a particular time**- Allows you to set show and hide times for your link element - **Show at**- Set the time to show your link element - **Hide at**- Set the time to hide your link element - **+ add attribute**- Adds a new attribute - **Delete icon**- Instantly delete your attribute - **Name**- Enter your attribute name - **Value**- Enter your attribute value ![Screenshot_2021-10-20_at_11-32-12_Aero_Commerce_Admin.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409283553681-screenshot-2021-10-20-at-11-32-12-aero-commerce-admin.png) #### Text element Text allows you to create textual list elements. When used with menus, you can create nested lists. - **Text**- The text that appears in the link element when displayed on screen - **Show/Hide this Block at a particular time**- Allows you to set show and hide times for your link element - **Show at**- Set the time to show your link element - **Hide at**- Set the time to hide your link element - **+ add attribute**- Adds a new attribute - **Delete icon**- Instantly delete your attribute - **Name**- Enter your attribute name - **Value**- Enter your attribute value ![Screenshot_2021-10-20_at_11-32-22_Aero_Commerce_Admin.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409283557265-screenshot-2021-10-20-at-11-32-22-aero-commerce-admin.png) #### Image element Image allows you to create image elements. These can contain up to 3 images, used depending on the type of device displaying the storefront. ##### Image filetypes Aero supports the following image types: - .png - .jpg/.jpeg ##### Image size Aero storefront supports images up to 10MB The fields available for the image element are as follows; - **3 x Drop files here to upload**- Optional - Either drag your product image file into the box or click to browse files - **Alt text**- Enter the alt text that describes the image - **Link**- Optional - The URL your image element links to - **Show/Hide this Block at a particular time**- Allows you to set show and hide times for your link element - **Show at**- Set the time to show your link element - **Hide at**- Set the time to hide your link element - **+ add attribute**- Adds a new attribute - **Delete icon**- Instantly delete your attribute - **Name**- Enter your attribute name - **Value**- Enter your attribute value ![Screenshot_2021-10-20_at_11-32-36_Aero_Commerce_Admin.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409276865937-screenshot-2021-10-20-at-11-32-36-aero-commerce-admin.png) #### HTML elements HTML allows you to create HTML Block elements. - **HTML**- - **Show/Hide this Block at a particular time**- Allows you to set show and hide times for your link element - **Show at**- Set the time to show your link element - **Hide at**- Set the time to hide your link element - **+ add attribute**- Adds a new attribute - **Delete icon**- Instantly delete your attribute - **Name**- Enter your attribute name - **Value**- Enter your attribute value ![Screenshot_2021-10-20_at_11-32-51_Aero_Commerce_Admin.png](https://support.aerocommerce.com/uploads/images/gallery/2026-09/4409283567249-screenshot-2021-10-20-at-11-32-51-aero-commerce-admin.png)