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:
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.
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 Channels ➜ Webflow and click Edit next to your existing destination.
Step 11. Find your Webflow field for AMP (on the left) and link it with Story -> AMP url.
Step 12. 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.