How to Add Product Card in WordPress (Step-by-Step Guide)

Install Unlimited Elements Blocks Library

• Go to the Unlimited Elements plugin page on WordPress.org.

• Click Download, then in your WordPress dashboard, go to Plugins → Add New → Upload Plugin and upload the ZIP file.

• Click Install Now and then Activate to enable the plugin.

Open the Blocks Library

• From your WordPress dashboard, go to Unlimited Elements → Blocks Library.

• This is where all available blocks are listed and managed.

Search for the Product Card Block

• Use the search bar at the top right and type “Product Card”.

• The Product Card block will appear in the results list.

Install the Product Card Block

• Hover over the Product Card block and click Install.

• This adds the block to your available options in the editor.

Add Product Card to a WordPress Page

• Open any page or post using the WordPress block editor.

• Click the (+) Add Block button, search for “Product Card”, and insert it into the page.

Customize the Product Card Block

Once added, select the Product Card block and use the settings panel on the right. Adjust the Product Source to connect to a specific product, choose the visibility of the Product Image, Description, and Rating, and control the text and visibility of the Add to Cart Button. Customize the Styling for the Product Card Container, Typography (for Title and Price), and Sale Badge to create a functional, visually appealing product showcase that fits your site’s design.