Configure Gatsby Cloud Preview Domain in Agility CMS

Previewing content prior to publishing is crucial for Editors. We can set up and configure Previews to work with Gatsby Cloud so editors can preview content as their making edits within Agility CMS.

To set up Preview, we'll need to get the Preview Webhook URL & the Preview URL from your Gatsby Cloud account to set them up within Agility CMS.

Set up Preview URL

In your Gatsby Cloud account, click on CMS Preview to retrieve the Preview URL.

Screen_Shot_2020-10-01_at_5.25.19_PM.png

In your Agility CMS Manager, head to Settings > Sitemaps, then click Setup Deployment.

Screen_Shot_2021-03-11_at_12.57.25_PM.png

Add a Name and Domain URL using your Gatsby cloud Preview URL. Make sure you set it as your Preview Domain and click save.

Screen_Shot_2020-11-03_at_12.13.42_PM.png

Set up Preview Webhook URL

In your Gatsby Cloud account, head to the Webhooks section of your Site Settings and scroll down till you find your Preview Webhook.

Screen_Shot_2020-10-01_at_5.08.17_PM.png

Copy this your Preview Webhook and jump into your Agility CMS Manager. Head to Settings > Webhooks and add a new Webhook.

Paste in your Preview Webhook URL as the URL, uncheck Receive Content Publish Events, and check Receive Content Save Events.

Screen_Shot_2020-10-01_at_5.15.29_PM.png

Test your Preview Enviornment

To test if your preview is configured correctly, head to any page and click on the Preview Button. A new tab should open up with your Gatsby site in a Preview Enviornment. Editors can now preview content prior to publishing.

Screen_Shot_2020-10-01_at_5.39.48_PM.png

 

1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.