--- title: How to Add an “Add to Cart” Button for a Single Item on a Page description: If you'd like to feature a single product from your menu on a specific page—such as a special promotion, landing page, or blog post—you can do so by using a custom "Add to Cart" button. This function --- [Skip to content](https://docs.zaytech.com/knowledge/how-to-add-an-add-to-cart-button-for-a-single-item-on-a-page#main-content) English Show submenu for translations [More support](https://docs.zaytech.com/knowledge/kb-tickets/new?hsLang=en) ![logo-2.png\]](https://docs.zaytech.com/hs-fs/hubfs/logo-2.png?height=47&name=logo-2.png) - [Default HubSpot Blog](https://blog.zaytech.com/) Open main navigation Close main navigation - [Default HubSpot Blog](https://blog.zaytech.com/) - English Show submenu for translations - [More support](https://docs.zaytech.com/knowledge/kb-tickets/new) - Smart Online Order - by Zaytech Smart Online Order - by Zaytech What are you looking for? - There are no suggestions because the search field is empty. 1. [Knowledge Base](https://docs.zaytech.com/knowledge?hsLang=en) 2. [Developers](https://docs.zaytech.com/knowledge/developers?hsLang=en) # How to Add an “Add to Cart” Button for a Single Item on a Page If you'd like to feature a single product from your menu on a specific page—such as a special promotion, landing page, or blog post—you can do so by using a custom "Add to Cart" button. This function allows your customers to add an item directly to their cart from any page on your site. > ⚠️ **Disclaimer:** This feature is designed **only** to display an “Add to Cart” button for a single item. You are responsible for creating and maintaining the webpage where the button will appear. Styling, placement, and updates to the page are not handled automatically. --- #### Step-by-Step Instructions: ### 1. Log in to Your Smart Online Order Plugin Begin by logging into your WordPress site where the **Smart Online Order** plugin is installed. ### 2. Access the Plugin Settings Once logged in: - Locate and click on the red **Clover Orders** button from your WordPress Dashboard sidebar. - Then, select the **Settings** tab from the dropdown. ### 3. Navigate to Items, Images, and Description In the settings menu: - Click on the **Items Images and Description** option from the blue vertical menu on the left-hand side. ### 4. Select the Item You Want to Feature - Scroll through the list of your items or use the search bar to find the one you want. - Hover your cursor over the item you’d like to add the button for. - Click on the **Edit Image** option that appears. ### 5. Locate the "Add to Cart Button" Section Once you’re on the item edit page: - Scroll until you see a section titled **“Add to Cart Button.”** - Under this section, you will find a code snippet specifically for that item. ![add0)2133](https://docs.zaytech.com/hs-fs/hubfs/add0\)2133.jpg?width=688&height=394&name=add0\)2133.jpg) ### 6. Copy and Paste the Code to Your Desired Page - **Copy** the entire code provided. - Go to the WordPress page or post where you want the button to appear. - **Paste** the code into the content editor (you may need to use the “Text” or “Code” view depending on your page builder). > 🛠️ You may also use the WordPress shortcode block, HTML block, or custom HTML widgets—depending on your theme and editor. --- #### Important Notes and Disclaimers - 🛒 **Functionality**: This feature is strictly meant to add an “Add to Cart” button for a **single** item. It does not add a product image, description, or any styling automatically. - 🎨 **Customization**: You are responsible for styling and formatting the page. This includes adding any descriptive text, layout spacing, or images you’d like to appear alongside the button. - 🔄 **Maintenance**: If you make changes to your menu or item names in Clover, make sure to revisit and update the page where your button appears to avoid broken links or outdated info. - 🚫 **Support Limitations**: Zaytech does not offer custom webpage editing or layout customization for this feature. The implementation of the button on your chosen page is entirely up to you or your web designer. --- If you need additional help or want someone to manage your promotions and custom ordering pages, feel free to contact our Sales Team at **sales@zaytech.com**. - [Quick Setup Instructions](https://docs.zaytech.com/knowledge/quick-setup-instructions?hsLang=en#main-content) - [Getting Started](https://docs.zaytech.com/knowledge/quick-setup-instructions?hsLang=en#getting-started) - [Set Up Smart Online Order Yourself](https://docs.zaytech.com/knowledge/set-up-smart-online-order-yourself?hsLang=en#main-content) - [Making Simple Changes Yourself](https://docs.zaytech.com/knowledge/set-up-smart-online-order-yourself?hsLang=en#making-simple-changes-yourself) - [Developers](https://docs.zaytech.com/knowledge/developers?hsLang=en#main-content) - [WordPress Plug-in](https://docs.zaytech.com/knowledge/developers?hsLang=en#wordpress-plug-in) - [Smart Online Order / Clover Dashboards](https://docs.zaytech.com/knowledge/smart-online-order-clover-dashboards?hsLang=en#main-content) - [Signing in](https://docs.zaytech.com/knowledge/smart-online-order-clover-dashboards?hsLang=en#signing-in) - [Other Options](https://docs.zaytech.com/knowledge/smart-online-order-clover-dashboards?hsLang=en#other-options) - [Clover Dashboard](https://docs.zaytech.com/knowledge/smart-online-order-clover-dashboards?hsLang=en#clover-dashboard) - [Retail](https://docs.zaytech.com/knowledge/retail?hsLang=en) - [FAQ](https://docs.zaytech.com/knowledge/faq?hsLang=en) - [Import/Sync Inventory](https://docs.zaytech.com/knowledge/import-sync-inventory?hsLang=en) - [Order Types Tab](https://docs.zaytech.com/knowledge/order-types-tab?hsLang=en) - [Categories & Items](https://docs.zaytech.com/knowledge/categories-items?hsLang=en) - [Checkout Settings](https://docs.zaytech.com/knowledge/checkout-settings?hsLang=en) - [Store Settings](https://docs.zaytech.com/knowledge/store-settings?hsLang=en#main-content) - [Scheduling Orders](https://docs.zaytech.com/knowledge/store-settings?hsLang=en#scheduling-orders) - [Email / Text Notifications](https://docs.zaytech.com/knowledge/store-settings?hsLang=en#email-text-notifications) - [Delivery Areas/Fees](https://docs.zaytech.com/knowledge/delivery-areas-fees?hsLang=en) - [Store Interfaces](https://docs.zaytech.com/knowledge/store-interfaces?hsLang=en) - [Items/Images/Descriptions](https://docs.zaytech.com/knowledge/items-images-descriptions?hsLang=en) - [Coupons](https://docs.zaytech.com/knowledge/coupons?hsLang=en) - [Helpful Articles](https://docs.zaytech.com/knowledge/helpful-articles?hsLang=en#main-content) - [Troubleshooting](https://docs.zaytech.com/knowledge/helpful-articles?hsLang=en#troubleshooting) - [Troubleshooting](https://docs.zaytech.com/knowledge/troubleshooting?hsLang=en) - [Kiosk](https://docs.zaytech.com/knowledge/kiosk?hsLang=en) - [Customers](https://docs.zaytech.com/knowledge/customers?hsLang=en) - [Loyalty System](https://docs.zaytech.com/knowledge/loyalty-system?hsLang=en) - [Branded App](https://docs.zaytech.com/knowledge/branded-app?hsLang=en) - [Mobile App](https://docs.zaytech.com/knowledge/mobile-app?hsLang=en) - [Modifier Groups and Modifiers](https://docs.zaytech.com/knowledge/modifier-groups-and-modifiers?hsLang=en) - [Crossposting Blog](https://docs.zaytech.com/knowledge/crossposting-blog?hsLang=en) - [Default HubSpot Blog](https://blog.zaytech.com/) [![Chill listening crop-3](https://docs.zaytech.com/hs-fs/hubfs/logo-2.png?width=101&height=32&name=logo-2.png "Chill listening crop-3")](https://zaytech.com/) 2025 Zaytech Software Co. All Rights Reserved. [support@zaytech.com](mailto:support@zaytech.com) [Call Us For Support: (925) 414 – 3848](tel:9254143848) Copyright © 2025, Zaytech