Skip to main content
All CollectionsPersonal websitesWebflow
Webflow: setting the canonical URL
Webflow: setting the canonical URL
Gregory Claeyssens avatar
Written by Gregory Claeyssens
Updated over 2 weeks ago

When publishing articles on multiple channels, the industry-recommended approach is to set the canonical URL on all secondary channels (read more about that here). Follow this short help article to learn how to set the canonical URL on Webflow:


Set your canonical URL

Step 1. Login to your Webflow account and open the Designer for your site.

Step 2. Go to CMS and click on the ⚙ gear icon for your blog posts collection.

Step 3. Scroll down to Collection Fields and add a new plain text field.

Step 4. Give it a label (Canonical URL for example). The other default settings can be left as is. Click Save Field.

Step 5. Scroll to the top of the page and click Save Collection.

Step 6. Head over to your Pages menu and click on the ⚙ gear icon next to your blog posts template.

Step 7. Scroll down until you reach Custom Code and enter following into the text box:

<link rel="canonical" href="

While placing your text cursor just after href=", click + Add Field and choose the field you just created.

Step 8. Then add "> to the end. The final result should look like this. Click Save.

Step 9. Publish your project for the new Webflow field to become active.

We are now ready in Webflow! Before we can start making use of this field, we need to match it to your Google AMP channel in StoryChief. If you are yet to enable Google AMP, visit here and click Enable.

Step 10. In StoryChief, from the dropdown menu, go to ChannelsWebflow and click Edit next to your existing destination.

Step 11. Find your Webflow field for the Canonical URL (on the left) and link it with Article Canonical url.

Step 12. Click on 'Update settings'.

🎉 And you are done!

Check out the next steps below for more in-depth guides or follow-up actions.


📚 Next steps

Did this answer your question?