How can I make only one out of the four works in my portfolio link to an external page using Webflow?

Published on
September 22, 2023

To make only one work in your portfolio link to an external page using Webflow, you can follow these steps:

  1. Open your Webflow project and navigate to the page where your portfolio is located.
  2. Select the work that you want to link to an external page. This can be an image or a text block that represents the work.
  3. In the right panel, under the "Elements" tab, click on the element you selected.
  4. In the settings menu that appears, scroll down to the "Link Settings" section.
  5. Enable the "Link" option by toggling the switch to the right.
  6. A new field will appear, where you can enter the URL of the external page you want to link to.
  7. Enter the URL in the field. Make sure to include the necessary protocol (e.g., https://) for the link to work correctly.
  8. You can also specify if you want to open the link in a new tab or in the same tab by selecting the appropriate option from the "Open Link in New Tab" dropdown.
  9. Once you've entered the URL and set the open link option, you can now preview the page or publish the changes to see the link in action.

By following these steps, you can make only one work in your portfolio link to an external page in Webflow, allowing visitors to navigate to the specified URL when they click on that particular work.

Example
Here's an example of how this can look in Webflow:

  1. Select the image representing the work you want to link to an external page.
  2. Enable the "Link" option in the settings menu.
  3. Enter the URL (e.g., https://www.example.com) in the link field.
  4. Set the open link option to open in a new tab.
  5. Preview or publish the changes to see the link in action.

This will ensure that only the selected work links to the specified external page, while the other works in your portfolio will remain as internal links within your Webflow project.

Additional Questions:

  • Can I change the appearance of the link for the external page in Webflow?
  • How do I test the external link in Webflow to ensure it is working correctly?
  • Can I track the clicks on the external link in Webflow's analytics?