Apr 102018
 

WordPress Stripe Payments Add New Product Settings shows you how to add new products to your shopping cart in your site and more.

Last Updated: September 8, 2019

Latest News: I updated the documentation below.

In this tutorial I will show you how simple it is to add new products to sell in your site. There are a few settings and options you can enable and set up. Some of these settings are optional.

WordPress Stripe Payments Add New Product Settings

Step 1 ) Go to Stripe Payments -> Add New Product to create your new product. Once you are there you will add the following just like if you are creating a new Page or Post.

New Product Details

  • Enter a title.
  • Add a product description.

Step 2 ) The following image displays a list of options available for each product you add.

Download Options Part 1

  • Short Description
  • Price & Currency
  • Quantity
  • Download URL
  • Product Thumbnail (optional)
  • Collect Address

Step 2-a ) The following image displays a list of options available for each product you add.

Download Options Part 2

  • Shipping & Tax
  • Thank You Page URL
  • Appearance
  • Coupons Settings
  • Custom Field
  • Shortcode

Short Description

Step 3 ) The following image Short Description allows you to enter a short product description.

stripe-payments-settings-add-new-product-short-description

Price & Currency

Step 4 ) The following image Price & Currency allows you to set up the following options.

Price & Currency

  • Price
  • Currency
  • Allow customers to specify currency

stripe-payments-settings-add-new-product-price-and-currency

Step 4-a ) The following image Variations allows you to set up the following options.

Variations Options

  • Click on Create Group button to start creating the price variations for your products.

Step 4-b ) The following image allows you to set up and manage the following options.

Create Group Options

  • Group Name:
  • Click on Add Variation button to begin adding new product variations.
  • Click on Create Group button when you finish setting up your product variations.

stripe-payments-settings-add-new-product-group-name

Step 4-c ) When you click on Add Variation button, it will allow you to set up the following options.

Group Variation Options

  • Name
  • Price Mod
  • Product URL = You can click on the Select from Media Library button.

stripe-payments-settings-add-new-product-variation

Quantity

Step 5 ) The following image Quantity allows you to set up the following options.

Quantity

  • Allow users to specify quantity.
  • Set Quantity:

stripe-payments-settings-add-new-product-quantity

Download URL

Step 6 ) The following image Download URL allows you to set up the following options.

Download URL

  • URL of your product (if you’re selling digital products).
  • Click on Select File button.

stripe-payments-settings-add-new-product-download-url

Product Thumbnail (optional)

Step 7 ) The following image Product Thumbnail (optional) allows you to set up the following options.

Product Thumbnail (optional)

  • URL of your product thumbnail.
  • Click on Select Image button. You can also click on Remove Image button to remove the image URL.
  • Don’t use product thumbnail in Stripe pop-up.

stripe-payments-settings-add-new-product-thumbnail-optional

Collect Address

Step 8 ) The following image Collect Address allows you to set up the following options.

Collect Address

  • Collect Address on Checkout.
  • Collect Both Billing And Shipping Addresses.
  • Collect Billing Address Only.

stripe-payments-settings-add-new-product-collect-address

Shipping & Tax

Step 9 ) The following image Shipping & Tax allows you to set up the following options.

Shipping & Tax

  • Shipping Cost
  • Tax (%)

stripe-payments-settings-add-new-product-shipping-and-tax

Thank You Page URL

Step 10 ) The following image Thank You Page URL allows you to enter a thank you page URL. This is optional. If you need to learn more about it, click on the documentation link as illustrated in the image below.

stripe-payments-settings-add-new-product-thank-you-page-url

Appearance

Step 11 ) The following image Appearance allows you to set up the following options.

Appearance

  • Button Text.
  • Button CSS Class.
  • Show Button Only.

stripe-payments-settings-add-new-product-appearance

Coupons Settings

Step 12 ) The following image Coupons Settings allows you to set up the following options.

Coupons Settings

  • Use Global Settings.
  • Enabled
  • Disabled

Custom Field

Step 13 ) The following image Custom Field will show you the custom field created under Advanced settings in the plugin.

Note: Click the following URL Stripe Payments Plugin Advanced Settings to learn more.

stripe-payments-settings-add-new-product-custom-field

Shortcode

Step 14 ) The following image Shortcode shows you the shortcode you will use when adding the product to your page or post.

stripe-payments-settings-add-new-product-shortcode

Publish

Step 15 ) The following image Publish allows you to manage when you will publish your product.

Note: Click the following URL Understand WordPress Posts Settings to learn how to set up and publish posts and pages.

Publish

  • Click on Save Draft button. Or you can click on Preview button.
  • Status:
  • Visibility:
  • Publish:

stripe-payments-settings-publish-new-product

FAQ

Q1 Can a default country be set for the billing and shipping addresses?

Answer 1: The country is auto-detected in the stripe checkout popup (it is suppose to pick the country of the user checking out): You can read more about it from the following URL setting-default-address-in-billing-address/.

Q2 Can products be sorted in order or alphabetically?

Answer 1: You can read the following answer provided by (@alexanderfoxc) in the following support thread.

Q3 What is the minimum amount when setting up a donation button?

Answer 1: Please check the following documentation. Stripe does not allow a minimum amount to be lower than what the charging fees are for the currency used.

Q4 I want to customize the dialog box that pops up?

Answer 1: Payment popup design is controlled by Stripe and it cannot be changed, unfortunately. You can read more about it in the following support thread.

Q5 Is it possible to import invoices from stripe account into your plugin?

Answer 1: No, You can read more about it in the following support thread.

Q6 Is it possible to change the text of the ZIP code field on the payment page to ask for a “Postcode”?

Answer 1: Stripe should handle it automatically, based on your customer’s location. One of the developers comes from Europe and it shows “Postcode” for him when he tested this. You can read more about it in the following support thread.

Troubleshooting

Q1 There is no pop-up to enter payments details, how do I fix this issue?

Answer 1: This is usually caused by the theme not coded correctly. To fix this issue you could add the following parameter compact_mode=”1″

[asp_product id="178" compact_mode="1"]

You can also troubleshoot the theme in question. You can read more about both solutions above in the following support thread.

Q2 Currently I have the plugin set on test. The transactions stall with the following error:

Failed to load resource: the server responded with a status of 500 (Internal Server Error)

[Error] Failed to load resource: the server responded with a status of 400 () (verifications, line 0)

Answer 1: In this instance the solution was provided by someone in the support forum. My linux serer runs CPanel. When I was upgrading the server to a newer PHP version using EasyApache, I forgot to enable/ configure curl. You can read more about it in the following support thread

=================================

That is all you need to do to add a new product to your shopping cart.

I will be updating this post from time to time. So keep coming back for more.

Enjoy.

Stripe Payments Plugin Tutorials:

Manuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

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=""> <s> <strike> <strong>

(required)

(required)