Search Results for: shop

When you first install and activate the Stripe Payments Plugin, a products/shop page is automatically created for you. The purpose of the products page is to display all the products that you create inside the plugin in a nice grid display.

Your products are displayed with the name, price and a link to view the details. By default, your shop page will display 30 products per page and have a search bar towards the top.

You can add the shop page to your website’s navigation menu if you want to. This way your customers can easily find the products and services you have available.

Table of Contents

• Viewing the Shop Page
  • Example: Shop Page URL
  • Example: Previewing a Shop Page
• Adding the Shop Page to a Navigation Menu
  • Example: Adding Shop Page to Navigation Menu
  • Example: Navigation Menu
• How to Create a Shop Page if it gets Deleted
• Removing the Search Bar from the Shop Page
  • Example: Search Bar Removed
• Sorting the Products Listing (Sort Order)
• Editing the Number of Items on Each Page
  • Example: Adding Parameter to Shortcode
  • Example: Shop with Three Products Per Page

Viewing the Shop Page

The URL of your product’s shop page can be found under the stripe payments ‘Settings’ menu. Under ‘General Settings’, you will see ‘Products Page URL’. You can paste this URL into your browser to view your shop page.

Example: Shop Page URL

The URL of your shop page can be found under the ‘General Settings’ tab.

Example: Previewing a Shop Page

This example shows a shop page that contains several different products.

Adding the Shop Page to a Navigation Menu

You can easily add the shop page to the navigation menu of your site if you want to.

1. Click on ‘Menus’ under the ‘Appearance’ tab.
2. Once you are in ‘Menus’, click the drop down option for ‘Pages’. Tick the ‘Products’ page.
3. Click the ‘Add to Menu’ button.
4. Drag the ‘Products’ page to where you would like it to show up on your navigation menu.
5. Ensure you ‘Save Menu’.

Example: Adding Shop Page to Navigation Menu

Example: Navigation Menu

After you add your shop page to the navigation menu, your visitors can easily browse your products and services.

How to Create a Shop Page if it gets Deleted

If your shop page accidentally gets deleted, you can follow these steps to create a new one.

Step 1) Create a new page and title it ‘Products’ or ‘Shop’.
Step 2) In the body of the page you will need to enter in the following shortcode:

[asp_show_all_products]

Step 3) Publish the page.
Step 4) Copy the permalink of this page (you can add this URL to your navigation menu if you want to).

Removing the Search Bar from the Shop Page

Your shop page will contain a search bar by default. Your customers can use it to search your items.

You can remove the search bar from the shop page by adding an extra parameter to the shortcode.

1. Find the page titled ‘Products’ from the pages menu of your dashboard.
2. If you add search_box=”0″ to the shop page shortcode, the search bar will be removed. Simply delete the shortcode on your ‘Products’ page and paste in the following shortcode (ensure you update changes made to this page):

[asp_show_all_products search_box="0"]

Example: Search Bar Removed

Sorting the Products Listing (Sort Order)

By default, the product listings on the shop page are displayed in ascending order, meaning the items appear in the order they were added.

You can customize the shortcode to set a different default sorting order for the shop page. Visitors can still use the sorting dropdown menu to change the order as needed.

For example: You can edit the shortcode and use the ‘sort_by’ and ‘sort_order’ parameters to sort the listing in descending order. Below is an example shortcode that will list the products by ID and using a descending sort order:

[asp_show_all_products sort_by="ID" sort_order="DESC"]

The following example sorts the products by title in descending order:

[asp_show_all_products sort_by="title" sort_order="DESC"]

The shortcode you use on the page determines the default order in which the products are displayed. However, users will always be able to choose a different sorting option from the dropdown menu.

Editing the Number of Items on Each Page

If you are selling multiple products from your site, you may wish to edit how many products are visible per page. Without making changes to the shortcode, by default it will show up to 30 products per page. It will create pagination if you have more than 30 items.

Adding an extra parameter to the shortcode allows you to edit the number of items shown on each page.

1. Find the ‘Products’ page in the ‘Pages’ menu of your dashboard.
2. By adding, items_per_page=”20″ into the shortcode, you can decide on how many products you wish to show per page.

The following shortcode can be pasted into your ‘Products’ page. You will then need to replace 20 with the amount of products you wish to display per page.

