ShopBase Help Center

Explore How-To's and learn eCommerce best practices from our knowledge base.

Home
Campaign personalization
Create a personalized couple campaign

Create a personalized couple campaign

This article is also available in:
Vietnamese Chinese

To personalize your own print-on-demand products (by adding custom text, uploading photos, choosing photo options), ShopBase (PrintHub), PrintBase, and PlusBase provide a feature named Personalized Campaign. This is a great way to easily create more personalized products and increase conversion rate of your store. This article will show you how to create a personalized campaign based on our example using our demo resource package.

Please visit this link to see our demo for a personalized campaign.

Demo personalized campaign

This personalized campaign includes custom options that allow your customers to freely customize their product as follow:

Write their own names (using Text field option);
Choose skin colors (for the male/female) along with their clothes and hairstyles accordingly (using Picture choice option and conditional logic);
Select color for the car (using Picture choice option);
Choose a slogan or quote (using Droplist option);
Show or hide decorative texts on the car (using Checkbox option).

In this article

A. Prepare all necessary files

B. Create a campaign

C. Appendix: Set up cliparts

A. Prepare all necessary files

Before creating a campaign, you should prepared all necessary artwork files that will be printed on the product. We allow sellers to create product designs by uploading multiple image files (image layers), and adding multiple layers of texts (text layers).

Supported image file formats: .PNG, .JPG, .JPEG, and .PSD.

Supported color mode: RGB.

Please visit this link to download our resource package for a personalized campaign. In this resource package, you could find the sample assets as following:

A .PSD file for the template artwork used in this article.
Font files for text personalization.
.PNG files to picture choice personalization.

In the .PSD files, you will see the following layers, which are used for customers to customize options on storefront.

Couple's Name - Text layer of names that can be used for Text field option.
Woman's Hair & Woman's Dress - Image layers of female character's hair and dress that can be used for used for Picture choice option.
Man's Hair & Man's Suit - Image layers of male character's hair and suit that can be used for Picture choice option.
Car - Image layer of car that can be used for Picture choice option.
Happy Marriage - Text layer of a quote that can be used for Droplist option.
Just Married - Text layer that can be used for Checkbox option.

These files can be named upon your preference, however, simple names will be easily remembered and customized.

In addition to preparing all the artwork files, you should also prepare some sayings or quotes to be used for the Droplist type of custom option so that your customers can select according to their preferences.

Please follow these steps below to create a personalized campaign based on our example using our resource package

B. Create a personalized campaign

Make sure that your design follows the dimension and template of your desired products.

After you have selected your base products, upload your designs (the .PSD file in the resource package), and make changes to them as instructed in section B and C of this article. Then proceed to create custom options, set up cliparts, and add conditional logic for your custom options by following the steps below.

In Custom options, click + to create a new custom option.
In Add Option menu, enter all required information to create your custom option. Then click Save.

Please refer to this article for more information on how to create custom options for your campaign.

Click the < button next to Add Option, you will see the custom option you just created listed in the column Custom Options. Hover over the option, you will see the display of two choices: + Add option above and + Add option below, click either to add a new custom option for products.
Click the button next to Add Option to return to the list of personalized featuresClick Add option above or Add option below to add new personalized features
Repeat step 3 and 4 to create all of your custom options for the campaign. In this demo campaign, please enter the information below to create 14 different custom options for a personalized campaign based on our example using the resource package. With these custom options, when customers choose skin colors, hair colors and clothes will match with each skin color accordingly, giving customers a lot of choices while personalizing their product. They can also write their own names and choose decorative patterns to print on the product upon their wish.

Custom option 1 (Text field): Your & your partner's name

Type: Choose Text field.
Required?: Click Yes.
Target Layers: Choose Couple_s Name layer in .PSD file of our resource package.
Label: Enter Your & your partner's name.
Font: Click Add new fonts and upload Great vibes font from our resource package.
Placeholder: Enter Will & Mary.
Max length: Enter 16.
Allow the following characters: Tick Characters, Numbers, and Special Characters.

Custom option 2 (no type): Woman's skin

Type: Choose Picture choice.
Required?: Click Yes.
Label: Enter Woman's skin.
Cliparts: Click Show all cliparts in a clipart Folder > Add a clipart folder. In the pop-up, create the clipart folder with the name Skin color and upload the .PNG files for skin colors in the resource package. You can also refer to section C. Appendix of this article to create all clipart folders beforehand.
How to show cliparts: Click Show with Thumbnail images.

Custom option 3 (Picture choice): Woman's dress - Light skin

