1. Home
  2. Docs
  3. Events Shortcodes Pro
  4. Add Shortcode

Add Shortcode

How To Add shortcode In Classic Editor?

To insert a shortcode in the classic editor follow the steps given below:

Step 1:- Click on the Events Shortcodes button as shown in the figure.

Step 2:- A panel will open where you can select multiple settings related to your event layouts display and then click on the Insert Shortcode button.

Step 3:- The shortcode will be inserted on your page based on the settings you have selected. Then, click on Publish button.

[events-calendar-templates category=”all” template=”default” style=”style-1” date_format=”default” limit=”10” order=”ASC” hide-venue=”no” time=”future” featured-only=”false” show-description=”yes” socialshare=”no”]

Step 4:-  View the page to see the output.

How To Add shortcode In Gutenberg?

Let us now see, how you can add a shortcode using the Events Calendar Shortcode block.

Step 1:- Open a page/post on which you want to add the shortcode and search for Events Calendar Shortcode.

Step 2:- Add the block to your page.

Step 3:- You can select the shortcode settings under The Events Calendar Shortcode Settings as shown in the figure.

Step 4:- Once you finalized the setting, Click on Publish button.

[events-calendar-templates category=”all” template=”grid-view” style=”style-1” date_format=”default” limit=”10” order=”DESC” hide-venue=”no” time=”future” columns=”3” featured-only=”false” show-description=”no” socialshare=”yes”]

Step 5:- Click On View Page to see the results.