↓ Skip to Main Content
Cyberchimps Logo

Main Navigation

  • Templates
  • Features
  • Plugins
    • Responsive Plus
    • Starter Templates
    • Addons for Elementor
    • Responsive Blocks
  • Go Pro
  • Blog
  • Pricing
  • Login

Installation & Updates

1
  • How to Install & Activate the Responsive Addons for Elementor

Widgets

85
  • Image Gallery
  • Advanced Tabs
  • Archive Posts
  • Archive Title
  • Audio Player
  • Author Box
  • Banner
  • Breadcrumbs
  • Business Hour
  • Button
  • Contact Form 7 Styler
  • Call To Action
  • Custom Add To Cart
  • Content Switcher
  • Countdown
  • Facebook Feed
  •  Data Table
  • Divider
  • Dual Color Header
  • FAQ
  • FlipBox
  • Featured Image
  • Feature List
  • Fancy Text
  • Icon Box
  • Gravity Forms Styler
  • Google Map
  • Image Hotspot
  • LearnDash Course List
  • Lottie
  • Logo Carousel
  • Mailchimp Styler
  • Login & Register
  • Media Carousel
  • Menu Cart
  • Modal Popup
  • MultiButton
  • Nav Menu
  • OffCanvas
  • Portfolio
  • Post Comments
  • Post Content
  • Post Excerpt
  • Post Info
  • Post Navigation
  • Post Title
  • Posts
  • Post Carousel
  • Price Box
  • Price List
  •  Pricing Table
  • Product Carousel
  • Product Category Grid
  • Products
  • Progress Bar
  • Reviews
  • Search Form
  • Site Logo
  • Slider
  • Sticky Section
  • Sticky Video
  • Table of Contents
  • Team Member
  • Testimonial Slider
  • Theme Builder
  • Timeline
  • Twitter Feed
  • Video
  • WooCommerce Breadcrumbs
  • WP Forms Styler
  • One Page Navigation
  • Content Ticker
  • Woo Checkout
  • Back to Top
  • Particle Backgrounds for Elementor
  • Product Price
  • Product Image
  • Product Stock
  • Product Upsells
  • Product Meta
  • Product Title
  • Product Rating
  • Product Content
  • Product Short Description
  • Product Additional Information
View Categories
  • Home
  • Docs
  • Responsive Addons For Elementor
  • Widgets
  • Custom Add To Cart

Custom Add To Cart

The Responsive Addons for Elementor (RAE) Custom Add To Cart widget is used to display a customized add-to-cart button anywhere on your website.

custom add to cart

Content #

Product #

Customizing product
  1. Product: Select the add-to-cart option for all products or manually select individual products.
  2. Show Quantity: Hide or show the show quantity box. If disabled option will be available to provide a fixed quantity.

Button #

Customizing button
  1. Type: Select the type of the button from predefined options.
  2. Text: Provide text for the button.
  3. Alignment: Select alignment for the button.
  4. Size: Select the size of the button.
  5. Icon: Select an icon for the button from the vast library or upload your SVG image.
  6. Icon position: Select the position of an icon before or after the text.
  7. Icon spacing: Update the spacing around the icon.
  8. Button ID: Provide a unique ID for the button.

Style #

Button #

Styling button
  1. Typography: Select typography options such as font family, size, weight, transform, style, decoration, line height, and letter spacing.
  2. Text Shadow: Select different options for Text Shadow as Color, Horizontal, Vertical, Blur.
  3. Text Color: Select Text Color for normal and hover behavior of the button.
  4. Background Color: Select the background Color & Opacity for normal and hover behavior of the button.
  5. Border Type: Select a border type for the button
  6. Border Radius: Select a border radius for the button.
  7. 7.Box Shadow: Select different options for Box Shadow, such as Color, Horizontal, Vertical, Blur, Spread, and Position.
  8. Padding: Select padding for the button.
Updated on February 26, 2025

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
Call To ActionContent Switcher

Powered by BetterDocs

Table of Contents
  • Content
    • Product
    • Button
  • Style
    • Button

Our Products

Responsive Paid Plan

Responsive Addons for Elementor

Starter Templates

Responsive Blocks

WP Legal Pages

WP Adcenter

GDPR Cookie Consent

Powered by Responsive WordPress theme

RESOURCES

Responsive Platform

Learn Elementor

Download Free Theme

Brand Assets

Testimonials

Compare Astra/Kadence

TrustPilot

CCPA

Video Tutorials

FEATURES

WooCommerce

Header Footer Builder

Company

About

Pricing

Blog

Affiliate Program

Contact Us

Terms of Service

GDPR Privacy Policy

GDPR Cookie Policy

Support

Login

What’s New

Documentation

Request Support

Video Tutorials

Refund Policy

Service

Discount Coupon

Bug Bounty Program

Copyright © 2010-2025 CyberChimps  

Top
  • Constructive Blocks
    • Advanced Heading Block
    • Section Block
    • Advanced Columns Block
    • Pricing List Block
    • Pricing Table Block
    • Flip Box Block
    • Info Block
    • Image Slider Block
    • Post and Page Grid Block
    • Post Carousel Block
    • Icon List Block
    • Table of Content
    • Team Block
    • Shape Divider Block
    • Masonry Block
    • Portfolio Block
    • Accordion Block
    • Divider Block
    • Video Popup Block
    • Card Block
    • Spacer Block
    • Google Map Block
    • Block Quote
    • Expand
    • Image Hotspot
    • Instagram Feed Block
    • Image Boxes Block
    • Testimonial Block
    • Advanced Text Block
    • Testimonial Slider Block
    • Feature Grid Block
    • Inline Notice Block
    • WP Search Block
    • Social Share Block
    • Tabs Block
    • Progress Bar Block
    • Call/Mail Button
    • Anchor Block
    • Gutenberg Image Block – Responsive Block
    • Contact Form 7 Styler
  • Timelines
    • Count Up
    • Gutenberg Countdown Block
    • Content Timeline
    • Post Timeline Block
  • CRO
    • Multi Buttons Blocks
    • Call To Action Block