Type: Choose Picture choice.
Required?: Click Yes.
Target Layers: Choose Woman_s Dress layer in .PSD file of our resource package.
Label: Enter Woman's dress - Light skin
Cliparts: Click Show all cliparts in a clipart Folder > Add a clipart folder. In the pop-up, create the clipart folder with the name Woman's dress - Light skin and upload the .PNG files for woman's dress (light skin) in the resource package. You can also refer to section C. Appendix of this article to create all clipart folders beforehand.
How to show cliparts: Click Show with Thumbnail images.

Custom option 4 (Picture choice): Woman's dress - Tan skin

Type: Choose Picture choice.
Required?: Click Yes.
Target Layers: Choose Woman_s Dress layer in .PSD file of our resource package.
Label: Enter Woman's dress - Tan skin
Cliparts: Click Show all cliparts in a clipart Folder > Add a clipart folder. In the pop-up, create the clipart folder with the name Woman's dress - Tan skin and upload the .PNG files for woman's dress (tan skin) in the resource package. You can also refer to section C. Appendix of this article to create all clipart folders beforehand.
How to show cliparts: Click Show with Thumbnail images.

Custom option 5: (Picture choice): Woman's dress - Dark skin

Type: Choose Picture choice.
Required?: Click Yes.
Target Layers: Choose Woman_s Dress layer in .PSD file of our resource package.
Label: Enter Woman's dress - Dark skin
Cliparts: Click Show all cliparts in a clipart Folder > Add a clipart folder. In the pop-up, create the clipart folder with the name Woman's dress - Dark skin and upload the .PNG files for woman's dress (dark skin) in the resource package. You can also refer to section C. Appendix of this article to create all clipart folders beforehand.
How to show cliparts: Click Show with Thumbnail images.

Custom option 6 (Picture choice): Woman's hair

Type: Choose Picture choice.
Required?: Click Yes.
Target Layers: Choose Woman_s Hair layer in .PSD file of our resource package.
Label: Enter Woman's hair.
Cliparts: Click Show all cliparts in a clipart Folder > Add a clipart folder. In the pop-up, create 4 clipart folders with the respective names Blonde hair, Light brown hair, Dark brown hair, and Black hair, sort them into the same group Woman's hair. Upload the respective .PNG files for woman's hair in the resource package. Then, click Show a droplist of clipart Group to let buyer choose first and select Woman's hair clipart folder group you just created. You can also refer to section C. Appendix of this article to create all clipart folders beforehand.
How to show cliparts: Click Show with Thumbnail images.

Custom option 7 (Picture choice): Man's skin

Type: Choose Picture choice.
Required?: Click Yes.
Label: Enter Man's skin.
Cliparts: Click Show all cliparts in a clipart Folder and select Skin color clipart folder you created as guided in custom option 2.
How to show cliparts: Click Show with Thumbnail images.

Custom option 8 (Picture choice): Man's hair - Light skin

Type: Choose Picture choice.
Required?: Click Yes.
Target Layers: Choose Man_s Hair layer in .PSD file of our resource package.
Label: Enter Man's hair - Light skin.
Cliparts: Click Show all cliparts in a clipart Folder > Add a clipart folder. In the pop-up, create the clipart folder with the name Man's hair - Light skin and upload the .PNG files for man's hair (light skin) in the resource package. You can also refer to section C. Appendix of this article to create all clipart folders beforehand.
How to show cliparts: Click Show with Thumbnail images.

Custom option 9 (Picture choice): Man's hair - Tan skin

Type: Choose Picture choice.
Required?: Click Yes.
Target Layers: Choose Man_s Hair layer in .PSD file of our resource package.
Label: Enter Man's hair - Tan skin.
Cliparts: Click Show all cliparts in a clipart Folder. In the pop-up, create the clipart folder with the name Man's hair - Tan skin and upload the .PNG files for man's hair (tan skin) in the resource package. You can also refer to section C. Appendix of this article to create all clipart folders beforehand.
How to show cliparts: Click Show with Thumbnail images.

Custom option 10 (Picture choice): Man's hair - Dark skin

Type: Choose Picture choice.
Required?: Click Yes.
Target Layers: Choose Man_s Hair layer in .PSD file of our resource package.
Label: Enter Man's hair - Dark skin.
Cliparts: Click Show all cliparts in a clipart Folder. In the pop-up, create the clipart folder with the name Man's hair - Dark skin and upload the .PNG files for man's hair (dark skin) in the resource package. You can also refer to section C. Appendix of this article to create all clipart folders beforehand.
How to show cliparts: Click Show with Thumbnail images.

Custom option 11 (Picture choice): Man's suit

