V4 Early Bird: up to 25% off Annual, up to 30% off Lifetime, and 2x site activations on every plan. Ends Oct 17.V4 Early Bird: up to 30% off + 2x sites · ends Oct 17. See plans →
Get Animation Addons Pro
Classic Elementor widget · Free

Toggle Switch for Elementor One switch, two blocks of content

The Toggle Switch widget is a free Elementor toggle button that swaps between two blocks of content. Use it as an Elementor pricing toggle for monthly and yearly plans, for hourly and daily rates, or for any two views. Pick one of two styles, fill each side with content or a saved template, and style the switch in the panel.

Try it free See the live demos
  • Free widget
  • 2 switch styles
  • Content or saved template
  • Fully styled in the panel

Classic widget · Elementor 3 and 4Updated

Live demos

Six toggle switch designs, live

Six pricing pages, each with a different switch. Click the switch or a title, or tab to it and press space, to swap the plans.

Halden WorkProductPricingDocs
Pricing

Plans for every team size

Starter

$12/month

14 day free trial

Start free trial
  • Timesheets
  • Shift planning
  • Time off requests

Team

$24/month

14 day free trial

Start free trial
  • Timesheets
  • Shift planning
  • Time off requests
  • Payroll export

Business

$59/month

14 day free trial

Start free trial
  • Timesheets
  • Shift planning
  • Time off requests
  • Payroll export
  • Team reports

Enterprise

Talk to us

Custom plans for larger companies

Setup and onboarding included

Contact sales
  • Single sign-on
  • Custom roles
  • Dedicated manager
  • Priority support

Starter

$120/year

14 day free trial

Start free trial
  • Timesheets
  • Shift planning
  • Time off requests

Team

$240/year

14 day free trial

Start free trial
  • Timesheets
  • Shift planning
  • Time off requests
  • Payroll export

Business

$590/year

14 day free trial

Start free trial
  • Timesheets
  • Shift planning
  • Time off requests
  • Payroll export
  • Team reports

Enterprise

Talk to us

Custom plans for larger companies

Setup and onboarding included

Contact sales
  • Single sign-on
  • Custom roles
  • Dedicated manager
  • Priority support
SaaS pricing

Monthly and yearly pricing for an app

The pricing page of a workforce app, on a dark background. A pale round switch sits between Monthly and Yearly. Clicking it swaps four plan columns.

Click the switch

Set Style to One and name the two items Monthly and Yearly with Title. In the Style tab, under Switcher, set Width to 62 px and Indicator Size to 24 px.

Halden MailFeaturesPricingHelp
Pricing

Send more, pay less

For writers

Starter

$9.00/month

  • 1 user
  • 2,500 contacts
  • Email templates
  • Basic reports
Start free trial
For small shops

Growth

$19.00/month

  • 3 users
  • 10,000 contacts
  • Automations
  • A/B tests
Start free trial
For growing brands

Scale

$49.00/month

  • 10 users
  • 50,000 contacts
  • Priority sending
  • Dedicated IP
Start free trial
For writers

Starter

$7.00/month

  • 1 user
  • 2,500 contacts
  • Email templates
  • Basic reports
Start free trial
For small shops

Growth

$15.00/month

  • 3 users
  • 10,000 contacts
  • Automations
  • A/B tests
Start free trial
For growing brands

Scale

$39.00/month

  • 10 users
  • 50,000 contacts
  • Priority sending
  • Dedicated IP
Start free trial
Pricing in a pill

Plan switch inside one pill

The pricing page of an email tool. Monthly and Yearly sit inside one light pill, and a coral block slides behind the one you pick. Each side shows three plans.

Click a title

Set Style to Two and Gap to 0. Under Switcher Wrapper pick a light Background. Under Active Title give the Background a coral colour and a rounded Border Radius.

Halden DeskProductPricingDocs
Pricing

Pick a plan, change it anytime

Solo

$15/month

14 day free trial

Try it free
  • Shared inbox
  • Help center
  • Saved replies

Team

$29/month

14 day free trial

