All Collections
Personal websites
Webflow: Enabling Google AMP
Webflow: Enabling Google AMP

Provide your mobile readers a lightning-fast version of your stories

Gregory Claeyssens avatar
Written by Gregory Claeyssens
Updated over a week ago

Cut your content process in half. StoryChief is a robust tool that gives your Webflow setup more power when collaborating on articles and distributing those to different publishing channels, including AMP, with one click. Perfect your SEO score and boost your article’s readability factor by our in-app SEO tool. Don’t forget to measure your stats after hitting ‘publish’! Measure actual reads, time spent in articles, views, and clicks of your content across all the channels you publish to and share it with your colleagues.

StoryChief can automatically create Google AMP versions of your stories, and because of our integration with Webflow, adding this functionality to your site has never been easier. Follow this short help article to learn how:

Enable Google AMP

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 (AMP 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="amphtml" 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 AMP (on the left) and link it with Story -> AMP url

Step 13. Click on Update settings.

🎉 And you are done! Make sure to enable the Google AMP channel in the Audience tab of the editor when publishing.

📚 Next steps

Did this answer your question?