Functional toggle for pricing table for elementor


Live Preview:


  1. Intuitive Pricing Toggle:
    • Effortlessly switch between pricing plans with our automatic sliding functionality.
    • Smooth transitions for a seamless user experience.
  2. User-Friendly Hover Interaction:
    • The sliding pauses gracefully when hovering over a pricing option.
    • Enhances user control and navigation.
  3. Adjustable Sliding Speed:
    • Customize the sliding speed to match your website’s aesthetic and user preferences.
    • Personalize the experience for a perfect fit.
  4. Responsive Design Across Devices:
    • Ensures a 100% responsive design on tablets and mobile devices.
    • Your pricing toggle looks great on any screen size.

Installation Guide:

  1. Prerequisites:
    • Make sure you have both Elementor and Elementor Pro installed on your WordPress site.
  2. Download and Import:
    • Download the provided .json file for the pricing toggle template.
    • In your WordPress dashboard, go to Elementor > My Templates > Import Template.
    • Select the downloaded .json file and import it into your page.
  3. Setup Completion:
    • Voila! Your sliding pricing card is now set up on your page.
    • Enjoy the enhanced user experience and modern design.
  4. Customization:
    • Easily modify the content of your pricing toggle from the Navigator View in Elementor.
    • Update pricing details, features, and any other information as needed.

Important Note: Before importing, ensure the following:

  • Enable Unfiltered File Uploads:
    • Navigate to your WordPress dashboard.
    • Go to Elementor > Advanced > Enable Unfiltered File Uploads.
    • Make sure the “Enable Unfiltered File Uploads” option is enabled.

Now, you’re all set to provide your users with an engaging and interactive pricing experience on your Elementor-powered website! If you encounter any issues, refer to the installation guide or reach out for support.