Are you tired of having to manually add code to your WordPress pages? Shortcodes are here to save the day! And the best part? If you’re using a page builder like Elementor, adding shortcodes to your pages is a breeze.

In this post, we’ll show you just How to add shortcode in WordPress using a page builder, as well as the benefits of using shortcodes in your website. So, if you’re ready to take your website to the next level, keep reading!

Add Shortcode to WordPress with Page Builder Plugin #

Adding a shortcode to a page or post using page builder plugins is a very simple task. There are many page builders available. We will use two of the most famous page builders, Elementor and WPbakery. To do this, you must first install and activate one of these plugins.

Steps to install and activate Elementor #

1. Enter the plugins tab from the WordPress dashboard.
2. Click the “Add new” button at the top of the page.
3. Download the “Elementor” plugin from the WordPress dashboard.
   
4. Activate the plugin.
   

Steps to install and activate WPbakery #

1. Buy and download the plugin.
2. Enter the plugins tab from the WordPress dashboard.
3. Click the “Add new” button at the top of the page.
4. On the page that opens, click on “Upload plugin” and upload the plugin you downloaded.
   
5. Install the plugin.
6. Activate the plugin on the opened page
   

How to Add Shortcode in WordPress Elementor Page Builder #

Add Wishlist button with shortcodes in Elementor #

1. Select the page or post or any section you want to add the shortcode to and select Elementor to edit it.
2. Now, add the “Shortcode” element to your page with drag and drop in Elementor page builder.
   
3. Put the desired shortcode in the text area.
   

How to Add Shortcode in WordPress WPbakery Page Builder #

Add Wishlist button with shortcodes in WPbakery #

1. Select the page or post or any section you want to add the shortcode to and select WPbakery to edit it.
2. Click the “+” icon to add an element and search for “Text block” and select it.
   
3. In the window that opens, put the wishlist shortcode and save it.
   
4. Your shortcode should look like the image below after saving and updating the page.
   

Customize Add to wishlist button in with shortcodes #

To personalize the wishlist button with shortcodes, go to the same section where you put the shortcode.

You can replace that shortcode with the MC Lists shortcodes depending on the changes you want to make. The process for both page builders is the same. Here is the full guide to use MC wishlist shortcodes.

Also, you have the option to add custom fields to your page builder. This way, you can show the wishlist button anywhere you want. This guide will help you.

Summary #

Now you can see that Add shortcode to WordPress pages can be done easily with the use of a page builder plugin, such as Elementor or WPBakery.

When using Elementor, the process of how to add shortcode in WordPress Elementor involves pasting it into a text box or code module in the page builder and adjusting the settings as needed. Elementor also has a built-in shortcode generator that makes it easy to create and customize shortcodes without having to know how to code.

Similarly, when using WPBakery, the process of how to add shortcode in WordPress wpbakery page builder involves pasting it into a text box or code module and adjusting the settings as needed. 

In summary, add shortcode to WordPress using a page builder plugin is a simple process that can be done by pasting the shortcode into a text box or code module and adjusting the settings as needed. However, if you encounter any issues, you can call us for help.