• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Payments Plugin for Stripe

Stripe payment plugins for your WordPress site

  • Home
  • Documentation
  • Addons
  • Login
    • Sign In
    • Edit Profile
    • Terms & Conditions
    • My Downloads
    • License Key
  • Support
    • Support Forum
    • Forum Search
    • Forum Login
    • Forum Registration
    • Email Support for Customers
  • Contact Us
  • Show Search
Hide Search
You are here: Home / Embedding Products into a Post or Page

Embedding Products into a Post or Page

You can embed a configured product anywhere on your site using a shortcode. This will allow you to sell the product from anywhere on your site (post, page, sidebar widget etc).

Step 1) Copy your product shortcode from the ‘Products’ menu under the ‘Stripe Payments’ admin dashboard.

embed-a-stripe-products-using-shortcode-1

Step 2) Paste the shortcode in a post, page or text widget.

Example Output

When you use this shortcode to add a Stripe product to a WordPress post or page, it should look like the following example:

stripe-test-product-with-default-product-display-example

Embedding Products Using the Gutenberg Editor (Latest WP Version)

Video Tutorial: Embedding a Stripe Payments Product with the Gutenberg Editor

Written Tutorial

The Gutenberg editor which is automatically installed with any recent WordPress version allows blocks of content to be added to a post or page. If you have the Stripe Payments Plugin installed and activated on your website, the Product Shortcode Inserter can be found under the common blocks section within a page or a post. Using the Product Shortcode Inserter is an efficient, hassle free and quick approach to insert any of your previously created products to any WordPress page.

inserting-stripe-payments-product

If you wish to add one of your products/services to a page or a post:

  1. Add a new page/post or edit an existing page/post.
  2. Click on the ‘+‘ symbol to add a new block.
  3. Scroll down to the ‘Common Blocks‘ section.
  4. Click on the ‘Stripe Payments Product‘ icon to use the shortcode inserter.
  5. Now on the right-hand side of the page, select the product you wish to insert from the drop-down menu.
  6. Your product will now be inserted. If you’d only like to show the payment button for the product use the ‘Show Button Only‘ option in the block editor.

stripe-product-gutenburg-editor

Specifying a Checkout Popup Language

By default, Stripe tries to autodetect and set user’s preferred language. However, in some situations, you may want to force Stripe to use a specific language for your shortcode.

In addition to English (en) language, Stripe supports the following checkout popup languages:

  • Simplified Chinese (zh)
  • Danish (da)
  • Dutch (nl)
  • English (en)
  • Finnish (fi)
  • French (fr)
  • German (de)
  • Italian (it)
  • Japanese (ja)
  • Norwegian (no)
  • Spanish (es)
  • Swedish (sv)

You can use the “checkout_lang” shortcode parameter to set specific language. For example, to set Spanish language, use it’s code (es):

[asp_product id="123" checkout_lang="es"]

Primary Sidebar

Featured Addons and Extensions

  • Subscription Payments Addon
  • Additional Custom Fields
  • Secure Downloads Addon
  • Apple Pay, Google Pay, Afterpay

Addon Bundle

Stripe Payments Addon Bundle

Support Links

  • Support Forum
  • Support Contact

Search

Copyright © 2023 | Stripe Plugins | A member of the Tips and Tricks HQ family.