All Collections
Personal websites
Webflow
Webflow: setting the canonical URL
Webflow: setting the canonical URL
Gregory Claeyssens avatar
Written by Gregory Claeyssens
Updated over a week ago

When publishing stories 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="


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

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

Step 10. 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 11. In StoryChief, from the dropdown menu, go to ChannelsWebflow and click Edit next to your existing destination.

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

Step 13. 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?