Webflow sync, pageviews & more.
NEW
Answers

Is there a way to add anchor links to specific paragraphs in a blog post on Webflow without using ID's and creating sections?

Yes, you can add anchor links to specific paragraphs in a blog post on Webflow without using IDs and creating sections. Here's how you can achieve that:

1. Select the paragraph that you want to create an anchor link for.
2. Give the paragraph a unique class name by selecting it and adding a class in the Style panel. For example, you can give it a class name like "anchor-link-1".
3. Next, you'll need to add a custom code embed to create the anchor link functionality. Drag and drop a custom code embed element into your blog post where you want the anchor link navigation to appear.
4. Open the custom code embed settings by clicking on it and add the following code to the `` section:

```html

```

5. Still in the custom code embed settings, add the following code to the `` section:

```html

\`\`\`

6. Replace "#anchor-link-1" with the actual class name of the paragraph you want to link to.
7. Repeat steps 1-6 for other paragraphs you want to create anchor links for, making sure to update the class names and link titles in the custom code embed accordingly.

Now, when you preview or publish your blog post, the anchor links should appear as specified in the custom code embed. Clicking on the anchor links will scroll the page to the corresponding paragraphs. The hidden class and custom styles in the custom code embed ensure that the anchor links are hidden by default and only displayed when viewed on the website.

By following this method, you'll be able to create anchor links to specific paragraphs in your Webflow blog posts without having to use IDs and create sections.

Rate this answer

Other Webflow Questions