How to add dynamic links?

Question

I have a portfolio page template where I want to display the URL of the customer's website. This URL should fetch the link dynamically from each of my portfolio items and should be clickable. How to do this?

Adding the link/URL custom field

You can add the link custom field using the following options:

  1. Via TheGem Project Details (this works only for portfolio, check this article). It is important to note, that the "Field Type" for this field should be set to "Link":

  1. With TheGem Custom Fields (this works for all post types, check this article ). It is important to note, that the "Field Type" for this field should be set to "Link":

  1. Using the Advanced Custom Fields (ACF) or Toolset plugins (check this article for ACF and this article for Toolset)

Displaying the link/URL custom field

You can display the link/URL custom field using the following options:

  1. Using "Project Meta/Details" content element (this works only for portfolio page templates, check this article )
  2. Using "Custom Fields" content element (this works for all post types, check this article )
  3. Using Dynamic Tags (Elementor) in other content elements (check this article)
  4. Using Dynamic Data (WPBakery) in other content elements (check this article)

Linking the link/URL custom field

You can use following options to dynamically fetch and link your content with the link value specified in the link/URL custom field:

Elementor

WPBakery

  1. Using Custom Fields content element (WPBakery) by specifying the dynamic link source and field here:

  1. Using Project Meta/Details content element (WPBakery) (works only in portfolio page templates) by specifying the dynamic link source and field here:

  1. Using dynamic data in following content elements:
    1. Heading
    2. Infotext
    3. Button