Product Card Configuration
Overview
Product cards (WPiko Chatbot Pro) show products in chat replies as cards with an image, title, description and price, instead of plain text links. They make product recommendations easier to scan and click.
Requirements
- WooCommerce active
- WPiko Chatbot Pro with an active license
- Products synced with Product Sync, including the Product URL field
Setting Up Product Cards
- Go to WPiko Chatbot → Pro Features → Product Card.
- Tick Enable Product Cards.
- Choose what each card shows:
- Show Product Title
- Show Product Description
- Show Product Price (including any sale price)
- Save your settings.
The Product Card tab only appears when WooCommerce is active. When product cards are off, products are shown as text with links.
Styling
Cards use your chatbot colors. To customize them further, use the .product-link-container, .product-image, .product-name, .product-description and .product-price selectors in Custom CSS.
Troubleshooting
- Cards don’t appear: check that Product Cards are enabled, your license is active, and products have been synced with Product URL included.
- Missing image or price: check the product in WooCommerce and the card display options, then sync products again.
- Cards look wrong: clear your caching plugin and check for theme CSS conflicts.
- License shows as expired: product cards are paused. If you had a yearly license, it is now lifetime: update Pro and click Refresh License. After a free trial, activate a lifetime license.
