Now that you've found a design that you love, the only thing left is to personalize it! This article will guide you through using the Zazzle Templates feature on the desktop to personalize a design with your own text and photos. If you wish to read the help article for the Mobile or App version, click here.

Jump to a section this article:

1. Desktop Video Walkthrough
2. Mobile Video Walkthrough
3. Click "Personalize this Design"
4. Replacing Placeholder Text and Images
5. Image Adjust Mode for Fine-tuning
6. Finishing up

 

Desktop Video Walkthrough

 

Mobile Video Walkthrough

 

Click "Personalize this Design"

Before diving in, make sure that you are already on a product page with an existing design. If you find yourself on a blank product, you will need to enter the Design Tool to customize the design. 

1. Click the blue “Personalize this Design” button to open the templates drawer on your chosen design.
2. On a drawer will slide out of your screen, displaying text and image fields that you can replace.
   1. On desktop, the drawer will appear from the right side.
   2. On mobile, the drawer will appear from the bottom.

 

Replacing Placeholder Text and Images

The input fields that you see here were set by a creator who made these designs. Each product template would include different content, and you might not need to replace everything you see. For this reason, please make sure that you review everything carefully.

1. Text inputs- Click on the text input field that you want to edit, then simply replace the placeholder text with your own text. Make sure that key details like names, dates and locations are your own.
2. Replacing Images- Click the replace button next to the image that you want to replace. Clicking the replace button will open up a media browser where you can upload your images directly from your computer or from your mobile phone.

3. Real-Time Preview- As you update the text and images, the preview image on the left side will automatically update to reflect your changes.

 

Image Adjust Mode for Fine-tuning

After you replace a placeholder image, sometimes it might need a bit of adjusting for its position and cropping. For these cases, you can use the Image Adjust Mode to make sure it looks perfect.

1. Click on the "Adjust" button, located beside the "Replace" button. Adjust mode is only available after you have replaced the placeholder image. 
2. A modal will then appear, where you can change the position or the cropping / zoom level of your image.
3. To change the cropping or zoom level of your image, you can click and drag the corner handles to proportionately resize the image. You can also use the zoom bar at the bottom of the modal.
4. To change the position of your image, simply click and drag your image around to move it within the fill area. 
5. When you are finished, click "Done" button on the lower right hand corner of the modal.

 

Finishing up

Congratulations on personalizing your design! Remember, you can always see a live preview of your design as it updates in the product images. In case you want to do more advanced customization, you can always enter the design tool by clicking the "Edit using Design Tool" button. 

Once you are ready to finish the customization process, follow these steps:

• Click the Done button on the template drawer to close it once you are satisfied with your design.
• If you haven’t already, add any necessary product attributes right on the product page, e.g. paper type, size, etc.
• Click Add to Cart when you’re ready to purchase your customized product.