Cloneables

Add Arrow to External Links Sitewide

Automatically add an outgoing arrow to all outbound links on your site. This is a custom CSS code solution that will need to be embeded into your project. The arrow icon can be replaced with an SVG image in the CSS code. Simply adjust the styling in the CSS…

add-arrow-icon-to-links.webflow.io
Add Arrow to External Links Sitewide live demo on a desktop screen
Add Arrow to External Links Sitewide live demo on a phone
Screenshot of the live demo, Oct 20, 2026 Open live demo

The "Add Arrow to External Links Sitewide" Webflow cloneable is a great way to add a visual indicator to external links on your website, helping to alert users that they will be navigating away from your site when they click on the link. This cloneable uses custom CSS code to automatically add an outgoing arrow icon to all outbound links on your site. The arrow icon can be easily replaced with an SVG image in the CSS code, and the styling can be adjusted to fit your site's design. This cloneable is a useful solution for helping to improve the user experience on your website, and is easy to implement with just a few simple steps.

Browse similar cloneables

Categories

More from Jonas Arleth

Profile →

Related Webflow questions

All answers →

Similar cloneables

All cloneables →