Skip to main content
Skip table of contents

View and Purchase a Merchandise Product in Experience Cloud

View the details of a product

Association member is able to browse through the various merchandise products (including downloadable products) available for purchase through the association's online store. They can view additional product information by clicking on any of the merchandise products in the store. For each merchandise product, they see the image, name, description, and price of the product. The product's list price is displayed to the guest user. A special price, when applicable, is displayed when a user logs into Experience Cloud Community Hub. They will also be able to choose the quantity that they want to purchase.

Figure 1. Merchandise Product Page that shows where the image, description, price, and call-to-action (Buy Now & Add to Cart) buttons will appear.

If the association offers variations within the same product, use the Product Variant feature to provide members with a superior experience when they are browsing the product details.

They can click on either Buy Now or Add to Cart button to proceed. During the checkout process, the appropriate tax is calculated if the merchandise product is taxable. Members can change their shipping address and pick a shipping method. Once the purchase transaction has been completed successfully, then the system creates inventory records on the back end, and the inventory-related numbers on the product are updated correctly so that the staff can respond when the inventory runs low.

If you have no inventory left for a product, then members will see an 'Out of Stock' label (as shown in figure 2).

Figure 2. Merchandise Product Details Page that shows ‘Out of Stock’ when the association has no inventory left for that product

Taxable products

Tax will be applied to a merchandise product, which is taxable, based on the shipping address that the member enters. After they finish entering their shipping address and click on Save, the tax will be calculated and added to the total purchase amount. After the member clicks on Pay, then the orders that generate on the backend will also show the tax information on the transaction records.

Shipping Methods

If the product can be shipped then they will be able to provide their shipping address. Shipping Options will be available to select based on their shipping address and the product they're purchasing. Once they select a Shipping method, then shipping charges will be calculated and included in the order. For more details regarding how shipping charges are calculated, visit the page about Ship Methods.

Members will not be able to proceed with the order until they provide a shipping address and select a shipping method for the shippable product. 

Purchase a Merchandise Product through Buy Now

The Buy Now button will take them straight to checkout where they can view their order details and pay through a new Credit Card or one of their stored payments to purchase the product.

  • To purchase a merchandise product simply click the Buy Now button (shown in figure 1). Once you do this, then a Checkout Page (shown in figure 3) will appear displaying the order summary.

  • Under the Contact Information and Shipping Address section, edit or leave existing information and select Shipping Options.

  • Click ‘Save’.

  • Under the Payment Details section, provide the required information.

  • Next, click on 'Pay'.

Figure 3. Checkout page that includes the order summary

Constituents must click ‘Save’ to proceed to Pay. Once contact information is saved, the ‘Pay’ button will be highlighted.
  • Once they've paid for the product, then the 'Payment Confirmation' page will display that will show a summary of the product they purchased and their payment method.

Figure 4. Payment Confirmation Page showing payment approved message and the order summary

Purchase a Merchandise Product through Add to Cart

  • To purchase a merchandise product simply click the Add to Cart button located on the right side of the Product Page (shown in figure 1). Once you do this, then the ‘Add to Cart’ button will change to ‘Added to Cart’ (shown in figure 5).

Figure 5. The product details page shows that the merchandise product has been added to the cart. Clicking the shopping cart icon will redirect to the shopping cart.

  • Click the shopping cart icon and it navigates to the Shopping Cart page that shows the merchandise product and other cart items (shown in figure 6)

Figure 6. Shopping Cart Page that shows itemized list and prices of products and the option to go back to shopping cart.

  • Click ‘Continue to Checkout’ to complete the purchase.

  • Under the Contact Information and shipping information section, make edits if necessary and click ‘Save’.

  • Under the Payment Details section, provide the required information.

  • Next, click on 'Pay'.

  • You will see a 'Payment Approved' message (shown in figure 8) and an order summary will display.

Figure 7. Experience Cloud Community Hub Checkout Page from the Shopping Cart process.

Constituents must click ‘Save’ to proceed to Pay. Once contact information is saved, the ‘Pay’ button will be highlighted.

If the order total amounts to zero, the payment information section will be automatically hidden and a Submit button will be shown.

Figure 8. Payment Confirmation Page showing payment approved message and the order summary

What to Expect if a Product Goes Out of Stock While Checking Out

If the inventory happens to go out of stock while the member is in the process of checking out, then they will see a message that reads, "Sorry, we were unable to process your order and payment. “<Product name>” is currently out of stock. Please check back later" (as shown in figure 9). This will prevent them from being able to proceed and their method of payment will not be charged. 

Figure 9. 'Out of Stock' message that will display if the product runs out of inventory

Applying Coupon during checkout

Members and constituents can maximize their savings by applying a coupon code at the time of checkout through an easy process. Please see Applying a Coupon in Experience Cloud Checkout for detailed instructions and important information concerning coupon application.

Guest checkout

Members and constituents can easily purchase a product without having to log in. Please see Guest Checkout in Experience Cloud for detailed instructions on the guest checkout process.

Downloadable products

Experience Cloud Community Hub allows a constituent to purchase a downloadable product and then download them through an easy-to-use product downloads page. Purchasing a downloadable product is similar to any merchandise product. On the Payment confirmation page, if the order contains a downloadable product, a link is provided to go to the Digital Library page to download the content. See Figure 10.

Figure 10. Payment approved message that shows the 'Digital Download' section with an embedded hyperlink.

The 'Download' page (Figure 11.) will display all of the downloadable products that you have purchased along with the product name, product description, purchase date, and order number. This page can only be accessed when the user is logged in.

Figure 11. 'Download' page that will show the downloadable product (along with other details) and the Download button.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.