Swapnil V. Patil

Insert separate widgets or a entire widget area (sidebar) into a page using a shortcode.
Customize the widget setting in “widgets for shortcodely” widget area.No extra efforts. Exactly as you would do it for any other widget.
do_widget shortcode,will do its magic and display the widget or the even a chosen sidebar from the do_widget_area shortcode.
The plugins default action is that it will magically find the settings for your themes first sidebar and use them to control the widget’s output. In most cases this would mean that the widget will be styled as per the rest of your theme. In case, yout need to change the styling, there are parameters to override it.
Whenever you need to change your theme, the plugin automagically saves and restores the widgets and its settings. It will then select the sidebar setting from the currect theme you are using.
Instructions:
<ol>
<li>Make sure you test the widget in the regualr widget area, or any exisitng sidebar.</li>
<li>Then Activate shortcodely. (Ignore id already done.)</li>
<li>Go to Appearance > Widgets and find the ” widgets for shortcodely” sidebar or widget area</li>
<li>Add your desired widgets to the Shortcodely side bar. Save.</li>
<li>Go the Shortcodely settings. Click on one of the create page links to help you setup the shortcode.</li>
<li>
OR go to an existing page and enter a shortcode:
[do_widget widgetname] eg: [do_widget calendar] 
[do_widget “widget name”]. eg: [do_widget “tag cloud”] 
[do_widget id=widgetid]
[do_widget_area] (will use the “widgets in shortcodes” widget area / sidebar 
[do_widget_area sidebarname] for another sidebar or widget area – eg: to maximise likelihood of getting your theme’s widget css to apply.
</li>
<li>
If the plugin cannot work out what you want and you are logged in as an administrator, it will show a debug prompt to you, the logged in admin only. 
Click on the link ‘Try debug’. It will produce a bunch of info. Look for the id of your widget in the shortcodes sidebar (you may have to scroll through a lot of debug info). Try using the widget id. Sometimes the widget name that wordpress calls it internally is not the same as what you see on the screen and you will need the ‘debug’ to find the id.
</li>
</ol>
[do_widget …] Parameters:
<ul>
<li>nameofwidget or name=”nameofwidget” This is NOT the title of the widget. THis is the name that you see in the widgets menu page even when unassigned to a sidebar. For existing users , you can also use just the name of the widget without name=. It must bethe first parameter then.</li>
<li>id=wordpress assigned id of widget</li>
<li>title=false to hide the widgets title OR to override your themes first sidebar html settings for widget titles, use title=htmltag where htmltag is one of h1,h2,h3,h4,h5,header,strong,em. If not entered plugin will use the same title html that your themes first sidebar uses – yes even if you change themes, it will switch to the new themes html.</li>
<li>wrap=htmltag where htmltag is one of div,p,main,aside,section. This will override your themes first sidebar html settings for widget wrapping html.</li>
<li>widget_classes=none This will remove the class “widget” from the wrapping html and the class “widget_title” from the title html. This may be enough to remove any unwanted css styling from your theme.</li>
<li>class=yourclassname By default the plugin will add a class of amr-widget tto the wrapping html. You can use this to add any special css. Add css either by editing your themes stylesheet if it is a custom theme, or using something like the wordpress custom css plugin.</li>
<li>sidebar=”sidebarname” will default to widgets_for_shortcode sidebar. Only use if you want to re-use a widget already beingused in another sidebar. THis is theme dependent and WILL break if you change themes.</li>
</ul>
[do_widget_area …] Parameters:
<ul>
<li>widget_area=yourwidgetarea defaults to ‘widgets_for_shortcodes’ if nothing entered</li>
<li>widget_area_class=none /* option to remove theme styling by removing the widget_area class from the sidebar html */</li>
<li>widget_classes=none /* option to remove the widget class from the widget wrappinghtml</li>
<li>class=yourclassname default is amr_widget_area’</li>
</ul>
See the settings page for links to help your create the shortcodes in a page.
To ‘remove debug mode’ 
remove ?do_widget_debug=1 from the url you are looking at (NOTE it only debugs if you are logged in and an administrator, so this is really NOT a problem.)
The plugin has been tested with most standard widgets (rss feeds, tag cloud, pages, meta, search, and of course my own plugins widgets – upcoming events list, calendar and user lists.
If you use a widget more than once for different reasons, you may need to use the widget id to isolate which widget instance and it’s settings to use. ie: [do_widget id=categories-6] . If you just use the name, it will display all widgets in the shortcode sidebar with that name (all instances).
If you liked this plugin, you might also like my other plugins:
<a href="https://wordpress.org/plugins/login-and-logout-redirect/" rel="ugc">Login and Logout redirect</a> – Redirects users to specified url on logging in, logging out OR both.
<a href="https://wordpress.org/plugins/gravity-pre-submission-confirmation/" rel="ugc">Gravity Pre-submission Confirmation</a> – adds a pre-submission confirmation page to your Graviy forms where users can preview their entered data before they submit it.

Shortcodely

Enable the usage of shortcodes almost any where on your website

Satinder Singh

CoolHappy

Cool Plugins

Events Calendar Addons

<a href="https://eventscalendaraddons.com/plugin/event-single-page-builder-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_description" rel="nofollow ugc">Event Single Page Builder</a> is an addon for <a href="https://stellarwp.pxf.io/tec" rel="nofollow ugc">The Events Calendar</a> plugin that helps you create custom single event page templates. Instead of using the default event layout, you can design a custom event page template that matches your website style and overall theme.
This extension helps you create a modern event calendar layout with full control over layout, colors, template display condition, and date format. You can replace the default single event page layout of The Events Calendar with your own custom design.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/50FBrcqoB-M?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Live Demos</h3>
👉 View FREE Demo: <a href="https://eventscalendaraddons.com/event/blood-donation-camp-in-delhi/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_free&utm_content=below_video" rel="nofollow ugc">Single Event Page Template</a>
👉 View PRO Demos: Design single event, category, venue, and organizer page layouts.
<ul>
<li>
Design page templates in Elementor (PRO)
<ul>
<li><a href="https://eventscalendaraddons.com/event/ghost-music-band-performance/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_elementor&utm_content=below_video" rel="nofollow ugc">Single Event Page</a>: Create fully custom single event page templates using Elementor.</li>
<li><a href="https://eventscalendaraddons.com/events/category/training/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_elementor&utm_content=below_video" rel="nofollow ugc">Category Page</a>: Build stylish event category archive layouts.</li>
<li><a href="https://eventscalendaraddons.com/venue/rotary-blood-bank-delhi/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_elementor&utm_content=below_video" rel="nofollow ugc">Venue Page</a>: Customize venue pages and display all events of that venue.</li>
<li><a href="https://eventscalendaraddons.com/organizer/xyz-club/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_elementor&utm_content=below_video" rel="nofollow ugc">Organizer Page</a>: Design organizer detail pages and show related events.</li>
</ul>
</li>
<li>
Pre-built templates for Non-Elementor sites (PRO)
<ul>
<li><a href="https://eventscalendaraddons.com/event/womens-marathon-in-london/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_prebuilt&utm_content=below_video" rel="nofollow ugc">Single Event Page Template</a>: Use ready-made templates for single event pages.</li>
<li><a href="https://eventscalendaraddons.com/events/category/wedding/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_prebuilt&utm_content=below_video" rel="nofollow ugc">Category Page Template</a>: Quick setup with pre-designed event category layouts.</li>
<li><a href="https://eventscalendaraddons.com/venue/cc-venue-oakland/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_prebuilt&utm_content=below_video" rel="nofollow ugc">Venue Page Template</a>: Ready-to-use venue page design.</li>
<li><a href="https://eventscalendaraddons.com/organizer/ride-it-up/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_prebuilt&utm_content=below_video" rel="nofollow ugc">Organizer Page Template</a>: Structured organizer page layout with event listing.</li>
</ul>
</li>
</ul>
<a href="https://eventscalendaraddons.com/demos/event-single-page-builder-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=demo_pro&utm_content=below_video" rel="nofollow ugc">View All PRO Demos</a>
<h3>Plugin Features</h3>
<ul>
<li>Custom Single Event Page Template: Replace the default single event page layout of The Events Calendar with a clean and modern event template design.</li>
<li>Apply Template to All Events: Automatically apply the same custom event page layout to all your published events without editing them individually.</li>
<li>Date & Time Format Control: Choose how the event date and time should appear on your single event page based on your country format and preference.</li>
<li>Primary Color & Display Conditions: Select template display condition and colorsto match your website branding and theme style.</li>
<li>Custom CSS Option: Add your own CSS to further customize the event layout.</li>
<li>Fully Responsive Layout: The event single page template is fully responsive and works smoothly on mobile, tablet, and desktop devices.</li>
</ul>
<h3>PRO Features</h3>
<ul>
<li>
<a href="https://eventscalendaraddons.com/doc/elementor-event-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Single Event Page Builder for Elementor</a>: Design fully custom single event page templates using Elementor’s drag-and-drop editor with dynamic event widgets.
<ul>
<li><a href="https://eventscalendaraddons.com/doc/elementor-event-category-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Events Category Page</a>: Create custom event category archive layouts in Elementor.</li>
<li><a href="https://eventscalendaraddons.com/doc/elementor-event-venue-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Venue Page</a>: Design dedicated venue pages and display all events of that venue.</li>
<li><a href="https://eventscalendaraddons.com/doc/elementor-event-organizer-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Organizer Page</a>: Build organizer detail pages and dynamically show related events.</li>
</ul>
To design category, venue, and organizer layouts in Elementor, the <a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=pro_features" rel="nofollow ugc">Events Widgets</a> plugin must be installed along with Event Single Page Builder.
</li>
<li>
<a href="https://eventscalendaraddons.com/doc/elementor-event-speakers-sponsors-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Add Speakers & Sponsors Section</a>: Display speakers and sponsors blocks on your event page using the <a href="https://eventscalendaraddons.com/plugin/events-speakers-and-sponsors/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=pro_features" rel="nofollow ugc">Events Speakers & Sponsors</a> plugin.
</li>
<li>
Pre-built Templates for Non-Elementor Sites:
<ul>
<li><a href="https://eventscalendaraddons.com/doc/single-event-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Single Event Page Template</a>: Use ready-made templates for single event pages.</li>
<li><a href="https://eventscalendaraddons.com/doc/category-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Category Page Template</a>: Quickly set up event category archive layouts.</li>
<li><a href="https://eventscalendaraddons.com/doc/organizer-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Organizer Page Template</a>: Display organizer details along with their events.</li>
<li><a href="https://eventscalendaraddons.com/doc/venue-page-template/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Venue Page Template</a>: Display venue details and all related events.</li>
</ul>
</li>
<li>
<a href="https://eventscalendaraddons.com/doc/events-multiple-templates/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=docs&utm_content=pro_features" rel="nofollow ugc">Apply Multiple Templates to Different Events</a>: Assign different templates based on event category or specific events.
</li>
</ul>
<h3>Why Use Event Single Page Builder with The Events Calendar?</h3>
If you run an event website, training portal, conference platform, festival site, or community events directory and use The Events Calendar WordPress event plugin to manage your events, you may notice that the default single event page layout has design limitations. This addon helps you create branded and professional single event page templates.
With PRO features, you can also design category, venue, and organizer page layouts to manage a complete event website. Display all events from a specific venue on its own page, show all events by a particular organizer, or organize events by category in a clean and structured format using this powerful WordPress event plugin setup.
<h3>Other Extensions For <a href="https://stellarwp.pxf.io/tec" rel="nofollow ugc">The Events Calendar</a></h3>
If you are using The Events Calendar WordPress plugin, you can extend its functionality further with these powerful addons:
<ul>
<li><a href="https://eventscalendaraddons.com/plugin/events-widgets-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Widgets for Elementor & The Events Calendar</a>: Display events inside Elementor using list, grid, carousel, slider, and other advanced layouts with full styling control.</li>
<li><a href="https://eventscalendaraddons.com/plugin/events-shortcodes-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Shortcodes for The Events Calendar</a>: Show events anywhere on your website using simple shortcodes in list, grid, timeline, or calendar format.</li>
<li><a href="https://eventscalendaraddons.com/plugin/events-speakers-and-sponsors/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Speakers & Sponsors</a>: Add dedicated speakers and sponsors sections to your event pages with structured layouts.</li>
<li><a href="https://eventscalendaraddons.com/plugin/the-events-calendar-modules-for-divi/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=more_addons" rel="nofollow ugc">Events Calendar Modules for Divi</a>: Display The Events Calendar events using custom Divi modules built specifically for Divi Builder pages and layouts.</li>
</ul>
<h3>Other Plugins by <a href="https://cooltimeline.com/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=homepage&utm_content=other_plugins" rel="nofollow ugc">Cool Plugins</a></h3>
Cool Plugins has also built many WordPress plugins for different use cases:
<ul>
<li><a href="https://coolformkit.com/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_plugins" rel="nofollow ugc">Cool FormKit</a>: Advanced Elementor form fields and conditional logic addon.</li>
<li><a href="https://cooltimeline.com/plugin/cool-timeline-pro/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_plugins" rel="nofollow ugc">Cool Timeline</a>: Create vertical and horizontal timeline layouts.</li>
<li><a href="https://coolplugins.net/product/autopoly-ai-translation-for-polylang/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_plugins" rel="nofollow ugc">AutoPoly</a>: AI translation addon for Polylang multilingual sites.</li>
<li><a href="https://locoaddon.com/?utm_source=epta_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=other_plugins" rel="nofollow ugc">LocoAI</a>: AI-powered translation helper for Loco Translate.</li>
</ul>
Use of Third-Party Services: To improve the plugin experience, this plugin connects to the Cool Plugins API to display related plugins information inside its dashboard. It also offers optional usage tracking and an optional feedback form during deactivation. Data is sent only after explicit user consent. No hidden tracking is performed, and no frontend visitor or personal site user data is collected. For complete details, please review our <a href="https://my.coolplugins.net/terms/usage-tracking/" rel="nofollow ugc">Data Usage Policy</a>, <a href="https://my.coolplugins.net/terms/" rel="nofollow ugc">TOS</a>, and <a href="https://my.coolplugins.net/terms/privacy-policy/" rel="nofollow ugc">Privacy Policy</a>. It also uses <a href="https://github.com/CMB2/CMB2/tree/develop?tab=GPL-3.0-1-ov-file" rel="nofollow ugc">CMB2</a> for the settings panel (GPL licensed).
Disclaimer: Event Single Page Builder For The Events Calendar is developed by Cool Plugins and is not affiliated with or endorsed by The Events Calendar team (a product of StellarWP, Liquid Web). Some links in this plugin or its readme may be affiliate links, meaning we may earn a commission at no extra cost to you.

Event Single Page Builder For The Events Calendar

The Events Calendar addon to create custom single event page templates and replace the default event single page layout with your own branded design.

Shortcodely vs Event Single Page Builder For The Events Calendar