Automatically Add an Arrow Icon to Every External Link

There is an easy way to automatically add an icon to every external link in your Webflow project with a few lines of custom code. Whenever you check “open in a new tab” on a link element, an arrow symbol is added to it.

In addition, I'll show you how you can add an arrow icon to internal links with just one CSS class, which is always attached to the last word. And regardless of whether it's a headline or paragraph, the icon always adapts to the size of the lettering.