Though this block can be used on any page or block, the most useful it will be for Listing template<\/a> creation. That way, it will further display the link dynamically for every item of the Listing Grid. So, to find the block, open your website\u2019s dashboard and go to JetEngine > Listings<\/em><\/strong>. Click the \u201cAdd New<\/strong>\u201d button to create a new listing or choose one of the created templates. When the Gutenberg editing page opens, press the \u201cAdd block<\/strong>\u201d button with a cross-shaped icon on it and find the Dynamic Link<\/strong> block.<\/p>\n\n\n\n Add the block to the page by clicking on it. And now, let\u2019s go through the settings.<\/p>\n<\/div><\/div>\n\n\n\n In this section, you can choose where the link will lead the user. You can either select it from the Source <\/strong>drop-down menu. Besides that, if you have a meta field where the URL will be stored, you can type the name of that meta field to the Or enter post meta field key<\/strong> bar. <\/p>\n\n\n\n Let\u2019s see the options that the Source <\/strong>drop-down menu has.<\/p>\n\n\n\n This option will lead the user to a single page of the item. For example, if you use this Dynamic Link in the Listing template and afterward in the Listing Grid, the user will be redirected to the page of the item which he\/she has clicked. <\/p>\n\n\n\n With this option, you can allow the user to delete some posts. <\/p>\n\n\n\n When the user clicks on this link, he\/she will receive a confirmation message. The text of the message can be defined in the Confirm deletion message<\/strong> text area. Be aware that not all users will be able to use the deletion link. If the user has a role to which you have granted permission to edit and delete posts, only he\/she will be able to use it. <\/p>\n\n\n\n If you want to redirect the user to another page after he\/she deletes the post, type the URL to the Redirect after delete<\/strong> bar. By default, if this field is empty, the user will land on the home page.<\/p>\n\n\n\n You can also choose what will happen to the post after deletion in the Delete post type<\/strong> drop-down. You can either move it to Trash or delete it permanently.<\/p>\n\n\n\n This option will appear if you enable the Profile Builder module of the JetEngine plugin. You can lead the user to the page created via the Profile Builder module. If you choose this option, the link will redirect the user to the page chosen in the Profile Page<\/strong> drop-down list.<\/p>\n\n\n\n You can take the URL not only from the post\u2019s meta field but also from the Options Page. In this case, the user will be redirected to the address, taken from the Options Page that you choose in the Option<\/strong> drop-down menu.<\/p>\n\n\n\n These two options will appear if you enable the Data Store module. With its help, the user will be able to add the items to the data store and remove them from there. More details about the settings of these options you will find in the Data Stores creation tutorial<\/a>.<\/p>\n\n\n\n Under the described options, you will see the list of all meta fields that you have created so far. You can choose any of them as the source of the URL. <\/p>\n\n\n\n Into this bar, you have to place the name of the link. It will be the text that users will see on the page as a link. By default, it is filled with %title% macro code. If necessary, you can use other macro codes here, too.<\/p>\n\n\n\n After enabling this toggle, you get an opportunity to add query arguments and prefixes to the URL. Query arguments are little parts of the URL that are added to the end of the line and help to specify the address. For example, if you type the \u201cpost_id=%current_id%\u201d parameter to the Query Argument<\/strong> text area, the URL will look like that:<\/p>\n\n\n\n The text you will write in the URL Prefix<\/strong> bar will be placed before the URL. It doesn\u2019t affect the URL itself, so it is rather a decorative element.<\/p>\n\n\n\n By clicking on the \u201cSelect Icon<\/strong>\u201d button, you open the Media Library and can choose the icon (SVG file) or picture that will be added to the link. If you want, you can delete any text in the Label <\/strong>bar and leave only the image. The icon\u2019s color, size, and positioning can be customized in the Block Style<\/strong> settings tab if you have installed the JetStyleManager<\/a> <\/em>plugin.<\/p>\n\n\n\n In this drop-down menu, you can choose the tag in which the Dynamic Link will be wrapped. It can be either a DIV and SPAN tag or the ones that make the link a heading \u2013 from H1 to H6. To find out more about HTML tags, follow the link<\/a>. <\/p>\n\n\n\n When you turn on this toggle, the link you attach here will be opened in a separate window. It is highly recommended to enable it because it is much more convenient for users when the links open in a new browser window.<\/p>\n\n\n\n Here you can choose to add a \u201crel\u201d attribute to the link. It will define the relationship between the currently opened page and the linked page. More details about every attribute you can find here<\/a>.<\/p>\n\n\n\n When enabled, this toggle hides the link for those items where the source meta field is empty. In the Listing Grid, such items won\u2019t have this Dynamic Link \u2013 it will be hidden.<\/p>\n<\/div><\/div>\n\n\n\n If you have downloaded and installed the free JetStyleManager<\/a> <\/em>plugin, you will see a \u201cBlock Style<\/strong>\u201d button with a brush-shaped icon in the top toolbar. After clicking on that button, the styling settings section will open. Here you will be able to customize the appearance of the Dynamic Link. All possible options of the Block Style<\/strong> tab are described in this overview<\/a>.<\/p>\n\n\n\n That\u2019s all about the Dynamic Link settings. You now know how to customize it and use every feature to the fullest. <\/p>\n","protected":false},"excerpt":{"rendered":" This detailed overview describes all the settings and options of the Dynamic Link block that can be used to create Listing templates and is fully available in the Gutenberg Editor.<\/p>\n","protected":false},"author":9,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[390],"yoast_head":"\n![\"dynamic](\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-link-block.png\")
\n\n\n\nDynamic Link Block Settings<\/h2>\n\n\n\n
![\"dynamic](\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-link-settings.png\")
\n\n\n\nGeneral<\/h3>\n\n\n\n
Permalink<\/h4>\n\n\n\n
Delete current post link<\/h4>\n\n\n\n
![\"delete](\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/delete-current-post-link.png\")
\n\n\n\nProfile page<\/h4>\n\n\n\n
Options<\/h4>\n\n\n\n
Add to store\/Remove from store<\/h4>\n\n\n\n
![\"add](\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/add-to-store-link.png\")
\n\n\n\nOther meta fields<\/h4>\n\n\n\n
Other settings<\/h3>\n\n\n\n
Label<\/h4>\n\n\n\n
![\"dynamic](\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/add-query-arguments.png\")
\n\n\n\nAdd query arguments<\/h4>\n\n\n\n
![\"query](\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/query-arguments.png\")
\n\n\n\nURL Prefix<\/h4>\n\n\n\n
Icon<\/h4>\n\n\n\n
HTML wrapper<\/h4>\n\n\n\n
Open in new window<\/h4>\n\n\n\n
Add \u201crel\u201d attr<\/h4>\n\n\n\n
Hide if value is empty<\/h4>\n\n\n\n
Style Settings<\/h2>\n\n\n\n
![\"dynamic](\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/12\/dynamic-link-block-style.png\")
\n<\/div><\/div>\n\n\n\n