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.
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 Channels ➜ Webflow 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.