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

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

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:

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.
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.
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:

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

What could be causing the issue with the form submit buttons in Webflow?

Has anyone successfully integrated Airtable, Integromat, and Webflow to ensure that when a file attachment is deleted in Airtable, it also gets removed in Webflow?

What could be causing the checkbox to be checked when the label is clicked but not the box in Webflow?

How do I link products from a list in Webflow to their respective detail page?

Is there a free alternative to automate email sending through Webflow without using Mailchimp and Zapier?

Can you add Filter or Sorting options to collection lists on Webflow?

Why is the input field not appearing in the submissions on Webflow?

Why am I getting an error when trying to add a lottie animation to my json file in Webflow?

Can I transfer my CMS plan from one website to another on Webflow?

Can I create a search bar with multiple options connected to the CMS in Webflow, similar to https://www.trulia.com? Can I integrate a membership system where members pay a subscription fee to publish their ads with contact forms and email notifications in Webflow?