Elementor shortcodes

Elementor is a popular page builder plugin for WordPress that allows you to create and customize web pages using a drag-and-drop interface. Elementor provides a wide range of built-in widgets and elements, and you can also create your own custom elements using shortcodes.

Here are some common Elementor shortcodes that you can use within the Elementor page builder:

1. Basic Shortcode:
The basic Elementor shortcode is used to include a section or template created with Elementor on your page.

elementor-template id="YOUR_TEMPLATE_ID"

 

Replace `YOUR_TEMPLATE_ID` with the ID of the Elementor template you want to display.

2. Dynamic Data Shortcodes:
Elementor allows you to dynamically display data from various sources using shortcodes. For example:

– Current Date:

[elementor-template-date format="Y-m-d"]

– Current Post Title:

[elementor-template-post-title]

– Current Post URL:

[elementor-template-post-url]

3. User-Related Shortcodes:
You can also display information related to the current user:

– Current User ID:

[elementor-template-user-id]

– Current User Display Name:

[elementor-template-user-display-name]

– Current User Email:

[elementor-template-user-email]

4. Custom Shortcodes:
You can create your own custom shortcodes to extend Elementor’s functionality. To do this, you’ll need to use Elementor’s API and PHP coding. Here’s a basic example:

// Define the shortcode callback function
function custom_shortcode_function( $atts ) {
    // Your custom logic here
    return 'Your Custom Content';
}

// Register the shortcode with Elementor
function register_custom_shortcode() {
    add_shortcode( 'custom_shortcode', 'custom_shortcode_function' );
}

add_action( 'elementor/widgets/widgets_registered', 'register_custom_shortcode' );

Now, you can use the `[custom_shortcode]` shortcode within the Elementor page builder, and it will display the content returned by the `custom_shortcode_function()`.

Please note that when using shortcodes in Elementor, you typically add them to a Text Editor widget or a Shortcode widget. Elementor also provides dynamic tags that you can use directly within the widgets, which are a more user-friendly way to display dynamic content without having to remember and use shortcodes explicitly.

Categories

Related Blogs

WooCommerce: Display Regular & Sale Price @ Cart Table

Learn how to enhance your WooCommerce cart table by displaying both the regular and sale prices. Implement this functionality using WordPress hooks and filters to provide clear and appealing pricing information to your customers, encouraging sales and improving the shopping experience.

WooCommerce: Get Product Info (ID, SKU, $) From $product Object

In WooCommerce, the `$product` object represents a single product, and it contains various information and methods that you can access to get details about the product. Here is a list of common product information that you can retrieve from the `$product` object: