You can display the dark mode switch button using the shortcode [wp_dark_mode_switch] in WP Dark Mode.
Go to your WordPress dashboard and navigate WP Dark Mode > Advanced > Shortcode. Then select your preferred Switch Style and click on the “Copy Shortcode” button or you could Copy the shortcode for default dark mode directly.
![How to Display Dark Mode Switch Using Shortcode 1 How to Display Dark Mode Switch Using Shortcode](https://wppool.dev/wp-content/uploads/2024/02/image-45.png)
Create a new page from the WordPress dashboard with Gutenberg Editor. Click on the “+” icon on the new page to find the shortcode block.
![How to Display Dark Mode Switch Using Shortcode 2 How to Display Dark Mode Switch Using Shortcode](https://wppool.dev/wp-content/uploads/2024/02/image-46.png)
Click on that block and paste the shortcode. Choose your preferred switch style and publish the page.
![How to Display Dark Mode Switch Using Shortcode 3 How to Display Dark Mode Switch Using Shortcode](https://wppool.dev/wp-content/uploads/2024/02/image-47-1024x585.png)
For Elementor Page Builder:
Navigate to WordPress Dashboard > Pages > Add New > Edit with Elementor. Find the “Shortcode” element from the left panel.
![How to Display Dark Mode Switch Using Shortcode 4 How to Display Dark Mode Switch Using Shortcode](https://wppool.dev/wp-content/uploads/2024/02/image-48.png)
Paste the copied code and click on Publish.
![How to Display Dark Mode Switch Using Shortcode 5 How to Display Dark Mode Switch Using Shortcode](https://wppool.dev/wp-content/uploads/2024/02/image-49-1024x563.png)