Set up the Quick Add to Cart button
How to Set Up the Quick Add to Cart Button
The Quick Add to Cart button allows customers to add products directly to their cart without leaving the current page. This feature enhances the shopping experience by reducing friction and encouraging faster purchases. Follow this step-by-step guide to set up and customize the Quick Add to Cart button using the Wi Add to Cart app.
Step 1: Select the Quick Add to Cart Button Type
In the dashboard, click on the Quick ATC Button.
Choose the button type you want to display on your store pages:
- Text button: A standard quick add button that works across different pages.
- Icon Button: Displays a minimalistic quick add button with an icon.
Step 2: Customize the Button Design
After selecting the button type, click Select to proceed to customization.
On the Design page, you can personalize the button's appearance:
- Modify Text & Font: Change button text, font style, and size.
- Adjust Colors: Match the button color with your brand theme.
- Icon Style: Choose from various icon designs to match your store's aesthetic.
- Size & Placement: Adjust button size and position for better visibility.
Step 3: Set Button Direction & Display
After customizing the button's appearance, define the button's behavior and where it will be displayed.
Navigate to the Direction & Display page.
Direction: Choose the desired post-click behavior:
- Theme Default: Follow the default button action set in your Shopify theme.
- Go to Cart Page: Redirect customers to the cart page to review their orders.
- Go to Checkout Page: Send customers directly to the checkout for a faster purchase process.
Display: Select where the Quick Add to Cart button will appear:
- Homepage: Display the button on every product for quick access.
- Collection Page: Allow customers to add items directly from product listing pages.
- Search Page: Display the button on the search results page for easy purchasing.
Click Save to finalize your changes.
Step 4: Preview and Test
Visit a collection page, homepage, or search page to confirm the button's visibility and behavior.
Click the Quick Add to Cart button to verify that the redirect behavior matches your chosen setting.
Test across different devices and browsers to ensure smooth functionality.