{% endcolumn %}
{% endcolumns %}
# Design on Modor
# Create a new mockup
# Select a mockup
Choose a mockup template and size that best fits your design.
1. Select the template of your choice from categories such as **T-shirt, Hoodie, Tote bag,** etc.
2. For further customization, you can filter your mockups from the options below the mockup categories.
3. Look out for free templates with no crown symbol. Crown-marked templates need an upgrade.
4. Next, click on **Use this mockup**, and your mockup will appear in the editor.
# Editing a mockup
# Upload your design
Below are the steps to easily upload your design and create a professional-looking mockup.
1. Select the mockup and then click on **Edit Mockup**.
2. Click on the **Upload** button under the **Design Tab**.
3. Upload your design, and once uploaded, it will be visible under **Project Assets**.
4. Next, click on the uploaded design.
5. Your design will get added to the mockup.
6. All changes are automatically saved, so even if you accidentally click on **Back**. You’ll not lose the progress.
# Edit your design
### Reposition, resize, and rotate your design
#### Resize your design
Follow the steps below to resize your design easily over the mockup:
1. Click on **Edit Mockup** to unlock the editing options.
2. Next, click the design on the mockup; a design placeholder box will appear.
3. Look for the **resize handle** on the bottom-right corner.
4. Use the **resize handle** to make the design bigger or smaller.
#### Rotate your design
You can rotate your design at various angles over the mockup to find your perfect position:
1. Click on **Edit Mockup** to unlock the editing options.
2. Next, click the design on the mockup; a design placeholder box will appear.
3. Look for the **rotate handle** on the top center of the design placeholder box.
4. Use the **rotate handle** to rotate your design in various directions.
#### Reposition your design
You can easily drag and move your design over the mockup with the following steps:
1. Click on **Edit Mockup** to unlock the editing options.
2. Next, click the design on the mockup; a design placeholder box will appear.
3. Click the design on the mockup and hold down the cursor.
4. Drag your design across the mockup, then release the cursor where you want it positioned.
# Replace your design
Replace or remove the existing design from your mockup with these easy steps.
### How to replace a design
1. Select your mockup and then click on **Edit Mockup**.
2. Next, select the **Design** tab on the top menu and upload a new design.
3. Click on the new design you just uploaded.
4. A new design has been added to your mockup.
5. All changes are automatically saved, so even if you accidentally click on **Back**. You’ll not lose the progress.
# Add multiple designs to your mockup
If you’d like to enhance your mockup by adding multiple designs, follow the steps below.
1. Click on **Edit Mockup** to unlock the editing options.
2. Select the **Advanced** tab from the top menu and click on **Add a Design**.
3. A new design placeholder box will appear.
4. You can reposition and resize the design placeholder box according to your needs.
5. Now, go to the **Design** tab and upload another design.
6. Select the design you want to add.
7. Your new design has been successfully set to the design placeholder on the mockup.
8. All changes are automatically saved, so even if you accidentally click on **Back**. You’ll not lose the progress.
# Delete your design from the mockup
1. Select your mockup and then click on **Edit Mockup**.
2. Select the **Advanced** tab from the top menu.
3. Select the design you want to delete, then click the **Delete Design** button under the **Advanced** tab.
4. You will see the selected design has been deleted from the mockup.
5. You can only delete a design if you have previously added more than one design to your mockup. No delete design button will appear in case of a single design.
# Change the color of your mockup
Customize your mockup by changing its color to match your brand or design theme.
To change the color of your mockup, follow the steps below.
1. Click on the **Color** tab from the top menu.
2. Choose a color with the color picker under **Change color**.
3. You can also use the **Hex code** and **RGB values** for more specific colors.
4. The selected color will be applied to your mockup.
5. All changes are automatically saved, so even if you accidentally click on **Back**. You’ll not lose the progress.
# Apply transformation to design
Apply transformation to your design by adjusting its rotation and position for a perfect fit.
1. Select the **Advanced** tab from the top menu.
2. Under **Transform**, adjust the X and Y scale to reposition your design.
3. Moving the scale to the right increases the value, and moving it to the left decreases it.
4. All changes are automatically saved, so even if you accidentally click on **Back**. You’ll not lose the progress.
# Download your mockup
Follow the steps below to download your mockup.
1. Before you download, give a proper name to your project by entering the project name in the top-right name bar.
2. Next, click the **Download** button in the top-right corner of the editor.
3. Choose **JPEG** or **PNG** as the format, then download your mockup.
4. You will download a zip file. Unarchive the zip to get your images.
# How to check your saved projects
Below are the steps on how to check your saved projects.
1. To check your saved projects, simply click on the **My Saved Projects** option on the dashboard.
2. You will see a list of all your saved projects.
# Mockup size guidelines for different e-commerce platforms
Every e-commerce platform has its own recommended image sizes, and using the right dimensions can make your product look sharper, more professional, and more clickable.
Here’s a quick reference table to help you export the perfect mockup size:
# Mockup size guidelines for different social media platforms
Social platforms prioritize different formats like square, portrait, landscape. using the correct mockup size ensures your visuals stay crisp.
Here’s a simplified table you can follow when exporting mockups for social media.
# Manage your account
# How to create a new account
### Create a new user account
1. Go to[ ](https://theapplaunchpad.com/)
2. Click on the **Get Started for Free** button in the top-right corner.
#### Create an account using Email
1. Click on the **Create an Account** link.
2. Fill out the form with your **name**, **email address**, and **password**.
3. The **password** should follow the rules mentioned[ here](https://docs.google.com/document/d/1wQXlNUKeZT2dbch0_aMkO6b0gIMp95QVC3Mlsi1cM0E/edit?tab=t.5xpxxiyjncxc).
4. Next, click on the **Sign Up** button.
5. You’ll receive a login code in your email to verify your account.
6. If it doesn’t appear in your inbox, be sure to check your spam folder.
7. Didn’t get the code? Click **Resend** to request a new one.
8. Once you have the code, enter it and click **Continue with login code** to proceed.
#### Create an account using Google
1. Click on **Continue with Google**.
2. Choose a Google account to continue with.
3. It automatically fetches basic user details like name and email, and verifies too.
4. No additional steps are required for email authentication.
# Create a password for your account
### Rules to create a user password
Your password must meet all the rules listed below.
1. It should be at least 8 characters long.
2. It must include at least one lowercase letter.
3. It must include at least one uppercase letter.
4. It must include at least one digit.
5. It must contain at least one special character from the following: @#$%^&+=
# Reset your account password
### Reset Password
If you forget your password and wants to reset it. Follow the steps below.
1. Click on **Log in** and click on the **Forgot Password** link.
2. Input your email address for your account.
3. Next, click on the **Reset Password** button.
4. Enter the **login code** you received in your email.
5. Check your **spam** folder if you didn't receive the login code in your inbox, or click on **resend**.
6. Next, click on **Continue with login code**.
7. Provide a new password. Follow the password[ rules](https://docs.google.com/document/d/1wQXlNUKeZT2dbch0_aMkO6b0gIMp95QVC3Mlsi1cM0E/edit?tab=t.5xpxxiyjncxc).
8. Click on the **Reset Password** button.
9. Once your password is reset, you will get a Password reset confirmation.
10. Click **Go back to Sign in**, then sign in with your new password.
# Can’t sign in into my account
If you can’t login into your account. Follow the steps below.
1. Make sure you’re using the correct email address.
2. Confirm that you’re signing in with the right method (Email-password or Google Sign-In).
3. Look for verification or confirmation emails from Modor in your inbox or spam folder.
4. If you are still facing an issue, reach out to us at , and we will get back to you.
# Change your e-mail address
Reach out to us at , and we will get back to you!
# Delete your account
Reach out to us at , and we will get back to you!
# Payment, Pricing & Billing
# How to upgrade from free to premium?
Follow these steps to upgrade your account:
1. **Log in** with your credentials.
2. Next, click the **Upgrade** button near the **profile icon** in the top menu settings on the home page.
3. The **pricing page** will appear in a new window.
4. Set the **price toggle** for monthly or annual pricing.
5. Click **Get Pro** to be redirected to the payment portal.
6. Complete all payment details, select the **Terms of Service** check box, and click on **Subscribe.**
# How to download an invoice or receipt?
Follow the steps below to download an invoice.
1. From your dashboard, open the **Profile** page and click **Download Invoices**.
2. Enter your email in the **Confirm your email field**, and choose the desired year or month from the dropdown.
3. Next, click **Download Invoices** to get your bills.
# Miscellaneous
# What’s new
# Keyboard shortcuts
# Quick tutorials