DPD Cart Plugin

To get a DPD account visit: http://getdpd.com

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 add a shop and optionally product pages to your site, 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.

Features:

• Communicates automatically via a DPD API
• Selectable DPD Store to associate with your blog
• Easy add-to-cart button insertion on posts and pages using a DPD-Cart editor button and simple dropdown list
• Customizable shortcode templates allow you to modify the design and layout of the shop and product pages.
• Customizable button display colors, sizes, and price/position in the plugin admin.

Getting Started

1. Add plugin to wordpress using the plugin browser or uploading the zip.
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. In the WordPress admin go to Settings > DPD Cart Plugin.
4. Enter DPD username and API Key, found in DPD on your user profile page.
5. Save Changes.
6. Stores will load once you’ve connected to the DPD API. Now, select the store you want to use and other preferences.
7. Save Changes.
8. Create the shop and product pages as outlined below.

Creating Shop page

1. From WordPress Dashboard go to Pages > Add New
2. Use shortcode that meets your requirements.
   • Grid Layout – [dpdcart-store layout=grid]
   • List Layout – [dpdcart-store layout=list]
3. From WordPress Dashboard Go to Settings > DPD Cart Plugin.
4. Select newly created page as shop page.
5. Save Changes.

Creating (optional) Product Page

1. From WordPress Dashboard go to Pages > Add New
2. Use shortcode- [dpdcart-product-page]
3. From WordPress Dashboard Go to Settings > DPD Cart Plugin.
4. Select newly created page as product page.
5. Save Changes.

Manually editing buttons used in posts and pages editors

1. Use shortcode [dpdcart id=’xxxxxxx’]

   • id (required) – DPD Product ID (Found in the DPD admin)
   • text (optional) – Text on Button (Default- Settings for button text on store page.)
   • size (optional) – ‘small’, ‘medium’ or, ‘large’ (Default- Settings for button size on store page.)
   • color (optional) – HexColor eg. #000000 (Default- Settings for button color on store page.)
   • hover_color (optional) – HexColor eg. #000000 (Default- Settings for button hover color on store page.)
   • text_color (optional) – HexColor eg. #000000 (Default- Settings for button text color on store page.)
   • lightbox (optional) – 1 or 0 (Default- Settings for use lightbox?.)
   • price_position (optional) – ‘none’,’top’,’left’,’right’ (Default- Settings for store page price position.)
   • price_color (optional) – HexColor eg. #000000 (Default- Settings for store page price color.)
   • price_bg_color (optional) – HexColor eg. #000000 (Default- Settings for store page price background color.)

2. Use Gutenberg Block to insert button

   • Select the DPD Button block type and choose your options