Overview
Product cards (WPiko AI 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 AI Chatbot Pro with an active license
- Products synced with Product Sync, including the Product URL field
Setting Up Product Cards
- Go to WPiko AI Chatbot → Leads & Sales → Product Card.
- Turn on Enable product cards.
- Under Card content, choose what each card shows:
- Show product titles
- Show product descriptions
- Show product prices (including any sale price)
- Click Save Changes.
Product Card only appears in the menu 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 Enable product cards is on, 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 content 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.