Try it free
  • Shared inbox
  • Help center
  • Saved replies
  • Customer notes

Company

$79/month

14 day free trial

Try it free
  • Shared inbox
  • Help center
  • Saved replies
  • Customer notes
  • Reports

Enterprise

Talk to us

Custom plans for larger companies

Setup and onboarding included

Contact sales
  • Single sign-on
  • Custom roles
  • Dedicated manager
  • Priority support

Solo

$150/year

14 day free trial

Try it free
  • Shared inbox
  • Help center
  • Saved replies

Team

$290/year

14 day free trial

Try it free
  • Shared inbox
  • Help center
  • Saved replies
  • Customer notes

Company

$790/year

14 day free trial

Try it free
  • Shared inbox
  • Help center
  • Saved replies
  • Customer notes
  • Reports

Enterprise

Talk to us

Custom plans for larger companies

Setup and onboarding included

Contact sales
  • Single sign-on
  • Custom roles
  • Dedicated manager
  • Priority support
Plain pricing switch

A slim switch above the plans

The pricing page of a help desk tool. A slim dark switch with a coral dot sits above four plan columns, with extra space below it.

Click the switch

Set Style to One and Bottom Space to 40 px. In the Style tab, under Switcher, set Background to near black. Under the Indicator heading, set Background to coral.

Arolax AcademyCoursesMentorsPricing
Membership

Learn motion design, your way

For students

Learner

$9.00/month

  • One live class a month
  • Course library
  • Community access
Join now
For freelancers

Maker

$19.00/month

  • Weekly live classes
  • Course library
  • Project feedback
  • Certificate
Join now
For studios

Studio

$49.00/month

  • Weekly live classes
  • One to one mentoring
  • Project feedback
  • Certificate
Join now
For students

Learner

$90.00/year

  • One live class a month
  • Course library
  • Community access
Join now
For freelancers

Maker

$190.00/year

  • Weekly live classes
  • Course library
  • Project feedback
  • Certificate
Join now
For studios

Studio

$490.00/year

  • Weekly live classes
  • One to one mentoring
  • Project feedback
  • Certificate
Join now
Membership plans

Membership plans, monthly or yearly

The membership page of a motion design school. A pale switch with a deep green dot sits above three plans, with prices per month or per year.

Click the switch

Set Style to One. Under Switcher set Background to pale green and Border Radius to 10 px. Under the Indicator heading set Background to deep green.

Northlight RentalsKitsPricingContact
Camera kits

Rent by the hour or the day

Interviews

Starter kit

$19.00/hour

  • Camera body
  • One lens
  • Tripod
Book now
Small crew

Crew kit

$29.00/hour

  • Camera body
  • Two lenses
  • Tripod
  • Sound kit
Book now
Full shoot

Studio kit

$59.00/hour

  • Two camera bodies
  • Three lenses
  • Light kit
  • Sound kit
Book now
Interviews

Starter kit

$99.00/day

  • Camera body
  • One lens
  • Tripod
Book now
Small crew

Crew kit

$149.00/day

  • Camera body
  • Two lenses
  • Tripod
  • Sound kit
Book now
Full shoot

Studio kit

$299.00/day

  • Two camera bodies
  • Three lenses
  • Light kit
  • Sound kit
Book now
Rental prices

Camera kits by the hour or the day

The kit page of a camera rental shop. Hourly and Daily sit in a light blue bar, and a navy block with small corners slides behind the active one.

Click a title

Set Style to Two. Under Switcher Wrapper pick a light blue Background. Under Active Title set a navy Background, a Padding of 16 and 32 px and a small Border Radius.

Northlight StudioToolsRatesContact
Studio rates

Hire the studio by the hour or the day

Up to 2 people

Podcast

$9.00/hour

  • Two microphones
  • Sound room
  • Tea and coffee
Book now
Up to 4 people

Interview

$19.00/hour

  • Four microphones
  • Sound room
  • Editing desk
  • Tea and coffee
Book now
Up to 8 people

Shoot

$49.00/hour

  • Lights and stands
  • Sound room
  • Editing desk
  • Tea and coffee
