---
title: "How to make a toggle switch pricing table with the Switcher block?"
url: https://nexterwp.com/docs/toggle-pricing-table-switcher/
date: 2023-02-02
modified: 2026-04-15
author: "Aditya Sharma"
description: "One of the most common use cases of a switcher block is for showing different pricing tables or plans of a product or service, so users can easily compare all..."
image: https://nexterwp.com/wp-content/uploads/2024/05/toggle-pricing-table-switcher-1024x519.jpg
word_count: 379
---

# How to make a toggle switch pricing table with the Switcher block?

## Key Takeaways

- Nexter Blocks Switcher block allows users to create toggle switch pricing tables using two methods: Editor and Pattern.
- The Editor method enables direct use of the block editor within the switcher content area, utilizing Nexter Blocks Container and Pricing Table blocks.
- The Pattern method requires creating two layouts saved as Patterns for monthly and yearly pricing, which can then be selected in the switcher.

One of the most common use cases of a switcher block is for showing different pricing tables or plans of a product or service, so users can easily compare all the features and take an informed decision.

Nexter Blocks Switcher block makes it very easy to show such tables or any other layouts using two methods.

*To check the complete feature overview documentation of the Nexter Blocks* Switcher block, [click here](/docs/switcher-block-settings-overview/).

**Requirement  - This block is a part of the Nexter Blocks, make sure its installed & activated to enjoy all its powers.**

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-content-switcher/)

For example, we will be creating a toggle switch pricing table for a monthly and yearly pricing plan.

First, add the Switcher block on the page go to the Content 1 tab and in the **Select Source** choose **Editor**.

![](https://nexterwp.com/wp-content/uploads/2023/02/switcher-select-editor-new.png)

With the Editor option, you can directly use the block editor inside the switcher content area, you can use the Nexter Blocks Container and Pricing Table blocks to create the layout.

Once you are done with the Content 1 section, click on the toggle button on the page to add the content in the Content 2 section using the same process.

This way you can create any kind of layout you want for your switcher.

The second option is Pattern, in this process, you have to create the layout first and save it as a Pattern then you can use that in your switcher.

In this method, you have to create two Patterns for a monthly and yearly price.

To create the layout you can use the Nexter Blocks Container and Pricing Table blocks, once done select the main container then click on the **3 dots** at the end and click on **Create Pattern**.

![](https://nexterwp.com/wp-content/uploads/2023/02/switcher-create-pattern-editor-new.png)

Give it a suitable name, like in our case Monthly Pricing Table.

Follow the same process to create the yearly pricing table block.

Once the patterns are created go to the Content 1 tab and set **Select Source** as **Pattern **and from the **Pattern** dropdown choose the correct pattern.

![](https://nexterwp.com/wp-content/uploads/2023/02/switcher-monthly-pricing-table-new.png)

Follow the same process to add the yearly pricing block in the Content 2 tab.

And now you have successfully created a toggle switch pricing table in WordPress.

Also, check out [How to connect a Carousel Remote with Switcher in WordPress](https://nexterwp.com/docs/connect-carousel-remote-with-switcher/).

## Frequently Asked Questions

**Q: What should I do if the Switcher block isn't displaying my pricing tables?**
A: If the Switcher block isn't showing your pricing tables, ensure that Nexter Blocks is installed and activated. This block relies on the Nexter Blocks ecosystem to function properly. Additionally, check that you've correctly set the content sources in both the Content 1 and Content 2 tabs. If you've used the Pattern method, confirm that the patterns are saved correctly and selected in the dropdown.

**Q: Are there any limitations when using the Switcher block?**
A: One limitation of the Switcher block is that it requires Nexter Blocks to be installed and activated. Additionally, it is specifically built for the Gutenberg editor, meaning it won't function as a standalone theme without it. If you're looking to use it with other builders like Elementor or Bricks, ensure you are aware of how it integrates with those platforms.

**Q: What happens if I want to change the content in my Switcher block later?**
A: If you need to change the content in your Switcher block, you can easily do so by editing the content in either the Content 1 or Content 2 tabs. If you used the Pattern method, you can also update the patterns directly, and those changes will reflect in the Switcher block. This flexibility allows you to adapt your pricing tables as needed.

**Q: How do I create a pattern for my pricing table in the Switcher block?**
A: To create a pattern for your pricing table, first design your layout using the Nexter Blocks Container and Pricing Table blocks. Once your layout is complete, select the main container, click on the three dots, and choose 'Create Pattern'. Name your pattern appropriately, such as 'Monthly Pricing Table', and repeat the process for the yearly pricing table. This allows for easy reuse in the Switcher block.