Photobook Designer
How to Create a Photobook Template in EzyDesigner (Easy Step-by-Step Guide)
📧 Need help? Email us at: support@ezycreate.com
Introduction:
EzyDesigner template creator allows users to create custom templates that can be used with the Ezydesigner. These templates typically include pre-designed layouts, fonts, and colors that users can customize with their own text, images, and other design elements.
This makes it easy for users to create professional-looking personalized gifts without having any design experience.
Features that EzyDesigner Template creator offers:
- A library of pre-designed templates for different occasions and events
- Customize templates with text, images, and other design elements for different occasions and events.
- Design by selecting predefined place holders.
- Add background color and color to text.
- Copy templates across different products and sizes.
- Publish a template.
- Edit an existing template that is unpublished.
- Preview the design in 2D view.
A filter option to search the template Template name occasions wise, language wise,published.
Key Features of the EzyDesigner Template Creator
With EzyDesigner, you can:
Use a library of pre-designed templates for various events (e.g., birthdays, weddings, holidays)
Customize layouts with text, images, and design elements
Drag and drop from a set of predefined placeholders
Change background colors and text colors
Copy and resize templates across different product sizes
Publish your designs so customers can use them
Edit existing unpublished templates
Preview your design in a 2D view before going live
Use filters to find templates by name, occasion, language, or publish status
Glossary of Key Terms
Here are some basic terms you'll see in this guide:
- Photo Holder An empty frame where users can drag and drop their own photos.
- Tags Hashtags (like #birthday, #travel, or #newyear) used to filter templates easily.
- Template Group A collection of templates with the same design but resized for different product sizes.
- Template A ready-to-use layout that includes photos, text fields, clipart, and background images.
- Text Field An editable area where users can add or customize text within a design.
- Template Creator The online design workspace where you create and customize templates.
- Template Object Any design element used in the template, such as photo holders, text fields, clipart, or backgrounds.
Section I: How to Create a Template
Step 1: Login
- Open the website Enter valid login details and click on the login button.
Step 2: Welcome Dashboard
- You'll land on the dashboard homepage
Step 3: View Templates Dashboard of current templates
- Click on Templates to load the list of existing templates
Step 4: Create a New Template
-
Click the “Create new group” button to create blank new templates.
-
-
The first step is the user has to create a blank template, design it and save it.
A template group means after creating one template same template can be resized to other available size orientations which will be then displayed under this base template after reopening, creating a template group.
Note : An existing template design can be resized into multiple product sizes. such template will show all the resized product sizes under it, grouping it for further reference, editing, publishing etc.
Note : Resized templates will appear grouped under the original template
Step 4a: Fill Template Details
-
- Template name - Enter the Template name, this template name will be displayed in the ezydesigner.
- Products - Select a product from the product dropdown list
- Occasions - Select an occasion from the occasion dropdown list
- Tags: add the #tags
Note : Tags help users find templates quickly by keyword. Use descriptive tags like #birthday, #minimal, or #newyear.
- Create - Click on the create button to open the template in the new tab.
- Cancel - Click on the cancel button to cancel the template form
Create - Click on create button to create the template , the template is created and the Template creator will open in a new tab
Step 4b: Open Template Creator
- Template Creator will launch in a new tab for editing
- Create - Click on create button to create the template , the template is created and the Template creator will open in a new tab
Editing an Existing Template
-
Click on the Template Group that you want to edit.
-
-
Click the edit icon next to the template
-
-
The template will open in a new tab
-
Publish the changes to your stores
Edit Template Info
- Product details like template name, description, occasion ,disable a template.
- Option to disable the template if not in use
Template Creator Features
Navigation Bar
- The template name and product name is displayed at the left top corner.
Add Pages (Photobooks Only)
- For photobook products additional pages can be added using the “Add Pages” button at the bottom of the template designer.
Upload Photos
- Click on the Photos tab to add your own photos, this can be used as a pre designed template. Supported file type is jpg/jpeg.
- PLEASE DO NOT USE CMYK IMAGES,IF they are uploaded they will be converted to normal JPG and it is in this process something can go wrong with the colors and it also depends on the printer's profile.
- Image photo-holder is a placeholder frames in various standard sizes (square, portrait, landscape) for easy and fast designing.
Add Photo Holders
- Photo Holders- Click on Photo Holders, and it shows an image holder creator (highlighted in red) Now click on it, and it will create an image holder on the designer.
Resize via Layouts
Layout:
-
Layouts tab displays the list of product sizes to which the template can be resized. If the user wants to resize any of the designed templates, open the layout tab, select any of the desired product size and click on it.
It will open in a new tab, the user then can save the template in that selected size.
Note :
- The resized template should be saved after it is loaded.
- The resized template needs to be verified for any corrections in the template object alignments before saving.
-
-
Make corrections and save
-
Click on the template to open it. You’ll see the resized versions grouped under the original template in the dashboard.
-
Click on the option beside the template to publish the template.
-
Publish Template
- Click on the option beside the template to publish the template.
- The then saved template/template’s will be shown under the main template used for resizing.
- The template will display the resized sizes under it.
Unpublish Template
- To unpublish a published template click on the setting button beside the template and select and click on the “Unpublish” button. a product can be published without a template.
Add Backgrounds
- Backgrounds are images that are placed behind the main photos.These are selected backgrounds we currently offer.
- You can add your own backgrounds from the admin section.
- The images need to be jpg format. PLEASE DO NOT USE CMYK IMAGES,IF they are uploaded they will be converted to normal JPG and it is in this process something can go wrong with the colors.
- Click on Background, and it shows a list of background images. Click on any background image to apply it to the designer.
Add Clipart
- Clipart are stickers that can be used to enhance your templates. You can add your own cliparts from the admin section. The file formats for cliparts are .png and are transparent images.
- Click on clipart, and it will show a list of clipart. Click on it to apply to the designer
Add Text
- You can add text in the text field, except for emoji that are currently unsupported.(emojis will be ignored is used). Click on Floating text to add a text field.
- Click on text to add a text field on the designer.
- Note - the default text field label ie. 'Enter Your text' will not be rendered. Any other text will be rendered and printed on the product.
Text Options:
- Template Creator has standard text options like “Locking/Locking” the text box, “Move Forward/Backward” option to move the textbox as desired. “Delete” option to delete the textbox.
Font style & size selection.
- Font alignment option, Bold/Italics option and also the text color/text background color option.
Center part of the designer is a work area.
- The work area will contain a full image displayed when the designer is invoked for the first time.
- The red dots on the image are the handles that can be used to resize the image as required.
Toolbar for Photo Editing
- Lock / Unlock – this feature allows the user to lock/unlock any object in the design area.
- Duplicate – allows you to copy a selected photo.
- Bring Forward – Photos or text can be arranged one above the other using the Bring Forward button.
- Send Back – Works similar to Bring Forward and sends the photo/text holder behind.
- Crop – use Crop to edit a photo, you can crop a portion and remove unnecessary parts of the photo.
- Add Photo – Allow to add a photo holder.you can select and drop an image on it.
- Delete – Deletes selected photo holder
Text Editing Tools
-
Duplicate – Duplicate allows you to copy a selected photo.
-
Font & Size –
Select the font and size for the text required. Currently we have set a few pre selected fonts.
-
Fonts can be enabled from the admin section.
-
Font Color & Background – Select the text color and background. The current version allows only pre-set colors, the next version will have a color picker with a palette.
-
Alignment – Text alignment can be done using the above tool.
-
Bold / Italic – The text can be changed to bold or Italic by toggling these buttons.
Save / Preview / Close
-
Save – To save the designed template
-
Preview – Click on preview to view the template on the product, currently only 2D preview is available.
-
Close –
Close will close the template and redirect back to the admin website.
(always save before closing)
Gridlines
- Gridlines are provided to align two or more photo holders, text fields etc. when the photo/text field is moved in towards the other photo holder/text field objects. The gridlines appear automatically to make it easier to align with other objects.
Section II: How to Resize a Template in Template Creator
Step 1: Access Dashboard
- Open Dashboard of current templates
- Click on Templates to load the list of existing templates
Step 2: Open or Create a Template
- Create a new template / Open any existing Template in template creator.
- Click on the icon
- to create a new template
- Click on the edit icon to edit an existing template
- Create a new design or edit any existing design
- Once designing is done click on the layout button to open the layout tab.
- The list of template sizes for resizing will be displayed
- Select and click on the desired size from the layout tab.
- Once you click on the desired size from the layout tab, it will open the resized template in the new tab in the same browser
- Once the template is loaded click on the save button.
- Open and check all pages for any changes if required to be done for the resized design.
Note: resized templates requires manual verification and adjustment after resizing.
- Once all editing is done, click on the save button.
- Click on the template to open and view the resized template details.
- The resized template will be displayed under the main template.
- The template can be edited/published
- Publish the template to make it available to the user.
- Once the template is published, open the resized product.
- The resized template will be available to the user in the designer under the same category as the base template.
- Before applying the template a warning message will be displayed to the customer informing them that the selected template will get overwritten on the existing designer.
- Click on proceed to continue to apply the template.
- The template will get applied.
Section III How Create a Full spread Photobook in Template Creator
Navigation Menus
- The template name and product name are displayed at the top-left corner.
- For Photobook products, additional pages can be added using the “Add Pages” button at the bottom of the template designer.
Upload Photos
- Click on the Photos tab to add your own photos, this can be used as a pre designed template. Supported file type is jpg/jpeg.
- PLEASE DO NOT USE CMYK IMAGES,IF they are uploaded they will be converted to normal JPG and it is in this process something can go wrong with the colors and it also depends on the printer's profile.
Photo Holder
- Photo holders is a frame for holding the photo. These are predefined ratios for the holders, having square, portrait and landscape orientations.
To Add a Photo Holder:
- Image photo-holder is a placeholder frames in various standard sizes (square, portrait, landscape) for easy and fast designing.
- Photo Holders- Click on Photo Holders, and it shows an image holder creator (highlighted in red) Now click on it, and it will create an image holder on the designer.
Layout
Layouts tab displays the list of product sizes to which the template can be resized. If the user wants to resize any of the designed templates, open the layout tab, select any of the desired product size and click on it.
It will open in a new tab, the user then can save the template in that selected size.
Note :
- The resized template should be saved after it is loaded.
- The resized template needs to be verified for any corrections in the template object alignments before saving.
- Click on the template to open it. You’ll see the resized versions grouped under the original template in the dashboard.
- Click on the option beside the template to publish the template.
- The then saved template/template’s will be shown under the main template used for resizing. The template will display the resized sizes under it.
- To unpublish a published template click on the setting button beside the template and select and click on the “Unpublish” button. Product can be published without a template.
Background
Backgrounds are images that are placed behind the main photos. These are selected backgrounds we currently offer.
You can add your own backgrounds from the admin section.
The images need to be jpg format. PLEASE DO NOT USE CMYK IMAGES,IF they are uploaded they will be converted to normal JPG and it is in this process something can go wrong with the colors.
- Click on Background, and it shows a list of background images. Click on any background image to apply it to the designer.
- You can also choose to apply the background to the left page, right page, or both pages using the available options.
- On a single sheet, you can either apply two different backgrounds.one for each page or use a single background across the whole sheet.
- This gives you the flexibility to create more beautiful and creative designs based on your style.
Clipart
- Clipart are stickers that can be used to enhance your templates.
- You can add your own cliparts from the admin section. The file formats for cliparts are .png and are transparent images.
- Click on clipart, and it will show a list of clipart. Click on it to apply to the designer
Text
- You can add text in the text field, except for emoji that are currently unsupported.(emojis will be ignored is used)
- Click on Floating text to add a text field.
- Click on text to add a text field on the designer.
- Note - the default text field label ie. 'Enter Your text' will not be rendered. Any other text will be rendered and printed on the product.
Text Options:
- Template Creator has standard text options like “Locking/Locking” the text box, “Move Forward/Backward” option to move the textbox as desired. “Delete” option to delete the textbox. Font style & size selection. Font alignment option, Bold/Italics option and also the text color/text background color option.
- The Center part of the designer is a work area.
- The work area will contain a full image displayed when the designer is invoked for the first time
- The red dots on the image are the handles that can be used to resize the image as required.
Toolbar for Photo Editing
- Lock / Unlock – this feature allows the user to lock/unlock any object in the design area.
- Duplicate – allows you to copy a selected photo.
- Bring Forward – Photos or text can be arranged one above the other using the Bring Forward button.
- Send Back – Works similar to Bring Forward and sends the photo/text holder behind.
- Crop – use Crop to edit a photo, you can crop a portion and remove unnecessary parts of the photo.
- Add Photo – Allow to add a photo holder.you can select and drop an image on it.
- Delete – Deletes selected photo holder
Text Editing Tools
-
Duplicate – Duplicate allows you to copy a selected photo.
-
Font & Size –
Select the font and size for the text required. Currently we have set a few pre selected fonts.
Fonts can be enabled from the admin section.
-
Font Color & Background – Select the text color and background. The current version allows only pre-set colors, the next version will have a color picker with a palette.
-
Alignment – Text alignment can be done using the above tool.
-
Bold / Italic – The text can be changed to bold or Italic by toggling these buttons.
Save / Preview / Close
-
Save – To save the designed template
-
Preview – Click on preview to view the template on the product, currently only 2D preview is available.
-
Close –
Close will close the template and redirect back to the admin website.
(always save before closing)
Gridlines
- Gridlines are provided to align two or more photo holders, text fields etc. when the photo/text field is moved in towards the other photo holder/text field objects. The gridlines appear automatically to make it easier to align with other objects.
Section II How To Resize a Template in Template Creator
Step 1.
- Open Dashboard of current templates
- Click on Templates to load the list of existing templates.
Step 2.
- Create a new template / Open any existing Template in Template Creator.
- Click on the CREATE icon to create a new template.
OR
- Click on the icon to edit an existing template.
Step 3.
- Create a new design or edit any existing design
- Once designing is done, click on the layout button to open the layout tab.
- The list of template sizes for resizing will be displayed.
- Select and click on the desired size from the layout tab.
- Once you click on the desired size from the layout tab, it will open the resized template in the new tab in the same browser.
- Once the template is loaded, click on the save button.
- Open and check all pages for any changes if required to be done for the resized design.
*Note: Resized templates require manual verification and adjustment after resizing.*
- Once all editing is done, click on the save button.
- Click on the template to open and view the resized template details.
- The resized template will be displayed under the main template.
- The template can be edited/published
- Publish the template to make it available to the user.
- Once the template is published, open the resized product.
- The resized template will be available to the user in the designer under the same category as the base template.
- Before applying the template, a warning message will be displayed to the customer informing them that the selected template will overwrite the existing designer.
- Click on Proceed to continue to apply the template.
- The template will get applied.
Section III. How Create a Full spread Photobook in Template Creator
Navigation Menus
- The template name and product name are displayed at the left top corner.
For Photobook Product
- Additional pages can be added using the “Add Pages” button at the bottom of the template designer.
Upload Photos
- Click on the Photos tab to add your own photos. This can be used as a pre-designed template. Supported file type is jpg/jpeg. PLEASE DO NOT USE CMYK IMAGES. If they are uploaded, they will be converted to normal JPG, and during this process, something can go wrong with the colors. It also depends on the printer's profile.
Photo Holder:
- A photo holder is a frame for holding the photo. These are predefined ratios for the holders, with square, portrait, and landscape orientations.
-
Image Photo-holder: A placeholder frame in various standard sizes (square, portrait, landscape) for easy and fast designing.
- Click on Photo Holders, and it shows an image holder creator (highlighted in red). Now click on it, and it will create an image holder on the designer.
Layout:
- The Layouts tab displays the list of product sizes to which the template can be resized. If the user wants to resize any of the designed templates, open the layout tab, select any desired product size, and click on it.
- It will open in a new tab, and the user can then save the template in that selected size.
-
Note:
- The resized template should be saved after it is loaded.
- The resized template needs to be verified for any corrections in the template object alignments before saving.
- Click on the template to open it. You’ll see the resized versions grouped under the original template in the dashboard.
- Click on the option beside the template to publish the template.
-
The then saved template/template’s will be shown under the main template used for resizing.
The template will display the resized sizes under it.
To Unpublish a Published Template:
- Click on the setting button beside the template and select Unpublish.
- A product can be published without a template.
Backgrounds:
-
Backgrounds are images placed behind the main photos. These are selected backgrounds currently offered.
- You can add your own backgrounds from the admin section. The images need to be in JPG format. PLEASE DO NOT USE CMYK IMAGES. If uploaded, they will be converted to normal JPG, and something may go wrong with the colors.
- Click on Background, and it shows a list of background images. Click on any background image to apply it to the designer.
- You can also choose to apply the background to the left page, right page, or both pages using the available options.
- On a single sheet, you can apply two different backgrounds, one for each page, or use a single background across the whole sheet. This gives you the flexibility to create more beautiful and creative designs based on your style.
Clipart:
- Clipart are stickers that can be used to enhance your templates.
- You can add your own clipart from the admin section. The file formats for clipart are .png (transparent images).
- Click on clipart, and it will show a list of clipart. Click on it to apply to the designer
Text:
- You can add text in the text field, except for emojis, which are currently unsupported (emojis will be ignored if used).
- Click on Floating Text to add a text field.
- Click on Text to add a text field on the designer.
- Note: The default text field label (i.e., 'Enter Your text') will not be rendered. Any other text will be rendered and printed on the product.
Text Options:
-
Template Creator has standard text options like:
- Locking/Unlocking the text box
- Move Forward/Backward options to move the textbox as desired
- Delete option to delete the textbox
- Font style & size selection
- Font alignment option
- Bold/Italics option
- Text color/text background color option
Center Part of the Designer:
-
The work area will contain a full image displayed when the designer is invoked for the first time.
- The red dots on the image are the handles that can be used to resize the image as required.
Toolbar for Photo Editing:
- Lock/Unlock: This feature allows the user to lock/unlock any object in the design area.
- Duplicate: Duplicate allows you to copy a selected photo.
- Bring Forward: Photos or text can be arranged one above the other using the Bring Forward button.
- Send Back: Works similarly to Bring Forward and sends the photo/text holder behind.
- Crop: Use Crop to edit a photo; you can crop a portion and remove unnecessary parts of the photo.
- Add Photo: Allows you to add a photo holder. You can select and drop an image on it.
- Delete the Selected Photo Holder.
Text Editing Tools:
- Duplicate: Duplicate allows you to copy a selected photo.
- Font and Size: Select the font and size for the text required. Currently, we have set a few pre-selected fonts. Fonts can be enabled from the admin section.
- Font Text Color & Background: Select the text color and background. The current version allows only pre-set colors. The next version will have a color picker with a palette.
- Text Alignment: Alignment can be done using the above tool.
- Bold/Italic: The text can be changed to bold or italic by toggling these buttons.
Click on Save to save the designed template.
- Click on Preview to view the template on the product (currently, only 2D preview is available).
- Close will close the template and redirect back to the admin website. (Always save before closing.)
Gridlines:
- Gridlines are provided to align two or more photo holders, text fields, etc., when the photo/text field is moved towards the other photo holder/text field objects. The gridlines appear automatically to make it easier to align with other objects.
Need Help?
If you're stuck, don’t worry — just email us at support@ezycreate.com