Book now
Up to 2 people

Podcast

$49.00/day

  • Two microphones
  • Sound room
  • Tea and coffee
Book now
Up to 4 people

Interview

$99.00/day

  • Four microphones
  • Sound room
  • Editing desk
  • Tea and coffee
Book now
Up to 8 people

Shoot

$299.00/day

  • Lights and stands
  • Sound room
  • Editing desk
  • Tea and coffee
Book now
Rate cards

Studio rates by the hour or the day

The rates page of a recording studio. A blue switch with a yellow dot and large titles flips between hourly and daily prices.

Click the switch

Set Style to One and Gap to 16 px. Under Switcher set Background to blue, and under the Indicator heading set Background to yellow. Raise the Typography in Title to 24 px.

Features

Key features of Toggle Switch

What the widget gives you, each tied to a setting in the Elementor panel.

Two switch styles

Set Style to One for a round switch between two titles, or Two for titles with a sliding background.

Your own titles

Name each side with Title, such as Monthly and Yearly, or Hourly rate and Daily rate. It works as an Elementor monthly yearly toggle.

Content or saved template

For each side, pick Content Type: write in the editor, or load a Save Template built in Elementor. Put a pricing table on each side for an Elementor pricing table toggle.

Spacing controls

Use Gap between the titles and the switch, and Bottom Space below it, per device.

Switcher wrapper

Switcher Wrapper adds a background, padding and border radius around the whole switch.

Switch and indicator

Set the Switcher width, height, background and radius, and the Indicator size, space, background and radius.

Title and active title

Title sets typography and colour. Active Title sets the colour of the current side, and in Style Two its background, padding and radius.

Works for any two views

Pricing is the common use, but any two blocks fit: before and after, light and dark, plans and add-ons. You can switch between two contents in Elementor without code.

Step by step

How to add a toggle switch in Elementor

Five steps. The bold names are the labels in the Elementor panel.

  1. Install and activate Animation Addons, then turn on Toggle Switch in Animation Addons → Widgets.

  2. In Elementor, search the panel for Toggle Switch and drag it onto the page. That is how to add a toggle switch in Elementor.

  3. Choose the Style, then open each item in the Toggle Switcher list and set its Title.

  4. Set Content Type for each item: type the Content or pick a Save Template.

  5. Adjust Gap and Bottom Space, style the switch in the Style tab, and test it in preview.

Try it free Free on WordPress.org · Works with Elementor Free
FAQ

Questions about Toggle Switch

How do I add a monthly yearly toggle in Elementor?

Add the Toggle Switch widget. Name the items Monthly and Yearly, then add the pricing for each in Content or a saved template.

Is the Elementor toggle switch widget free?

Yes. It is part of the free Animation Addons plugin and works with Elementor Free. It is a free Elementor toggle switch.

How many items can it switch between?

Two. The widget has a fixed pair of items. For more views, use a tabs widget.

What are the two styles?

Style One is a round switch with a moving indicator. Style Two shows two titles with a background that slides behind the active one.

Can I put an Elementor template in each side?

Yes. Set Content Type to Saved Templates and choose a template. Pricing tables built in Elementor work well.

Can I change the switch colours?

Yes. In the Style tab, set the Switcher background, the Active Background, and the Indicator colour, size and radius.

Can the toggle start on the second item?

No. The first item always shows on load. Put your default view first.

Is it the same as the Elementor Toggle widget?

No. Elementor's Toggle widget opens and closes a list of items, like an accordion. This widget switches between two blocks with a switch.

Does it work in Elementor 4?

Yes. It is a classic widget, so Elementor 4 lists it with the legacy widgets and it works on the same page as atomic elements.

Animation Addons Pro · Elementor 4

Two views, one switch

A free toggle switch for pricing and more, built and styled in Elementor.

Get Animation Addons Pro Try it free
  • 15-day money-back guarantee
  • Rated 4.6 / 5 on WordPress.org
  • No Elementor Pro needed
  • Elementor 3 & 4 in one license