New Entry Editor UX for Interactive Shortcodes

With the latest update, shortcodes in the Entry Editor are now fully interactive, allowing users to update inputs and selection options directly within the editor. This makes it easier to dynamically add fields, widgets, and customized components to articles based on input selections. Users can define dynamic input sources for shortcodes, enabling them to adapt based on data fetched from external systems. This enhancement provides greater flexibility, streamlining content creation and improving user control over shortcode-based elements.

Customizable pop-up in Entry Editor

One of the key improvements is the ability to customize shortcodes that contain text and buttons. Editors can directly modify the button text, link, and descriptive text through a user-friendly pop-up interface. This eliminates the need for manual shortcode editing and gives full control to editors to adjust content on the fly, streamlining the workflow and improving efficiency.

This new interaction model empowers editorial teams to build richer, more interactive content without depending on developers, while maintaining full flexibility and control over the design and functionality of shortcode-based components.

Dynamic Variables in Shortcodes

With the new Entry Editor UX, you can use variables like {{variable name}}within your embed code, making it easy to customize embedded content directly from the editor. This allows editors to modify shortcode parameters dynamically without manually editing the code, ensuring a seamless and flexible content creation process.

Shortcode Dialog Element in Layout & Design Tool

Customizable Dialog to edit attributes on custom shortcodesShortcode

Shortcode Field Element and Attributes

Shortcode field elements define the attributes displayed in a shortcode dialog. Each field consists of three key attributes:

• Attribute Name – A unique identifier related to the shortcode element.
• Field Label – The label displayed in the Entry Editor for easy identification.
• Type – The type of input the field accepts, which can be one of the following:
  • Text
  • Checkbox
  • Radiobox
  • Dropdown
  • Date
  • Date Time
  • Phone
  • Location
  • Date (Timestamp)
  • Date Time (Timestamp)

Example: Customizing Shortcode for adding Product Review

If a user wants to add a Product Name as a Text field and select a Review Rating from a Dropdown, this can be achieved by configuring the Attribute Name, Field Label, and Type in the Layout and Design Tool. Once set up, the Entry Editor will display an editable pop-up like in the image, allowing users to input product details and select a review rating dynamically.