Webflow sync, pageviews & more.
NEW

How can I create a link like the one in this Webflow template, specifically around the "rejoins notre communauté"?

TL;DR
  • Add a Paragraph or Rich Text element, highlight the desired text, and use the link icon to create a hyperlink.
  • Apply custom styling with a class, adjust for responsiveness across breakpoints, and optionally add hover or entrance animations using interactions.

You're referring to a text link styled within a sentence—like “Rejoins notre communauté”—often used as a call-to-action embedded in paragraph copy. Webflow makes this possible with a few simple steps.

1. Add a Rich Text or Paragraph Element

  • Drag a Paragraph or Rich Text element onto your canvas where you want the text.
  • If you're using dynamic content (like a CMS), use a Rich Text field in Collection Lists or CMS Templates.
  • Select the portion of text (e.g., “rejoins notre communauté”) that you want to turn into a link.
  • Click the link icon in the text editing toolbar that appears.
  • Paste the URL or choose a Page link, Section link, or Email link as needed.
  • While the link is selected, go to the Selector field in the Style panel.
  • Create a class name like inline-link to apply custom styles.
  • Customize typography, color, underline, hover interactions, etc., just like any other text element.
  • If you want smooth underline animations or custom hover effects like in the template, use transitions (e.g., underline grows on hover) via CSS in Webflow.

4. Make It Responsive

  • Preview across breakpoints to ensure the link aligns well in desktop, tablet, and mobile layouts.
  • Adjust font size or padding if necessary per breakpoint.

5. Optional: Use an Interaction

  • If the template has an animated underline or entrance effect:
  • Add a text span to the link.
  • Use Webflow’s Interactions panel to animate opacity, underline width, or color on hover.

Summary

To create a link like “rejoins notre communauté,” add a Paragraph or Rich Text block, hyperlink the specific words, and apply custom styling and interactions. Use text spans and hover effects if mimicking fancier templates.

Rate this answer

Other Webflow Questions