[asp_show_all_products items_per_page="20"]

Example: Adding Parameter to Shortcode

This shortcode allows you to decide how many products you would like to display per page.

Example: Shop with Three Products Per Page

E-commerce functionality requires dynamic pages to ensure visitors see the most up-to-date information, such as product prices, availability, and their shopping cart contents. A cached page shows a static version, which can result in outdated information being displayed to users. That’s what causes issues with e-commerce setups—unlike a blog, an e-commerce site needs to display dynamic content on product and thank you pages that is specific to each user. Caching is generally fine for blog posts and other static pages where the content doesn’t change based on customer actions or transactions.

To resolve the issue, you can exclude transaction-related pages from caching.

Recommendations for Accept Stripe Payments Plugin

Exclude Thank You Page from Caching

The ‘Thank You’ page should also be excluded from caching. This page displays order confirmation and dynamic transaction details, which should always be current.

You can find the ‘Thank You’ page URL in the plugin’s settings menu. Refer to the screenshot below for guidance.

The ‘Thank You’ page must be excluded from all forms of caching.

Exclude Payment Pages from Caching

Pages containing payment buttons should also be excluded from caching. These pages need to reflect real-time data to ensure accurate transactions.

In the General settings menu of the plugin, there’s an option for you to set the text that appears on the payment popup button. This feature provides a way to customize the call-to-action according to your preferences, ensuring a coherent match with your site’s tone and style.

Additionally, the plugin offers flexibility with its individual product configuration interface. Here, you can specify unique button text for each product. This functionality is particularly useful for tailoring the button text to better reflect the product’s nature or the action you want the customer to take, enabling a more personalized shopping experience.

By combining these settings, you can maintain a default button text for most of your catalog while customizing it for specific products as needed. This dual-level customization ensures that your payment buttons are always aligned with your marketing strategy and product offerings, enhancing user engagement and potentially increasing conversion rates.

If you are using Stripe as your preferred payment gateway, you then have the option to also accept FPX payments, the number one payment method in Malaysia.

Once you have the Stripe Payments Plugin set up on your WordPress website, purchase and download the following premium addon to accept FPX payments.

What is FPX Payments?

FPX Payment or Financial Process Exchange is a secure online payment gateway system that enables consumers to make real-time payment online by using their current or savings account. FPX is widely used among consumers as it provides convenience to purchase products at online stores.

Customers need only their Internet Banking accounts to make payments whenever they shop at online stores or websites. All transactions and payments are secure and real-time.

FPX Payment Process

When you have set up the FPX addon on your website, you can expect your customers to complete the following payment flow:

1. The customer lands on your website and clicks on your Stripe Payments Product ‘Buy Now’ button.
2. They will see a checkbox to pay with FPX.
3. The customer selects their preferred bank and then redirected to the Internet banking login page. They proceed to key in their login details and complete the payment.
4. The bank authorizes the transaction and deducts the amount directly from the consumer’s account. This is then processed through Stripe.
5. The customer is then directed to the successful payment page.

Setting Up the FPX Addon

Once you have installed and activated the FPX addon (available for purchase towards the bottom of this page), an additional tab will appear in the Stripe Payments Settings menu. This tab will be titled FPX.

1. Click on the Stripe Payments Settings menu.
2. Click on the FPX tab.
3. To enable the FPX payment method on your site, mark the appropriate checkbox.
4. Ensure you Save Changes.
5. Enable the FPX payment option in your Stripe dashboard (Settings> Payment Methods> FPX).
6. The option should now show up to your Malaysian customers when they click the ‘Buy Now’ button (displayed below).

Considerations when using the FPX Addon

• This addon works with the latest SCA Stripe API. This addon will not work with the legacy API enabled.
• The Stripe merchant must hold their account in Malaysia for FPX to be available to potential customers.
• Recurring subscription plans are not supported by FPX.
• Prices of items must be in Malaysian Ringgits (MYR).

Note: This addon works for one-time payments only (it doesn’t work with subscriptions)

Get the FPX Addon

Take a Look at Our Addons Bundle

Get access to all our premium addons for the Stripe Payments Plugin, auto-updates, and guaranteed support.

Click on the following banner to learn more.