Type: Choose Picture choice.
Required?: Click Yes.
Target Layers: Choose Man_s Suit layer in .PSD file of our resource package.
Label: Enter Man's suit.
Cliparts: Click Show all cliparts in a clipart Folder. In the pop-up, create the clipart folder with the name Man's suit and upload the .PNG files for man's suit in the resource package. You can also refer to section C. Appendix of this article to create all clipart folders beforehand.
How to show cliparts: Click Show with Thumbnail images.

Custom option 12 (Picture choice): Car's color

Type: Choose Picture choice
Required?: Click Yes.
Target Layers: Choose Car layer in .PSD file of our resource package.
Label: Enter Car's color.
Cliparts: Click Show all cliparts in a clipart Folder. In the pop-up, create the clipart folder with the name Car and upload the .PNG files for car's color in the resource package. You can also refer to section C. Appendix of this article to create all clipart folders beforehand.
How to show cliparts: Click Show with Thumbnail images.

Custom option 13 (Droplist): Choose quotes

Type: Choose Droplist.
Target Layers: Choose Happy Marriage layer in .PSD file of our resource package.
Label: Enter Choose quotes.
Value: Enter 4 values Happy Marriage, Stick to you through thick and thin, Found my other half, and Be there for you all my life, tick Default for Happy Marriage.

Custom option 14 (Checkbox): Are you just married?

Type: Choose Checkbox.
Target Layers: Choose Just Married layer in .PSD file of our resource package.
Label: Enter Are you just married?.
Value: Tick Default for When it is checked, the target layer will be shown on the design.
After finish setting up all custom options for your personalized campaign, you can set up conditional logic for them by clicking the two-arrow button. This will shorten your option list and build a flexible flow to collect customer's personalized information. Please check out this article for more information on how to set up conditional logic.

In this demo campaign, please follow the steps below to create 2 conditional logic for 2 custom options Woman's skin and Man's skin. With conditional logic, when customers choose skin colors, hair colors and clothes will match with each skin color accordingly, giving customers a lot of choices while personalizing their product.

Woman's skin:

Click the two-arrow button in the Woman's skin custom option.
Set When an answer of Woman's skin is equal to Light, then show Woman's dress - Light skin.
Click the + button to add another logic.
Set When an answer of Woman's skin is equal to Tan, then show Woman's dress - Tan skin.
Click the + button to add another logic.
Set When an answer of Woman's skin is equal to Dark, then show Woman's dress - Dark skin.

Man's skin:

Click the two-arrow button in the Man's skin custom option.
Set When an answer of Man's skin is equal to Light, then show Man's hair - Light skin.
Click the + button to add another logic.
Set When an answer of Man's skin is equal to Tan, then show Man's hair - Tan skin.
Click the + button to add another logic.
Set When an answer of Man's skin is equal to Dark, then show Man's hair - Dark skin.
After setting up all custom options and conditional logic for your personalized campaign, click Continue to set up other information about your campaign (e.g.: sale price, campaign description, title, tag, etc.), and launch your campaign. Read section E and F of this article for a step by step guide.

You can enable Personalization Preview mode for your campaign so that customers can see the product design before making a purchase. Please refer to this article on how you can enable this feature.

C. Appendix: Set up cliparts

You can also set up all clipart folders before creating your campaigns by following the steps below:

From your PrintBase admin site, go to Library > Clipart.

If you're using ShopBase (PrintHub), from ShopBase admin site, go to Apps > Print Hub > Library > Clipart.

If you're using PlusBase, from your PlusBase admin site, go to POD products > Clipart.

Click Create folder.
In the New clipart folder page, enter name of your clipart images.
If you want to classify your clipart images into different groups, type a new group name or choose an existing one.
Drop your artworks into Cliparts section or browse from your computer.

If you are using our resource package, you should create 13 clipart folders as listed in the examples below:

Skin color.
Woman's dress - Light skin: in group Woman's dress.
Woman's dress - Tan skin: in group Woman's dress.
Woman's dress - Dark skin: in group Woman's dress.
Blonde hair: in group Woman's hair.
Light brown hair: in group Woman's hair.
Dark brown hair: in group Woman's hair.
Black hair: in group Woman's hair.
Man's hair - Light skin: in group Man's hair.
Man's hair - Tan skin: in group Man's hair.
Man's hair - Dark skin: in group Man's hair.
Man's suit.
Car.

Please prepare accurate names for these files because they will be automatically displayed in your storefront.

Campaign FAQs & Troubleshooting
Overview of Campaign
Create new campaigns
Supported concepts for personalized campaigns