I have just integrated my Zazzle store into this Wordpress blog thanks to
Zazzle's Store Builder feature. Take a look at the result on the
Sketchee.com Art Prints Shop Page. You can include items from any shop, not just your own, and you make the referral fee on all sales. While there is documentation on the Zazzle site, this article will focus on specifically embedding the store builder in a Wordpress page.
First, you'll want to download the store builder files. You'll have to customize the files with your identifying information. Open the file configuration.php, in the folder include, using your favorite text editor. You'll see some fields in quotes marked to be edited. Your contributor name or contributor handle is the name of your gallery on Zazzle.com. Your associate id number can be obtained by logging into Zazzle. Upload the files anywhere on your site that supports PHP using your favorite FTP program. This could be in your Wordpress theme folder, although I installed mine in a root level folder. You can call it whatever you like, for example I called the folder /storebuilder.
In Wordpress, you'll want to make a copy of the template that you'd like to embed the store into. I made a copy of my Pages template, pages.php, and renamed it shop.php. This is in the wordpress folder under /wp-content/themes in the folder of the current theme. Log onto your site admin panel and navigate to the Theme Editor in Wordpress. In Wordpress 2.6.5 this is located under the Design Tab. Select shop.php and above any other code you will need to insert the following code; the Template Name can be anything you want:
< ?php
/*
Template Name: Shop
*/
?>
Next, we'll edit the shop.php template to add the shopbuilder code. This can be anywhere on your template. Note that the path must be a full server path as in the example code. There are a ton of customization options to be aware of. The full description of each is available in the configuration.php that we had edited earlier. These variables can also be set there, but it is more versatile to do it from your templates since you could have multiple pages or multiple includes of the storebuilder on one page! The
productType variable lets you choose a product (shirts, stickers, etc) by using one of the numbers form configuration.php. If showPagination is true, it will allow your shop page to have several pages of products to navigate through. showSorting lets users choose between sorting by popularity or date added. gridCellSize is the size of the image (tiny, small, medium, large or huge).
< ?php
// configure Zazzle Store Builder display
$_GET['productType'] = '';
$_GET['showPagination'] = 'false';
$_GET['showSorting'] = 'false';
$_GET['showProductDescription'] = 'false';
$_GET['showByLine'] = 'false';
$_GET['showProductTitle'] = 'true';
$_GET['showProductPrice'] = 'false';
$_GET['gridCellSize'] = 'medium';
$_GET['showHowMany'] = '100';
include "/home/FULLPATH/www/www/storebuilder/include/zstore.php"; ?>
Using the theme editor, you'll need to enter a line in the header.php of your Wordpress theme. This should placed between the <head> tags. Note that if you named your /storebuilder directory something different, you'll have to change this to reflect that. You may also want to put this css file in the theme's folder instead and refer to it there; that way it could be modified in the theme editor although you probably won't need to touch it. This contains the styles that the store uses and are already named so not to conflict with your blog styles:
<![CDATA[<link id="ext_css" rel="stylesheet" <br/>type="text/css" href="/storebuilder/css/zstore.css"/>]]>Finally, create a new Wordpress page (Write > Page). You can write a little bit of intro text as the post itself. The most important thing is to scroll down under Advanced Options for the page. Look for Page Template and set that box to the Template Name you created above. You may also want to disable comments for this page if your theme isn't already set to do this. Publish the post.
That is pretty much it. The item links in your store even go to a version of the Zazzle's product page with a smaller header bar to minimize their branding on your store. If you have any difficulty, feel free to post here or at the
Zazzle forum.
Update: If all of this sounds too technical or just too time consuming for you, try out the
zStore Helper Plugin
Post a Comment 
