Why is it that when I try to link to Instagram and Facebook on my Webflow page, it only opens my own site in a new tab?

Published on
September 22, 2023

When attempting to link to Instagram and Facebook on your Webflow page, it can be frustrating to find that instead of directing users to the respective social media platforms, your own site opens in a new tab. This issue can typically be attributed to incorrect URL formatting or missing target attributes in your link settings. Here are some steps to consider in order to resolve this problem:

  1. Get the correct URLs for your social media profiles: Before linking to your Instagram and Facebook accounts, ensure that you have the correct URLs for each. Visit each platform separately, log into your account, and copy the URL from your browser's address bar. This will guarantee that the links are pointing users to the correct destinations.

  2. Adjusting the link settings: To ensure that the link opens the desired page in a new tab, you need to add the appropriate target attribute to your link settings in Webflow. Follow these steps:

    • Select the element (e.g., button, text) that you want to link.
    • In the right sidebar, under the Settings tab, locate the Link section.
    • Add the correct URL that you obtained from your social media profiles.
    • Now, add the target attribute by clicking on the More Options button in the same Link section.
    • In the new modal that appears, select the Open in new tab option.
    • Save your changes.
  3. Testing the links: After making the adjustments, ensure that your links are working as expected. Preview your site or publish it to a live domain and test the links by clicking on them. They should open the corresponding Instagram or Facebook profile in a new tab, rather than directing users back to your own site.

By following these steps, you should be able to properly link to Instagram and Facebook on your Webflow page, ensuring that when clicked, they open the respective platforms in new tabs.

Additional Questions:

  1. How do I add a link to my Webflow website?
  2. Can I customize the appearance of the social media icons on my Webflow page?
  3. What are some best practices for optimizing my Webflow site for search engines?