Dynamic Link Widget Overview

The widget can be inserted as any Elementor widget by finding it in the search bar and dragging and dropping it where needed.

Like any widget for Elementor, the Dynamic Link widget has three setting tabs: Content, Style, and Advanced. The Content tab is unfolded by default. 

Content settings

The Content tab is presented by the following settings: Source drop-down list, Label field, Add Query Arguments, URL Prefix, URL Anchor, Field Icon, HTML wrapper, Open in new window, Add “rel” attr, Aria label attr,  Alignment, Hide if value is empty, and Context.

Source settings 

Source 一 a drop-down list that allows selection of where the link will be taken from. The options are grouped according to their functionality: General, User info, meta fields, relation meta data, WooCommerce, etc.

The General group of the Source options is presented by the following options:

• Permalink 一 an option, if selected, allows making the CPT’s title clickable with redirection to the CPT item single page from a listing page. Here, to display the title, a specific macro should be selected in the Label field. More details can be found in the Macros Guide.

Additionally, to display a CPT field, except for the “Permalink” option, the “Custom field” option in the Label field should be set (here, the Description field is selected as the Custom Field for redirection).

• Media File 一 an option that, if selected, allows displaying media files. In this case, the free Attachment Link Callback add-on should be installed and activated. More details about displaying files via this widget can be found in the Outputting a URL in the Media Field tutorial and the How to display link in the media field? video;
• Delete current post link 一 an option that, if selected, allows deletion of the post and the usage of a macro for page redirection. In particular, it activates the following settings:

• Confirm deletion message 一 a text area that allows inserting text (instead of the default “Are you sure you want to delete this post?” text) and shows dynamic data (apply shortcodes and specific macros by pressing the “Dynamic Tag”). In particular, the adding a shortcode into the delete message text allows displaying specific data (e.g., the “Confirm deletion message” text modified with the as follows “Are you sure you want to delete this post? shortcode = macros =%title%” allows displaying the title of the current CPT post. More details on configuring shortcodes can be found in the How to Apply WooCommerce Shortcodes tutorial;
• Redirect after delete 一 a field to add a page for redirection to another page after users confirm deletion. The field allows the usage of the macros by pressing the “Dynamic Tag“;
• Delete post type 一 a drop-down menu that defines if the post will be “Moved to trash” or “Deleted permanently;”
• Profile Page 一 an option that, if selected, allows users to be redirected to the WordPress user’s associated page. Additionally, it sets the macros to display data inserted in the used CPT (with the Add Query Argument toggle turned on);

• Options 一 an option that, if selected, allows selection data from the options pages developed by the JetEngine plugin. After choosing this type of link, users will see an additional drop-down menu labeled “Options.” The link will be taken from the value of the meta field that can be selected in the Options drop-down list. More information on this topic is presented in the Options Page Full Overview tutorial or the Creating Options pages in WordPress video. 

Other groups of the Source drop-down menu options are specified by the installed and activated plugins or previously created CPTs: 

• JetAppointments Booking: add booking to Google calendar and JetBooking: add booking to Google calendar 一 a group of the Source drop-down menu that, if selected, allows adding a link for redirection to the user’s Google Calendar. These options work with the JetAppointment or JetBooking plugins, as well as additional plugins such as Zapier or Make (formerly Integromat), which must be installed and activated. The configuration of such actions is explained in the How to Transfer Bookings from Google Calendar via iCal Synchronization tutorial. Additionally, the workflow for adding a link to Google Calendar via the JetEngine’s functionality can be found in the Dynamic Calendar Functionality Overview tutorial; 
• Meta fields and Relation meta data 一 a group of the Source options that are automatically displayed on the list if some meta fields and/or relation have been created previously. Choosing a specific meta field adds a link that will be taken from the value of that meta field;
• WooCommerce 一 a group of options that allows adding and/or removing some items to/from a specified page (like Wishlist or Favorites page). The options are available if the WooCommerce plugin is installed and activated. The group is presented with the options:
  • Permalink 一 an option for products that works similarly to the “Permalink” option explained before;
  • Add to Cart and Remove to Cart 一 options that allow adding the corresponding buttons on a single product page (for simple products) and in the listing of products. More details can be found in the Displaying Add to Cart Dynamic Link in the Listing Item tutorial.

Other settings

Other fields in the Content tab are:

• Label 一 a field that is intended for adding a name to the links. Additionally, it allows usage data from meta fields by pressing the “Dynamic Tag” and selecting the appropriate field, term, taxonomy, and more;
• Add Query Arguments 一 a toggle that allows adding arguments to the link’s URL. If enabled, it turns on the Query Arguments field with the pre-set query argument (_post_id=%current_id%) for the macros listed in the Label field. Therefore, the URL will look like: Virtual Tour: http://mysite/transport/chapparal330signatureimboard/?post_id=1705;
• URL Prefix 一 a field that adds the typed text to the URL shown on the front end. Therefore, the URL will look like: mysite/transport/chapparal330signatureimboard/?post_id=1705;
• URL Anchor 一 a field that adds an anchor to the URL;
• Field icon 一 a field that allows adding an icon to the dynamic link by choosing it from the Icon Library or uploading an SVG file;
• HTML Wrapper 一 a drop-down menu that allows choosing the necessary HTML wrapper markup for the link. The link can be wrapped in DIVs and SPANs, or make it a Heading (from H1 to H6);
• Open in the new window 一 a toggle that, if enabled, opens the linked page in a new window in your browser;
• Add “rel” attr 一 a drop-down list that allows setting the “Rel” attribute that defines the relationship between the page a user is on now and the one they open with a link;
• Aria label attr 一 a drop-down list that allows choosing the label attribute for the link by pressing the “Dynamic Tag.” This attribute is visible to screen readers only;
• Alignment 一 a field that sets the alignment for the dynamic link item (e.g., “Start,” “Center,” “End,” “Full Width”);
• Hide if value is empty 一 a toggle that, if enabled, makes the field hidden if it is not filled;
• Context 一 a drop-down menu that works with the Source field. It allows specifying the source of the link. For example, if the “Permalink” option in the Source field is set and the “Default object” option in the Content field is set, the URL will lead to the page of the single item. And if the “Current User” is set, the URL will direct you to the page of the user you are currently logged in as.

These settings are intended to design the options of the Dynamic Link widget. Here, the Typography, Background, Text, Icon Color, Padding, Margin, Border Type, Width, and more can be set.

The Advanced settings depend on the installed and activated plugins (such as JetTricks, JetPopup, JetWooBuilder) and allow customization: 

• Layout (margin, padding, width, position, Z-Index, CSS ID, CSS Class);
• Jet Advanced (use order and use width toggles);
• Dynamic Visibility toggle;
• JetTricks (parallax, satellite, tooltip effects);
• JetPopup (attached pop-up menu, trigger type  menu, JetEngine listing pop-up, JetWooBuilder quick view, JetWooBuilder purchase pop-up”toggles);
• Motion Effects, Transform, Background, Responsive (desktop, tablet, mobile), Attributes, and Custom CSS.