DPD-Cart Plugin

Turn your Wordpress Blog into a Store to Sell Downloads

Update 10/12/09: Updated version 1.1 includes an SSL error fix that affected some web servers and full IE6 compatibility.

The DPD-Cart Plugin is an ecommerce solution to sell downloads with DPD from your Wordpress (2.8+) blog.

How it works:

The DPD-Cart plugin connects via an API to the DPD system to automatically pull your available storefronts and storefront products in to your Wordpress blog. From there, you can specify which storefront to associate with your Wordpress blog, add a view cart / checkout button to the Wordpress sidebar using a provided widget, and insert DPD add-to-cart buttons to any Wordpress post or page by simply selecting the product you want from your list of configured and available products.

New!
Our friends at Inspired Mag have published a tutorial showing how to easily integrate the DPD-Cart plugin with your Wordpress blog. The tutorial features step-by-step instructions and many screenshots to guide you along the way. The tutorial also covers customization options.

Check it out: Start Selling Downloads from your Wordpress Blog in 5 Minutes

Features:

  • Communicates automatically via a DPD API
  • Selectable DPD Storefront to associate with your blog
  • Selectable button designs to match your blog, with the ability to add custom buttons
  • Easy add-to-cart button insertion on posts and pages using a DPD-Cart editor button and simple dropdown list
  • Customizable sidebar widget with View Cart / Checkout button

Installation Instructions

  1. Copy the entire dpd-wpcart directory to your /wp-content/plugins directory.

    Do not change the directory name or copy individual files- you must copy the entire directory to your /wp-content/plugins/ directory for the DPD-Cart plugin to work properly.

  2. Activate the plugin in your Wordpress admin.
  3. Go to the DPD-Cart configuration page under Plugins and enter your DPD username and API key.

    Your DPD username and API key can be found by logging in to DPD and then going to “Profile Options” under the “Profile” menu on the dashboard.

  4. Click “Update Options” on the configuration page to store your API credentials and load your storefronts inside your Wordpress blog.
  5. Choose which storefront you would like to associate with this blog. If you only have one storefront the default storefront will be selected.
  6. Select the button style you would like to use.
  7. Click “Update Options” to save your storefront and button choices.

Using The DPD-Cart Plugin

Activating the Sidebar “View Cart” Widget:

The DPD-Cart sidebar widget will display a view-cart / checkout link on each page of your blog where the widget is loaded.

  1. Go to “Widgets” under “Appearance” options in your Wordpress admin.
  2. Drag the “DPD-Cart Widget” to your sidebar where you would like it to appear. Most eCommerce layouts have this in the top of the right or left sidebar of your site.
  3. Optionally, create a title for the widget.

Inserting Add-To-Cart buttons in posts or pages:

You can easily insert Add-To-Cart button code to any post or page in your Wordpress site.

  1. Create a new post or page or edit an existing one.
  2. On the HTML tab of the editor, move your cursor to where you want the button to appear and then click on the DPD Cart editor button.
  3. On the popup that opens your active storefront products will be displayed in the drop-down. Select the product you want to insert in to the post and click the “Insert” button.

The DPD-Cart plugin will create a [dpd-atc] quicktag with your product’s details. The quicktag will be converted into an add to cart button when your post is published.

Customizing the DPD-Cart Plugin

We’ve tried our best to make the DPD-Cart plugin as easy to customize as possible. Vendors can easily add custom button sets to the DPD-Cart plugin as well as customize the appearance of the sidebar widget.

Adding Custom Button Sets

DPD-Cart automatically looks in the dpd-wpcart/buttons folder for button sets. To add your own custom button set simply create a new folder in the /buttons folder that contains two image files with the following names:

Add-to-cart button displayed in posts/pages:

dpd-wpcart/buttons/MyCustomFolder/atc.png

View Cart / Checkout button displayed in sidebar widget:

dpd-wpcart/buttons/MyCustomFolder/viewcart.png

… where /MyCustomFolder/ is the name of your custom button set.

Buttons must be PNG image files to be displayed and it is recommended that you save them with a transparent or matching background color for your blog where they will be displayed.

Customizing the Sidebar Widget

The DPD-Cart sidebar widget uses a simple template that you can customize to include additional information to be displayed along with the View Cart / Checkout button on each page.

The template is located in your dpd-wpcart plugin folder here:

/wp-content/plugins/dpd-wpcart/templates/cart-widget.php

You can add custom content such as text or images above and below the the DPD-Cart code in the widget template to display on your site.

In this template you will find the button code and the javascript call required to make the cart popup work. You should not edit the DPD-Cart View Cart / Checkout Button code contained in code comments- if you want to change the button displayed in the sidebar widget you should create a new custom button set as specified above.

When done save this file and the changes will be reflected on your Wordpress blog.

Help / Support

DPD Developers provide full support for DPD subscribers using this plugin. If you need plugin support please log in to DPD and submit a support ticket from the DPD Dashboard for priority support.

Popularity: 100%

Get Adobe Flash playerPlugin by wpburn.com wordpress themes