This page contains documentation/tutorials for the Stripe payments plugin.

Video Tutorial

• Accept Stripe Payments Plugin Video Tutorial

Basic Usage Tutorials

• Configuring General Settings and API Credentials
• Creating a Product in the Stripe Payments Plugin
• Embedding a Configured Product in a Post or Page
• Creating Just the Payment Button (Without Any Product Details)
• Text Link Instead of the Buy Now Button Shortcode

Testing and Debugging

• How to Test a Transaction
• Using the Debug Logging Feature to Solve Issues

Product Specific Features

• Creating Variable Products (Product variations and options)
• Displaying Order Summary on Stripe Payment Popup (Checkout)
• Customize the Payment Popup Button Text
• Allowing Customers to Specify the Product Quantity
• Enabling Stock/Inventory Control for Your Products
• Setting Limited Quantity for Products
• Add a Custom Charge Description in the Stripe Payment Popup
• Name Your Own Price Product (Customer Specified Amount or Pay What You Want)

Additional Usage Tutorials

• How to View and Edit Your Products/Shop Page
• How to Send a Receipt from Stripe to Your Customer’s Email
• Customize the Thank You Page URL and Message
• Email Merge Tags (Email Shortcodes) for Email Customization
• Enabling Terms and Conditions on Your Stripe Payments Buttons
• Displaying a Security Badge and Message on the Stripe Payment Popup
• How to Format the Currency Code for Product Price Display
• Transaction Surcharge Feature – Collect Processing Fees for Products

Captcha Options (Protection from Bots)

• Protect Your Site from Card Testing
• Using the reCAPTCHA option
• Using the Enterprise reCAPTCHA option
• Using Cloudflare Turnstile CAPTCHA (alternative to reCAPTCHA)
• Using the hCaptcha option (alternative to reCAPTCHA)

Accepting Donations (Or Pay What You Want)

• Accepting Donations Using the Stripe Payments Plugin
• Donation Currency Specified by the Customers (for Donation Purposes Only)
• Pay What You Want Style Product (Customers Enter the Price Amount)

Authorize Only/Hold Funds

• Authorize transaction and capture later

Shipping and Tax Related Tutorials

• How to Use Shipping and Tax with Stripe Payments
• How to Setup Tax by Region
• Collecting a Customers Name and Address

Coupons/Discounts

• Creating a Discount Coupon
• Give a Product for Free Using 100% Discount Code

Troubleshooting

• Common Troubleshooting Resources
• Recreating the Required Stripe Plugin Pages (If you have deleted them)
• Testing for Plugin and Theme Conflict
• Impact of Cache/Caching on E-Commerce Sites
• Email Sending Issues

Customer Input/Custom Field

• Collect Customer Input for a Product
• Additional Custom Fields Addon

Translation

• Translating the Stripe Payments Plugin (Language Translation)
• Customizing the Stripe Payments Plugin Text and Messages

Integration Related

• Affiliates Manager Integration
• WP Affiliate Plugin Integration
• MailChimp Integration Addon
• Zapier Webhook Integration for Stripe Payments Plugin
• Amazon S3 Integration
• Dropbox Integration
• Selling Downloadable Products Hosted on Google Drive
• WP eMember Membership Plugin Integration
• Simple Membership Plugin Integration

Advanced Tutorials

• Displaying “Users Transactions” on a Page for Your Customers
• Creating a Payment Button by Dynamically Adding Item Details in the Shortcode
• Selling Simple Events with the Stripe Payments Plugin

Advanced Tweaks

• Customize the Stripe Payment Button Appearance Using CSS
• Customize the Stripe Payment Popup Checkout Window Using CSS
• CSS Tweaks for the Stripe Payments Plugin
• Providing Specific WP User Roles Access to The Plugin’s Admin Dashboard

Hooks and Filters Reference

• Action Hooks Reference
• Filter Hooks Reference
• PHP Code Examples/Tweaks of Some Action and Filter Hooks (Github Repository)

Subscription Payments

• Stripe Subscription Payments Addon
• Canceling a Stripe Subscription
• Updating a Subscription Customer’s Credit Card Billing Information
• Using Stripe’s Customer Portal Option

Addons/Extensions

• Addons List

Testing Version

• Testing version