Archive for June, 2008

26
Jun
08

Custom Color Codes

Although the zazzle design tool is the best .. the lack of color choice for backgrounds etc isn’t that great .. but using your own custom color isn’t difficult

First we need to have the ability to generate a color code .. if you have a programme such as photoshop .. paintshop pro etc .. you can use the color selector to get just the right shade you require

Photoshop users just need to use the color picker .. then double click the color box on the left then copy the color code from the box ( see below )

if you don’t have any programmes don’t worry … you can still create your own custom colors .. heres a great site that generates the code for you .. you can even mix your own color and it gives you the code .. once you have your code .. you need to apply it to your product .. on the zazzle design tool … choose ” background” you will see at the bottom of the color selection theres already a code in the box .. delete that code and paste in your custom code ( see below )

IMPORTANT : do not include the # from any image codes just the numbers and letters .. and to apply the code make sure you press the enter key on your key board …

Thats how to apply a custom color to a product .. you can do the same to custom design your store .. simply go to your “my zazzle ” .. gallery tab ..then on the left click on appearance

tick the create a custom look option .. then select from the sections of the gallery you want to apply custom color to .. generate your code and paste into the hex box hit the enter key

20
Jun
08

API Set Up

1. Create a new Product Line and set up the product types in your Zazzle gallery that you want people to be able to create products on. Some people leave them completely blank, some put a temporary design on them – like I did http://www.zazzle.com/krwdesigns/products/cg-196666456666313820

2. Put the images on your own website that you want customers to be able to use to create products. I used thumbnail versions on my webpage instead of the full size in order to keep the page load time down.

3. Go to MyZazzle. Go to the Promotion Tools area (look for the link at the bottom of the right hand column – Check out more promotion tools)

4. In the right hand column, select Create-a-Product API. Click Create a Category Link.

5. Click the Select Category button under step 1 – and select the product line you created in your gallery.

6. Check the boxes if you want to allow editing and descriptions, then Generate Link.

7. You will get a link that will take customers from your site to your API section in your gallery. Below the Generate Link area, there is an example they show with some text in red. You need to change the red text for each image you want to allow customers to use for your API products.

So – at my site www.krwgraphics.com/create.htm, I would chenge the red info to match the url of the image on my website, so that it would be the image that would carry over when a customer clicks on it.

For instance, if you look at my webpage, the image of the fairy insidea bubble: I altered the link code to include the url of full size version of that image hosted on my site (http://www.krwgraphics.com/IMAGEINFO.png or whatever it actually is)

Then I attach the API link code to that thumbnail image so it will take customers to my Zazzle gallery and put that image on all the products in that category

Tutorial by KRWDesigns

07
Jun
08

Adding A New Product Line

1) Once you’ve logged in, click on the Manage my gallery link at the top of your page (directly to the right of your shop title)

2) Click into the Public area of the Products tab (follow the link to this that is in the left column of the Gallery Settings page)

3) You should now be looking at the Public Products page. Directly to the right of this title there is a link to Add new product line. Click on this.

4) An Add New Product Line dialog pops up. The name of your new product line should go in the Name field. Product lines are displayed in your pages in alphabetical order, so if you use some special character as the first letter of the product name (such as an exclamation point, as I did), these will show up on the top of the list. You can either put all your linky code (or any other descriptive information, in the case of a “normal” product line page) in the Description field now, or add this in later – after you’ve already added the new product line page. Once you’re satisfied with the details of your new product line, click the Add New Product Line button to “make it so”.

5) Congratulations, you now have a new product line! You can pretty much think of this as another page just like your top page in that you can add products here when you create them, and/or put whatever kind of descriptive text in here you want – like links to other pages, in this example.

6) If you want to edit the information on this page (either now, or later to add/remove links or other data), you also do that by going through the same Public Products page you got to in steps 1-3 above. Just click on the product line page you want to edit (it will be listed in the left-hand column under All Product Lines).

7) Once you’re in the product line page you want to edit, just click the Edit link directly to the right of the product line page title at the top.

8) I noticed that these pages are a little trickier to format than the top-level page. I ended up having to add in explicit HTML line-break tags (<br>) to get things to space correctly, but they accept a good amount of HTML (formatting tags, links, rudimentary tables, image tags, etc. – enough for me to accomplish what I was after anyway!)

9) As an “extra bonus” note, you may have noticed that there is also an Add new product line link to the right of the Edit link mentioned in step 7. You can use this to add a sub-product line (just like you did in steps 3-5 above) – that’s right, your product line can contain another product line! This can be a really handy feature for organizing an otherwise cluttered shop setup.

Tutorial by Wilddeej

01
Jun
08

Create Posters

The zazzle design tool is second to none .. its an awesome bit of kit helping you produce the best products

To create a poster with or without a frame is easy

Step One

Upload you artwork .. you can do this via the design tool itself or the zazzle uploader .. which is still in beta and works only for windows .. there is a help file to get the requirements .. of course this isn’t just for posters .. but is ideal for larger file uploads

Step Two

Your poster will now look something like this …but not with my artwork :P

You can see the arrows are pointing to two very large blank white areas .. it doesn’t make for a great poster / print … so what do we do?

STEP THREE

Click on the PRINT OPTIONS tab

Then select the AUTO SIZE

This will resize the back area to the size of your artwork … it will also give you the dimensions

OPTIONAL STEP FOUR

If you haven’t included a border when you created your work you still can… If you want a border area to your poster … simply go to the customize tab ( next to the print options tab ).. and hit the minimize button ( red arrow ) … then select a background color ( black arrow )

01
Jun
08

Adding The Flash Panel To Your Store

First you need your html code … you can find this in the ” promote this gallery ” section .. link on your main page .. top box under your ID … or here just fill in your contributor name .. on the drop down you have a selection of products .. you can choose one kind or just ignore that and have all different kinds … or for a totally personalized panel you can add special tags to the products you want in the panel .. tags that you haven’t used on anything else and tags that no one else is likely to of used either .. then you just enter that special tag in the ” select your products ” area of the flash panel set up.. tick the box for popular or recent .. hit the next button … you can choose what kind of skin you want your panel to have in the drop down on that page .. when you’re happy hit save & finish … you’ll get your code .. copy it ..( using your mouse ..left click on the code .. when it turns blue … right click and select copy ) and then go back to the ” my zazzle ” the gallery tab .. then on the left you’ll see it has ” basic information” click that then paste ( right click on your mouse in the box ..select paste ) the code into the box .. ( you can adjust the size of the panel in the code if its too big for your page SEE BELOW ) hit save changes and you’re done :d

ADJUSTING THE PANELS SIZE

This is the html code for my art store … you will need to generate your own code ( as above ) unless you really really want to promote my store in which case feel free :)


you can see the size as width=”450″ height=”300″ the height and width can be changed by simply changing the numbers

<embed wmode=”transparent” src=”http://www.zazzle.com/utl/getpanel?zp=117269176739619880″ FlashVars=”feedId=117269176739619880&path=http://www.zazzle.com/assets/swf/zp/skins” width=”450″ height=”300″ TYPE=”application/x-shockwave-flash”></embed><br/><a href=”http://www.zazzle.com/”>create & buy custom products</a> at <a href=”http://www.zazzle.com/”>Zazzle</a>

For a smaller panel I use width=”350″ height=”300″

Just alter the sizes until you’re happy .. best to keep it relatively even