type
status
date
slug
summary
tags
category
icon
password
📚 📚 Tutorials
本页汇总了 📚 Tutorials 相关的常见问题（共 16 个）
▶ How to create a nameplate preview
On this tutorial, we are going to learn how to create a preview for a
nameplate product, and how to connect that with your store.
Nameplates, also known as name necklaces, are a very popular piece of jewelry,
in which customers can type their own name or phrase, and see it as a cutout
text.
Step 1: Creating the template on Customily
To begin with, we'll create the template on
- Login into Customily with your user
credentials
- Click create template on the top left corner
- On Step 1 settings:
- Give the template a name
- Create a new page of 100 x 100 mm
Once the settings are correct, click **start
** 4. Add a new Text Box, and resize it so it fills the majority
of the canvas
- Go to the Character Toolbar and select the font you'd like to use for
the name necklace.
Make sure you choose a font that's available on the nameplate catalog.
Fonts Available
Fonts for nameplates are special since they are edited to include the chains
of the necklace as part of the font. Our team has a set of fonts that work
perfectly for nameplates, below you'll find the catalog that shows these
fonts.
If you'd like to use your own font for a nameplate, contact our team and
they'll let you know what is needed in order to modify it to be compatible
with our nameplate options.
Tip
If you'd like to give your customers multiple font options, just follow the
- Click Done and Next to go to the next step and configure the metal
colors.
- On Step 2, you can choose an image as background or a plain color. We
recommend using white.
- Select the text element, open the Color Toolbox and give the text the
metal colors you'd like to use. Make sure you select the Texture: Metal to
give the metallic effect to the necklace.
Tip
If you'd like to give your customers multiple color options, just follow the
steps on how to add multiple colors to a text field or use the color picker option.
- You can try some text to see how the necklace looks.
Remember, this is a test text, customers will never see what you type here,
it's only for you to give the preview a try.
- Click Done and Next to go to the final Step and review. On Step
3, simply click Save to save your template.
Step 2: Connecting the preview template with your store
Now that we have the template, it's time to connect it with your eCommerce.
Steps here will vary depending on which platform you are working with.
Shopify & WooCommerce
- Open Store and go to Link products to connect the template we
created with a product on your store.
- Look for the product you previously created in your store and connect it
by selecting the template you've just created.
- Select Create option Set from Template to create the
necessary options for customers to interact with your product.
- Once that's done, click on the created option set to edit it.
- Find theText Input Option and click to expand it so you can configure
it:
- Check "Add chains to nameplate" option. This will automatically add the chains at the beginning and end of the text.
Walmart & Custom
- Open Manage Options and go to Option Sets.
****
- At the end of the page you will find the option to create a new option set
from template.
Select the template you've just created and create the option set.
- Once that's done expand theText Input Option in the new option set to
configure it properly:
- Give it an option label (the title of the option)
- Set a max. number of characters if desired
- Check "Add chains to nameplate" option. This will automatically add the brackets needed at the beginning and end of the text so the necklace shows the chains.
- Save the option set, and then go back to the Link menu, to assign the options set to the listing on your store.
- * *
How To Create A Nameplate Font
- * *
Nameplate Font Catalog
▶ How to create a nameplate preview
On this tutorial, we are going to learn how to create a preview for a
nameplate product, and how to connect that with your store.
Nameplates, also known as name necklaces, are a very popular piece of jewelry,
in which customers can type their own name or phrase, and see it as a cutout
text.
Step 1: Creating the template on Customily
To begin with, we'll create the template on
- Login into Customily with your user
credentials
- Click create template on the top left corner
- On Step 1 settings:
- Give the template a name
- Create a new page of 100 x 100 mm
Once the settings are correct, click **start
4. Add a new [**Text Box**, and resize it so it fills the majority of the canvas
- Go to the Character Toolbar and select the font you'd like to use for
the name necklace.
Make sure you choose a font that's available on the nameplate catalog.
Fonts Available
Fonts for nameplates are special since they are edited to include the chains
of the necklace as part of the font. Our team has a set of fonts that work
perfectly for nameplates, below you'll find the catalog that shows these
fonts.
If you'd like to use your own font for a nameplate, contact our team and
they'll let you know what is needed in order to modify it to be compatible
with our nameplate options.
Tip
If you'd like to give your customers multiple font options, just follow the
- Click Done and Next to go to the next step and configure the metal
colors.
- On Step 2, you can choose an image as background or a plain color. We
recommend using white.
- Select the text element, open the Color Toolbox and give the text the
metal colors you'd like to use. Make sure you select the Texture: Metal to
give the metallic effect to the necklace.
Tip
If you'd like to give your customers multiple color options, just follow the
steps on how to add multiple colors to a text field or use the color picker option.
- You can try some text to see how the necklace looks.
Remember, this is a test text, customers will never see what you type here,
it's only for you to give the preview a try.
- Click Done and Next to go to the final Step and review. On Step
3, simply click Save to save your template.
Step 2: Connecting the preview template with your store
Now that we have the template, it's time to connect it with your eCommerce.
Steps here will vary depending on which platform you are working with.
Shopify & WooCommerce
- Open **Store** and
go to Link products to connect the template we created with a product on
your store.
- Look for the product you previously created in your store and connect it
by selecting the template you've just created.
- Select Create option Set from Template to create the necessary options for customers to interact with
your product.
- Once that's done, click on the created option set to edit it.
- Find theText Input Option and click to expand it so you can configure
it:
- Check "Add chains to nameplate" option. This will automatically add the chains at the beginning and end of the text.
Walmart & Custom
- Open Manage Options and go to Option Sets.
****
- At the end of the page you will find the option to create a new option set
from template.
Select the template you've just created and create the option set.
- Once that's done expand theText Input Option in the new option set to
configure it properly:
- Give it an option label (the title of the option)
- Set a max. number of characters if desired
- Check "Add chains to nameplate" option. This will automatically add the brackets needed at the beginning and end of the text so the necklace shows the chains.
- Save the option set, and then go back to the Link menu, to assign the options set to the listing on your store.
- * *
Nameplate Font Catalog
▶ Creating a texture overlay with a dynamic image
Dynamic images are a great way to add a texture overlay to a preview to make
it more realistic.
With a dynamic image, you can add a png element on top of your preview to give
it texture and shadow effects.
This is great to use on products where customers can upload their pictures if
the surface where the picture is printed (or engraved, or embroidered) has an
interesting texture.
On the left you can see a preview without texture, the uploaded image by the
customer looks very flat. On the right you can see the same preview with a PNG
overlay, the picture uploaded by the customer has the texture of the t-shirt
giving it the proper effect of it being printed on the garment.
To add a texture overlay with a dynamic image
- Add a dynamic image by clicking add dynamic image
- While on position one click upload an image
- Browse for the file you want to use as a overlay
- Resize and reposition the dynamic image so it is placed correctly on top of the preview background
Important:
Since you are applying a transparent texture to the preview, the image you use
needs to be a PNG with transparency.
- * *
Textures and background images:
Since using the texture overlays obviously adds more texture to the preview,
we recommend removing some texture from the background image. One way to do it
is to make the background image flat (solid color), so when the texture is
applied it looks good and not over-texturized.
This is the background picture we used for the t-shirt example at the top:
Background picture
As you can see the picture is quite flat. We removed the texture from the
t-shirt and made it solid white. All you can notice is the background and the
shadow.
After we add the texture overlay it will look like this:
- * *
How to prepare PNGs to use as texture overlay
If you don't have a texture PNG for your product, here is a simple guide on
how to create one and save it as a PNG.
Keep in mind you will need Photoshop or a similar photo editing software
to achieve this.
1. Get a good clear image of your product that shows the texture
Having the right photos to work with is fundamental. We recommend using light
photos, of white or lightly colored versions of the product.
In this case, we are going to use the following picture for a t-shirt.
Open the photograph on Photoshop to be able to edit it.
2. Crop the texture and copy
Grab the select tool and select the entire element that has the texture,
in this case, we are going to select the entire t-shirt.
Once you have it selected, copy the selection.
3. Create a new black layer
Create a new layer, and paint it black (#00000)
4. Add a mask to that layer
Add a mask to that layer, by hitting the Add layer button
5. Paste texture inside the mask
On Mac Option + Click , on Windows Alt + Click , the layer mask to
enter edit mode.
Once there paste the texture in place
(on Mac: Cmd + Shift + v / on Windows: Ctrl + Shift + v)
Then clear selection (on Mac: Cmd + d / on Windows: Ctrl + d), and
invert colors, so you'll get something like this.
Click anywhere on the screen to exit mask editing mode.
6. Adjust brightness and contrast to improve texture appearance
Select the layer's mask and adjust brightness and contrast to add or remove
strength to the texture.
To better see how the texture will look, add a solid color background below,
this will help you see the light and shadow effect the texture gives to any
element that is below it.
Play around with the values until you find what looks better for your texture.
Increasing brightness will make the texture stronger (darker shadows) while
reducing it will make the texture lighter. Decreasing contrast will darken the
texture, increasing it will make lights and shadows crisper.
7. Save layer as PNG
Grab the texture layer you created, right-click it and hit **quick export as
PNG**. This will create a transparent layer with the texture for you to use on
your previews.
💡 Tip:
You can also add non-transparent elements to the texture overlay, to cover
parts of the design. The phone case example below is great to see this. In
that case, the camera of the phone was added to the overlay, since on the
preview it should always cover whatever picture the customer uploads to the
phone case.
Examples of textures applied on previews
Here are some examples of great use of textures on previews
▶ How to use dynamic images as text.
In this tutorial you'll learn how to add text using dynamic images. This is
very useful if you want to create personalizations that involve more artistic
text (not just a plain font). For example if you offer diamond studded
jewelry, multi-color wooden letters, or chocolate letters on a cake, you can
do this with Customily!
To create this effect we are going to work with image libraries, and dynamic
images. Follow the steps below to achieve it.
1. Create a library with the images (or vectors) of your alphabet
- Go to Libraries > **Image libraries***(or[**Vector libraries**** depending on what you want to use).**
- ClickAdd library.
- Add the images (or vectors) of all the letters for your library. Follow the chart below to know in which position to upload each letter. We recommend you at least upload all the letters from the alphabet so customers will be able to type without any issues.
Important
It is very important you follow the chart above, and upload each image of your
letters in it's corresponding option. **You should always leave the first
option empty, and start by uploading the letter A on option 2,** otherwise
this won't work.
2. Create a dynamic image (or dynamic vector) for each letter on your
personalization
- Create a dynamic image or dynamic vector (depending on what you are using) for each letter. The amount of characters depends on how many letters you want your customers to be able to type.
- The Id for the dynamic images/vectors needs to be consecutive. In this case, we've created 5 elements from ID 1 to ID 5, because customers will be able to type a max. of 5 characters.
- Assign the library you've previously created to each of the dynamic
elements in your template.
To add your library click on the element you want to edit from your layers'
list. And click on Pick library. Choose the library you've created.
- The spacing can be controlled in both steps of the template by moving the
container to the required position.
3. Creating the options set
To allow your customers to add their text you need to create a**Text Input
option** in your options set.
- On your options set clickAdd Option. Then choose option typetext input.
- Under Customily functions choose "Dynamic vector/ Dynamic Image".
- Then, you will need to add the ID for the element where the first letter will be placed. In our case is ID 1.
- Set a limit for the max length of characters so the customer's text does not exceed the letters we created for this product, in this case it was 5.
- Save your option set, then go to the product you want to use it with and assign the option set to it. Once the product is saved you'll be able to personalize with images as text!
▶ People clipart Personalization Tutorial
In this 4 part tutorial, you'll learn how to create a custom product with
clipart using Customily to sell in your store.
Note
To create people clipart Personalization
- In this first part, we'll see how to create clipart libraries, to upload
all the different cliparts customers will be able to choose from.
- * *
- In this second part, we'll see how to configure the print file.
- * *
- In this third part, we'll see how to configure the live preview customers
will see on your store.
- * *
- In the final part, we'll see how to link the templates created on the
previous videos with your store.
▶ Creating a mix-and-match preview using Dynamic Images
Dynamic images are a great tool to create mix-and-match previews. By
combining different dynamic images, you can have customers change different
parts of a preview independently, to create unique mix-and-match
personalizations.
Prepare your images to create a mix-and-match preview
In order to create a mix-and-match preview, first, you'll need to have all the
pictures that will compose the preview.
In the example of the sneaker above, we have different pictures for the toe
cap and heel, for the tongue and the heel tab, and for the stitch detail.
Here's an example of the 3 different images used in the toe cap and heel
Important
All images used to create the mix-and-match preview need to be in PNG
format with a transparent background. This way you can make sure the rest
of the sections of the preview will be always visible.
Once you have all the images ready, you can create the preview on Customily
To create a mix-and-match preview with Dynamic Images
- Make sure you are on Step 2 editing the preview
- Add a dynamic image for the first personalizable part of the preview by clicking add dynamic image
- While on position one click upload an image
- Shift + select all the different photos you want to upload into that dynamic image
- Resize and reposition the dynamic image so it is placed correctly on top of the preview background
- Repeat step 2 through 6 to add all the different personalizable part of the mix-and-match preview.
At the end of the process, you will have multiple dynamic images arranged
around the preview to form the mix-and-match product. It will look something
like this:
Where each dotted line is a different dynamic image, that controls a specific
part of the sneaker.
▶ Personalized Phone Case Tutorial
In this 4 part tutorial, you'll learn how to create a personalized phone case
with Customily to sell in your store.
To create a Personalized Phone Case
- In this first part, we'll see how to create image libraries, to upload all the different phone models customers will be able to choose from.
- * *
- In this second part, we'll see how to create font and color libraries,
which customers will be able to choose from when personalizing with text.
- * *
- In the third part, we'll see how to configure the print file and how to
set up the preview customers will see live on the store.
- * *
- In the final part, we'll see how to link the templates created on the
previous videos with your store.
▶ Name Canvas Tutorial
In this 4 part tutorial, you'll learn how to create a custom name canvas with
Customily to sell in your store.
To create a Name Canvas
- In this first part, we'll see how to configure the print file.
- * *
- In this second part, we'll see how to configure the live preview customers
will see on your store.
- * *
- In the third part, we'll see how to create multiple templates for each
variation of the canvas, according to the number of names.
- * *
- In the final part, we'll see how to link the templates created on the
previous videos with your store.
▶ Personalized Monogram Tutorial
In this 4 part tutorial, you'll learn how to create a personalized product
with monograms using Customily to sell in your store.
To create a Personalized Monogram
- In this first part, we'll see how to lay out the monogram design.
- * *
- In this second part, we'll see how to configure the live preview customers
will see on your store.
- * *
- In the third part, we'll see how to create multiple templates for each
monogram style.
- * *
- In the final part, we'll see how to link the templates created on the
previous videos with your
▶ Pet Clipart Personalization Tutorial
In this 4 part tutorial, you'll learn how to create a product with pet clipart
personalization in Customily to sell in your store.
To create pet clipart personalization
- In this first part, we'll see how to create clipart libraries, to upload all the different cliparts customers will be able to choose from.
- * *
- In this second part, we'll see how to configure the print file and how to
set up the preview customers will see live on the store.
- * *
- In the third part, we'll see how to create multiple templates for each
variation of the design, according to the number of pets chosen.
- * *
- In the final part, we'll see how to link the templates created on the
previous videos with your store.
▶ How to Create a Drop-Shadow Text Effect
On this tutorial, we are going to learn how to create a drop-shadow effect on
text boxes.
A drop shadow is a visual effect consisting of a drawing element which
looks like the shadow of an object, giving the impression that the object is
raised above the objects behind it. In this case a text box.
To create a drop shadow effect
- Create a new template or open the template you want to work with
- Add a new text box
- Resize, position and format the textbox as needed
- Once you are done editing the element, select it and click the
duplicate button.
- The duplicated layer will appear on the page, and the layer panel. Double
click the layer on the layer panel to rename it so we can easily identify it.
- Drag the layer to the bottom, so it will be behind the foreground text.
- Add opacity to the shadow by expanding the color toolbox.
Tip
Opacity works great for shadows, but you can do this to achieve different
effects. For example if you use a ligher color as a shadow you can get a great
bevel effect. You can also use solid colors on the shadow layer to create nice
two colored texts.
- Reposition the shadow so it looks good.
Pro tip
Lock the foreground text (the first text box you created) so it will be easier
to move the shadow around.
And there you have it, now we will look how to connect this template to your
store.
Adding shadows exclusively on the preview
If you want shadows to be visible on the preview, for example to create an
embossed effect, you simply need to turn off the shadow layer on your print
file settings on step 1.
- Before moving to step 2 (preview settings) turn off the shadow layer by
clicking the eye icon
- Click next to move on to step 2
- Set your preview background image
- Turn the shadow layer back on by clicking the eye icon
Pro tip
You can adjust the coloring of the shadow, as well as the coloring of the
foreground layer on the preview to make it look as realistic as possible.
Try coloring the top layer with a light color and transparency, to get a great
embossing effect.
▶ Do you have a feature to suggest?
Do you have a feature in mind that you will really like to see implemented in
Customily? Now you can post yours and see other customer's requests! Not only
that, you can now vote on them, add comments, and even filter the features
that are under review, planned, in progress, or complete.
▶ Publish a Product From a Print-On-Demand With a Ready-Made Customily Design
To create a product with a print-on-demand provider and a Customily Design you
just need to follow these simple steps!
- First, click on “Create a new product”
- Once you click there, it will show you all the available print-on-demand providers we offer! Click on the one you want to work with.
- After choosing one, it will take you to the product selection page. Here you will choose the product you want to sell.
- Once you select your product, it will ask you to choose the variants to
offer (you always need to offer at least one variant! It won’t let you move to the next screen until you select at least one).
- 1. 5. Then you will have to click on “Pick from Customily Designs” to look at all the free ready-to-sell designs that Customily offers! There are many categories for you to choose from. 
- After you choose a design it will show a screen loading, the app is applying the design to the product and generating the option sets! This can take a couple of minutes so be patient, magic is happening in the back end.
- Finally, you will get to the final step. The product preview is where you will be able to see the finished product.
From here, you can do several things:
- Play around with the personalization options as your customers will do to check how everything works.
- Save a preview as the product image of your Shopify listing (recommended!)
- Edit product details, such as title, description, and prices.
- Edit the personalization options, such as the titles or the order of the different option sets. The option sets are generated automatically by Customily, but you can modify them if needed to improve the way your clients interact with the product!
- Save the product as a draft.
- Publish the product in your Shopify store!
Here is a video to help you create a product with a POD and a Customily
design!
****
▶ Publish a product from a Print-On-Demand with your own design
To create a product with a print-on-demand provider and your own design, you
just need to follow these simple steps!
- You will have to start by creating a new design! Whenever you want to
create a new product with your own design, remember you have to create the
design before the product.
- Once you click on create a new design it will take you to Customily’s
Design Studio.
- Make sure to always save your designs with a unique name so you can tell
them apart from others! Create your design and save it.
- Once you save your design, go back to“Start” (The rocket) and now we
can create a new product!
- Click on “Create a new product”
- Once you click there, it will show you all the available print-on-demand
providers we offer! Click on the one you want to work with.
- After choosing one, it will take you to the product selection page. Here
you will choose the product you want to sell.
- Once you select your product, it will ask you to choose the variants to
offer (you always need to offer at least one variant! It won’t let you move to the next screen until you select at least one).
- Then you will have to click on “Pick from your Designs”. There you
will see your design library, you can either look at the design by the search
bar or through the different pages!
- After you choose the design you want to apply to the product, it will
show a screen loading, the app is applying the design to the product! This can
take a couple of minutes so be patient, magic is happening in the back end.
- Finally, you will get to the final step. The product preview is where you
will be able to see the finished product.
From here, you can do several things:
- Play around with the personalization options as your customers will do to check how everything works.
- Save a preview as the product image of your Shopify listing (recommended!)
- Edit product details, such as title, description, and prices.
- Edit the personalization options, such as the titles or the order of the different option sets. The option sets are generated automatically by Customily, but you can modify them if needed to improve the way your clients interact with the product!
- Save the product as a draft.
- Publish the product in your Shopify store!
Here is a video of how to create a product with a Print on Demand provider and
your own design!
▶ Publish Your Own Product with A Customily Ready-Made Design
To create your own product and use a Customily Design, you just need to follow
these simple steps!
- First, let’s start by creating the product base!
- Once you are there, it is important to correctly define the measurements of the printing area and give it a unique name so you can tell it apart from other products!
- Upload the photo of your product and place the printing area in its corresponding place. Once you’re ready, click Done.
- Once you have your product base, go back to “Start” (The rocket) and now we can create a new product!
- Click on “Create a new product”.
- Once you click there, you will be able to select “My product bases”.
- Select your product. It will ask you to choose the variants to offer. If
you didn’t add variants to your product, you still have to click on the unique
variant in order to move forward.
- Then you will have to click on “Pick from Customily Designs” to look
at all the free ready-to-sell designs that Customily offers! There are many
categories for you to choose from.
- After you choose a design it will show a screen loading, the app is
applying the design to the product and generating the option sets! This can
take a couple of minutes so be patient, magic is happening in the back end.
- Finally, you will get to the final step. The product preview is where you
will be able to see the finished product.
From here, you can do several things:
- Play around with the personalization options as your customers will do to check how everything works.
- Save a preview as the product image of your Shopify listing (recommended!)
- Edit product details, such as title, description, and prices.
- Edit the personalization options, such as the titles or the order of the different option sets. The option sets are generated automatically by Customily, but you can modify them if needed to improve the way your clients interact with the product!
- Save the product as a draft.
- Publish the product in your Shopify store!
****
▶ Publish Your Own Product With Your Own Design
To create your own product and use your own designs, you just need to follow
these simple steps!
- You will have to start by creating a new design! Whenever you want to create a new product with your own design, remember you have to create the design before the product.
- Once you click on "Create new design ", it will take you to Customily’s Design Studio.
- Make sure to always save your designs with a unique name so you can tell them apart from others! Create your design and save it. You will find more information about each of Customily’s tools in another chapter.
- Once you save your design, go back to “Start” (The rocket), and now we can create a new product base!
- Click on “My product bases” to start creating the product base!
- Once you are there, it is important to correctly define the measurements of the printing area and give it a unique name so you can tell it apart from other products!
- Upload the photo of your product and place the printing area in its corresponding place. Once you’re ready, click Done.
- Now that you have your design and your product base, it’s time to publish
the product in
your Shopify store! Go back to the Start section.
- Click on “Create a new product”.
- Once you click there, you will be able to select “My product bases”.
- Select your product. It will ask you to choose the variants to offer. If
you didn’t add variants to your product, you still have to click on the unique
variant to move forward.
- Then you will have to click on “Pick from your Designs”. There you
will see your design library, you can either look at the design by using the
search bar or through the different pages!
- After you choose the design you want to apply, you’ll be prompted to
adjust it so it fits the product exactly how you want. Once you’re happy with
the final look, click Confirm. Create Product. You’ll then see a loading
screen. This means the app is applying your design to the product. This
process can take a couple of minutes, so please be patient… the magic is
happening in the background!
- Check the product information and click Create Product. You’ll then see a
loading screen. This means the app is applying your design to the product.
This process can take a couple of minutes, so please be patient… the magic is
happening in the background!
- Finally, you will get to the final step. The product preview is where you
will be able to see the finished product.
From here, you can do several things:
- Play around with the personalization options, as your customers will do to check how everything works.
- Save a preview as the product image of your Shopify listing (recommended!)
- Edit product details, such as title, description, and prices.
- Edit the personalization options, such as the titles or the order of the different option sets. The option sets are generated automatically by Customily, but you can modify them if needed to improve the way your clients interact with the product!
- Save the product as a draft.
- Publish the product in your Shopify store!
- Author:EcomGrace
- URL:http://ecomgrace.com/article/2d935142-581f-81f4-803c-cca0620b7d5b
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
