Log into your CafePress account and click the “Visit” link for your store. A list of your merchandise appears, categorized by type.

Choose an item to add to your iWeb store, and click the CafePress link for that item to bring up the description. For my example, I’m choosing the Gizmo Ranch mousepad.

Switch to iWeb, and add a new page for your store. I recommend that you choose a Blank page, since you will want to start from scratch. (When I made my store, iWeb 1.0 was the current version, so I used the Welcome page from the White template because it had the least amount of custom formatting on it, so it was easy to change. The Blank page is new in iWeb 1.1.)

Change the name of your store page in the Site Organizer. I changed the name of mine to Store.

Change the headline at the top of the page by double-clicking it and typing your new headline. I changed mine to The General Store in homage to my grandfather, who ran a general store in Phelps, Minnesota, for many years.

Replace the placeholder image with one of your own. I found a picture of a general store and dragged it to the placeholder. To keep the general format of the page similar to other pages on my Web site, I used the same picture for the page background and used a blue color for the browser background.

Replace the placeholder title and descriptive text with your own writing. This text should be a description of the store you’re running and include any special notes about products that you’d like to add.

Now we’re ready to get to work. Switch back to your CafePress store and the item you want to sell on your own Web site. Using Grab (found in your /Applications/Utilities folder) or a similar screen-capture utility, capture a screen shot of the item you want to sell and copy it.

Switch back to iWeb and paste the screen shot onto your store Web page. If you want to make the image larger or smaller, click it to select it, then drag one of the corner handles.

Add a text box to the store Web page and use it to add text that describes the product. I typed a short description with the price, made it bold, and wrote a longer description beneath.

Last but not least, use the tricks you’ve learned earlier in this ebook to link to the appropriate page in your CafePress store (see Create Web Hyperlinks and Create Picture Hyperlinks). When you link to a product listing in the CafePress store, copy the URL from the CafePress site and paste it in the URL field in iWeb’s Link Inspector.

For the mouse pad I’m selling, the URL is http://www.cafepress.com/gizmoranch.22945409. In the URL, gizmoranch indicates the CafePress store that the item is located in, while 22945409 is the specific item number for the mouse pad with the special artwork I’ve created.

Visit https://www.paypal.com/us/cgi-bin/webscr?cmd=_web-tools, and log in to your account.

You’re taken to a Selling Single Items page.

Enter the details of the item you’re selling. Although this is listed as an optional item, I recommend that you do it, since it fills out the purchase information on the buyer’s page. Enter the name of the product or service you’re selling, the ID or product number, the price, and the currency. You also have the option of making the buyer’s payment form default to a certain country. I recommend leaving this setting alone so your buyers can choose their own country if they wish.

You can ignore the section of the PayPal page titled “Choose a button to copy to your website,” because you aren’t going to use a button on your store page.

Under Security Settings, make sure that the “No” radio button under “Click Yes to encrypt your payment button” is selected. You cannot use encryption for the email link that PayPal will generate.

Click the Add More Options button at the bottom of the page. This takes you to a second page with many more options, which you should set. These include:

1. The capability to calculate shipping costs.

2. Calculation of state and local sales taxes.

3. Adding option fields doesn’t work with the type of link we’re making, so don’t add size or color options. If you have multiple options you must create multiple listings for the item, one for each size and color combination. This is a case where you probably don’t want to use iWeb to create your store page.

4. Customization of your payment page. You can make your PayPal payment page look like your online store to provide a seamless shopping experience for your customers.

5. Add successful or cancelled payment URLs. If a customer’s transaction is successful, they are directed to the successful payment page on your Web site. This page usually provides contact information, details on how to track shipping, and other useful things the customer wants to know. If a customer cancels an order partway through the process, or if an order is unsuccessful, they are directed to the cancelled-payment page.

6. Miscellaneous includes whether or not a customer can order more than one of an item and if you’d like customers to provide a shipping address.

7. The “Collect Additional Information From Your Customers” radio button lets your customers send you additional info.

8. You can change the email address where you want your payment notice to be sent.

Once all the appropriate settings and fields are filled out, click the Create Button Now button. On the page that appears, copy the text in the “Link for Emails” box. You’ll use this URL to create the links on your iWeb store page.

Now switch to iWeb. Following the processes I’ve described elsewhere in this ebook to create photo-based and text-based links, make a button to link to the PayPal payment page and add a text description of the item you’re selling.

Test the payment button. Since you’re going to use an outside payment processor, it’s a good idea to make sure everything works before turning the store loose on an unsuspecting world. Your buyers will be able to pay with a variety of methods, including credit cards, even if they are not members of PayPal.