Web Design Training courses, videos & tutorials at DigitalFamily.com
Web design & Internet trends
books, videos, training & consulting
  • Home
  • Store
    • Web Design Books
    • Dreamweaver Videos
    • Expression Web Videos
    • Products
    • Shopping Cart
    • Order Status
  • Consulting Services
  • Web Tutorials
    • Web Design 101
    • Mobile and Responsive Web Design
    • Social Media
    • Online Reputation
    • Dreamweaver
    • Expression Web
    • Cascading Style Sheets
    • WordPress
  • Dreamweaver
    • CS6 Tutorials
    • CS5 Tutorials
    • CS4 Tutorials
    • CS3 Tutorials
  • FAQ
    • Dreamweaver
    • CSS
    • Graphics
    • WordPress
    • Ask the Author
  • About Us
    • About DigitalFamily.com
    • About Janine Warner
  • Contact
Search the site...
Home» Tutorials » Dreamweaver » How to Add a PayPal Buy Now Button to a Dreamweaver Website

How to Add a PayPal Buy Now Button to a Dreamweaver Website

Posted by Janine Warner - August 17, 2012 - Dreamweaver, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5, Dreamweaver CS6, ecommerce, Tutorials
0

PayPalThe simplest and quickest option if you want to sell only a few products or services on your Web site is to create a PayPal button for each item you want to sell.

Follow these steps:

1.  Open your browser and navigate to www.paypal.com.

If you have a PayPal account, log in here. If you don’t have an account, click on the Sign Up link to establish an account, and follow PayPal’s easy online instructions. Depending on what level of account you want to sign up for, you will need a valid credit card and your merchant account information handy.

2.  Click on the Merchant Services tab.

A page will open with many links to all the various actions you can take with your PayPal account, as well as links to various resources to help you run your online business.

3.  Click on the Website Payments Standard link in the box on the left side of the page.

The Website Payments Standard: Overview page opens (see Figure 11-8). This page allows you to choose from a couple other options, but for now, stick with creating a button for just one item at a time. PayPal also offers a Website Payments Pro service, but this requires that you register for a business account with PayPal and that you use an integrated shopping cart or build one with PayPal’s APIs.

4.  Below the Sell Single Items heading, click the Create One Now link.

The Create PayPal Payment Button page opens with fields in it for the description of your item.

5.  Below Choose a button type, choose Buy Now from the drop-down list.

You can also create a payment button to sell your services, set up a subscription or recurring billing process, collect a donation, or buy a gift certificate. In this example, we make a simple button to sell one item.

6.  Type the item name in the Item Name field.

The optional Item ID field allows you to enter a tracking code for the item you’re selling, if you want to use that number in your spreadsheets or inventory programs.

7.  In the Shipping section, fill in the amount you charge for the shipping and handling of your item.

8.  In the Tax section, fill in the amount of sales tax and other applicable taxes you charge.

9.  Choose how you want to be notified when someone has bought your item.

You can be notified through your secure merchant account. If you select this option, your e-mail address doesn’t appear in the button’s HTML code. This may or may not be important to you. Some merchants want to appear as transparent and open as possible; others are afraid of having their e-mail inboxes overflow with spam.

If you choose to use your PayPal e-mail address, you receive a notification in your e-mail inbox every time someone buys something from you with this PayPal button.

10.  Click the Create Button button.

The You’ve Created Your Button page opens. In a panel in the middle of the page is the code for your PayPal button. Don’t worry that the code looks like a lot of gobbledygook. You don’t have to type this in anywhere.

11.  Click the Select Code button to select the button code.

The code is highlighted.

Split View

Make sure you paste code from third-party sites like PayPal into Code View or Split View (shown here) in Dreamweaver.

12. Copy the Code

Press Ctrl+C (on a Mac, @@cmd+C) to copy the code using whatever tool you prefer to create your Web site, just make sure you copy the code into the HTML code of the page to make this work.

13. Paste the code into the HTML code in Dreamweaver using the Code View or Split View option.

Always make sure you paste HTML code into code view in Dreamweaver.

dwcs3, dwcs4, dwcs5, dwcs6, ecommerce

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Share with your friends

Dreamweaver Tutorials

  • Creating websites with Dreamweaver HTML templates (.dwt)
  • What’s the difference between a website & blog?
  • 6 Reasons to Upgrade to Dreamweaver CS6
  • Tracking web traffic: Google Analytics vs other traffic counters
  • Creating Responsive Designs with Dreamweaver CS6 Fluid Grid Layout

Popular books & videos

  • Dreamweaver CS6 Video

    DW-Video-250
    Designing for Multiple Screens with Fluid Grid Layouts
    Discover how to create web designs that look great on large and small screens. From smartphones to tablets to desktops, the new Fluid Grid Layout in version CS6 makes it easier than ever to set up media queries and design websites with HTML5 and CSS3. More Info »
    $49.99$39.99

    View Cart / Checkout
  • Dreamweaver CS5 Part 3: The New Features

    Dreamweaver-CS5-whats-new
    Training Video DVD
    Upgrading to CS5? Get just the training you need when you upgrade. This video covers the hottest new additions to Dreamweaver's toolset with a focus on how to put these great new features to work right away. More Info »
    $24.99

    View Cart / Checkout
  • Dreamweaver CS5 Crash Course

    Dreamweaver CS5 Crash Course Part 1
    Dreamweaver video DVD
    Dip into web design and learn Dreamweaver fast with this engaging video. More Info »
    $24.99

    View Cart / Checkout
  • Dreamweaver CS4 Essentials

    Dreamweaver CS4 Training Video
    Training Video DVD
    Janine's delightful sense of humor (and The Chocolate Game website) make learning web design with Dreamweaver CS4 more fun in this comprehensive 5-hour course. More Info »
    $39.99

    View Cart / Checkout
  • Dreamweaver CS3 Essentials

    Dreamweaver CS3 Training Video
    By Janine Warner Created with TotalTraining Janine’s patience and delightful sense of humor make learning web design with Dreamweaver CS3 fun. Learn everything you need to build websites with Dreamweaver in this comprehensive 8-hour course. You’ll get up to speed fast with the basics of setting up a site and creating your first web pages, More Info »
    $24.99

    View Cart / Checkout
© 2001 - 2013 All rights reserved. DigitalFamiliy.com was created by Janine Warner | Terms & Conditions of Use | Privacy Policy
  • Home
  • Store
  • Consulting Services
  • Web Tutorials
  • Dreamweaver
  • FAQ
  • About Us
  • Contact