{"id":645,"date":"2022-09-20T15:23:02","date_gmt":"2022-09-20T21:23:02","guid":{"rendered":"https:\/\/developers.wpengine.com\/blog\/?p=645"},"modified":"2023-04-19T08:48:12","modified_gmt":"2023-04-19T14:48:12","slug":"atlas-platform-features-deployment-previews-webhooks","status":"publish","type":"post","link":"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/","title":{"rendered":"Atlas Platform Features: Deployment Previews &#038; Webhooks"},"content":{"rendered":"\n<p>In this article, I will discuss the new Preview Environments and Webhook features in the <a href=\"https:\/\/wpengine.com\/atlas\/\">Atlas<\/a> platform.  If you are new to Headless WordPress and would like to start testing out Atlas, sign up for a free sandbox account <a href=\"https:\/\/wpengine.com\/atlas\/#atlasplans\">here<\/a>!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Modern Developer Workflow<\/h2>\n\n\n\n<p>Modern web developers using a git-based approach to development expect certain features and functionality on their hosting platforms, especially ones that support their CI\/CD (Continuous Integration and Continuous Delivery) workflows.  <\/p>\n\n\n\n<p>In the past, hosting platforms only allowed you to deploy sites to the same URL every time you pushed a change.  If you wanted to test changes before making them live on your production site, you had to manually create new sites or environments with new URLs to preview those changes. <\/p>\n\n\n\n<p>For example, in some workflows, you may have testing or staging branches tied to specific environments, and committing to those branches could help you automatically preview your changes before merging them into production. While you can still do this with Atlas environments, this Git flow strategy may be too rigid for some teams or conflict with other philosophies on repository management.<\/p>\n\n\n\n<p>Luckily, the Atlas platform has a solution for this issue that makes CI\/CD less tedious and more flexible to implement. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Deployment Previews<\/h2>\n\n\n\n<p>The Atlas team got me super stoked as we now have <a href=\"https:\/\/developers.wpengine.com\/docs\/atlas\/additional-guides\/preview-environments\">deployment previews!!<\/a> This allows you and your team to see changes on your site without having to deploy them to your production site and without having to create a dedicated testing branch or environment.  <\/p>\n\n\n\n<p>The value for the modern developer&#8217;s workflow is a less tedious, quicker way to enable better productivity.  As a developer, this helps you achieve constant collaboration and iteration for a quicker &#8220;ship more and ship fast flow.&#8221;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How Deployment Previews Work<\/h3>\n\n\n\n<p>Deployment previews work by deploying every pull request from your GitHub repository to a specific preview environment, with its own URL, logging, and tools, in relation to the feature branch you created.  This isolates each branch you make from your <code>main<\/code> production branch without having to manually spin up entirely new site environments!<\/p>\n\n\n\n<p>You and your team can view the unique URL to see how these changes look before they are merged into production and deployed.<\/p>\n\n\n\n<p>In order to enhance the workflow even more you can access information about the Atlas preview environment in two places:  the GitHub UI and the Atlas Platform UI:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-07-at-4.42.17-PM-1024x575.png\" alt=\"\" class=\"wp-image-646\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-07-at-4.45.12-PM-1024x452.png\" alt=\"\" class=\"wp-image-647\"\/><\/figure>\n\n\n\n<p>You can link back and forth between UI&#8217;s conveniently as well.  <\/p>\n\n\n\n<p>As you iterate and develop your site, you can continuously push multiple changes, checkout multiple branches, and share these URLs for collaboration and feedback, in turn exponentially increasing overall developer and team productivity.  Under the hood, Atlas keeps up with your feature branch changes, builds the environment, and provides the unique URL! \u26a1<\/p>\n\n\n\n<p>Please visit the preview environment <a href=\"https:\/\/developers.wpengine.com\/docs\/atlas\/additional-guides\/preview-environments\">docs<\/a> for a step-by-step guide on usage.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Deployment Previews FAQs<\/h3>\n\n\n\n<h5 class=\"wp-block-heading\">I Don&#8217;t See Deployment Previews Anywhere in the Atlas Platform<\/h5>\n\n\n\n<p>The deployment previews feature needs to be enabled on a per-environment basis, which means if you want to preview PRs submitted against your main or production branch, <a href=\"https:\/\/developers.wpengine.com\/docs\/atlas\/additional-guides\/preview-environments#enable-the--preview-environments--feature\">the setting needs to be enabled for that Atlas environment<\/a>. <\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Do Deployment Previews Count Towards My Resources?<\/h5>\n\n\n\n<p>No, any deployment previews that you create do not count towards your plan entitlements. <\/p>\n\n\n\n<h5 class=\"wp-block-heading\">What Happens if I Make Additional Commits to a PR?<\/h5>\n\n\n\n<p>If you continue to make commits to a feature branch with an open PR, Atlas will detect those changes and rebuild your deployment preview.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">How Do I Delete a Deployment Preview?<\/h5>\n\n\n\n<p>The main mechanism for managing preview environments is the PR lifecycle. If you close a PR or merge it into its target branch, those actions will automatically delete the deployment preview associated with the PR. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Atlas Environment Rebuild Webhooks<\/h2>\n\n\n\n<p>The modern git-based workflow gets me JAMstoked because it enables quick continuous streamlined workflows with all things expected to be connected once things are spun up and pushed into your repository.<\/p>\n\n\n\n<p>Often times though, there are teams of content creators or other technical\/non-technical stakeholders who are not immersed in the git-based flow but still need a way to push changes from the WordPress CMS to the front-end of their headless site. For example, if a site is using SSG, a content editor may want to rebuild a particular post or page whenever they update the resource in WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What is a Webhook?<\/h3>\n\n\n\n<p>This is where webhooks come into the workflow.  A webhook is an HTTP-based callback function that allows lightweight, event-driven communication between two&nbsp;APIs. <\/p>\n\n\n\n<p>In this case, the WP Engine Atlas platform features webhooks that allow users to trigger an environment rebuild from an event created by WordPress. (e.g. updating, deleting, adding posts)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Configuring Builds with Atlas Webhooks <\/h2>\n\n\n\n<p>The Atlas platform makes it really easy to generate a webhook to rebuild your environment via WordPress events.  <\/p>\n\n\n\n<p><strong>Step 1:<\/strong> Go into your Atlas account and on to the Atlas accounts home page.  Click on any app environment you choose:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-17-at-12.17.07-PM-1024x448.png\" alt=\"\" class=\"wp-image-659\"\/><\/figure>\n\n\n\n<p><strong>Step 2: <\/strong> Once you choose an app environment and click on it, you will be taken to an environment settings page.  Click on the <code>Settings<\/code> link:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-20-at-10.21.01-AM-1024x580.png\" alt=\"\" class=\"wp-image-679\"\/><\/figure>\n\n\n\n<p><strong>Step 3:  <\/strong>Clicking on the Settings link takes you to the Settings page.  In the lower half of the page, you will see an <code>Environment webhook<\/code> pane.  Click the <code>Create a webhook<\/code> button:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-17-at-12.25.30-PM-1024x519.png\" alt=\"\" class=\"wp-image-661\"\/><\/figure>\n\n\n\n<p>Once you click that, an endpoint will be generated like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-17-at-12.29.54-PM-1024x519.png\" alt=\"\" class=\"wp-image-662\"\/><\/figure>\n\n\n\n<p>Copy that endpoint URL because we are going to need it for our WordPress backend.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Embed the Webhook in WordPress<\/h3>\n\n\n\n<p>Now that your webhook is created on the Atlas platform, go into your WP Admin.  From here, you can select a plugin that will help trigger your Atlas webhook based on an action you do in WordPress, such as adding a new post for example.  <\/p>\n\n\n\n<p>You can use any plugin you like and we have some other suggestions in our docs, but in this example, I will use <a href=\"https:\/\/wordpress.org\/plugins\/wp-webhooks\/\">WP Webhooks<\/a>.  <\/p>\n\n\n\n<p>Go to the side menu of your WP Admin and hit <code>Plugins &gt; Add New<\/code> and search for WP Webhooks.  It should be the first one you see:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-17-at-12.41.10-PM-1024x519.png\" alt=\"\" class=\"wp-image-663\"\/><\/figure>\n\n\n\n<p>Once you install and activate the plugin, it will give you an option on the menu under <code>Settings<\/code>.  Click on WP Webhooks there:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-17-at-12.41.47-PM-1024x515.png\" alt=\"\" class=\"wp-image-664\"\/><\/figure>\n\n\n\n<p>This will bring you to the WP Webhooks main page.  In this case, we want to send data via a <code>POST<\/code> request to the Atlas platform when the webhook is triggered, so click on the <code>Send Data<\/code> option at the top: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-17-at-12.43.06-PM-1024x510.png\" alt=\"\" class=\"wp-image-665\"\/><\/figure>\n\n\n\n<p>Next, you will have options on what actions you want to associate with your webhook trigger.  Let&#8217;s use <code>Post updated<\/code>.  Once you choose the action, click on <code>Add Webhook URL<\/code>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-19-at-8.03.48-AM-1024x514.png\" alt=\"\" class=\"wp-image-666\"\/><\/figure>\n\n\n\n<p>When you select those options, you will see a modal pop-up that will ask you to name your webhook and embed the webhook you created from Atlas:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-17-at-12.43.59-PM-1024x483.png\" alt=\"\" class=\"wp-image-667\"\/><\/figure>\n\n\n\n<p>And done!!! The next thing to do is go and create a new post.  When you hit publish on that post, you can go to your Atlas account in WP Engine and see that a build was triggered due to the action in your WordPress backend!! Stoked! \ud83c\udf89<\/p>\n\n\n\n<p>This feature here allows the modern web teams the ability to update data without having to touch code or jump into a command line.<\/p>\n\n\n\n<p>Please reference the <a href=\"https:\/\/developers.wpengine.com\/docs\/atlas\/customization\/builds#rebuild-an-environment-via-webhook\">docs<\/a> as well for webhooks.  <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Stay Tuned, more Atlas features to come&#8230;<\/h2>\n\n\n\n<p>These two features are table stakes that modern jamstack\/decoupled hosting platforms should have.  The addition of these features to the Atlas platform will improve your modern web dev workflow across all your teams and stakeholders.<\/p>\n\n\n\n<p>Stay tuned for more Atlas features to come!  As always let us know your feedback, thoughts, and ideas in <a href=\"https:\/\/discord.com\/invite\/J2khkF9XYK\">Discord<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, I will discuss the new Preview Environments and Webhook features in the Atlas platform. If you are new to Headless WordPress and would like to start testing [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"categories":[23],"tags":[],"class_list":["post-645","post","type-post","status-publish","format-standard","hentry","category-headless"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Atlas Platform Features: Deployment Previews &amp; Webhooks - Builders<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Atlas Platform Features: Deployment Previews &amp; Webhooks - Builders\" \/>\n<meta property=\"og:description\" content=\"In this article, I will discuss the new Preview Environments and Webhook features in the Atlas platform. If you are new to Headless WordPress and would like to start testing [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/\" \/>\n<meta property=\"og:site_name\" content=\"Builders\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-20T21:23:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-19T14:48:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-07-at-4.42.17-PM-1024x575.png\" \/>\n<meta name=\"author\" content=\"Francis Agulto\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wpebuilders\" \/>\n<meta name=\"twitter:site\" content=\"@wpebuilders\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Francis Agulto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/atlas-platform-features-deployment-previews-webhooks\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/atlas-platform-features-deployment-previews-webhooks\\\/\"},\"author\":{\"name\":\"Francis Agulto\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/person\\\/bcdcb4ac0b215c34b6b30e440a24dc54\"},\"headline\":\"Atlas Platform Features: Deployment Previews &#038; Webhooks\",\"datePublished\":\"2022-09-20T21:23:02+00:00\",\"dateModified\":\"2023-04-19T14:48:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/atlas-platform-features-deployment-previews-webhooks\\\/\"},\"wordCount\":1266,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/atlas-platform-features-deployment-previews-webhooks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/Screen-Shot-2022-09-07-at-4.42.17-PM-1024x575.png\",\"articleSection\":[\"Headless\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wpengine.com\\\/builders\\\/atlas-platform-features-deployment-previews-webhooks\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/atlas-platform-features-deployment-previews-webhooks\\\/\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/atlas-platform-features-deployment-previews-webhooks\\\/\",\"name\":\"Atlas Platform Features: Deployment Previews & Webhooks - Builders\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/atlas-platform-features-deployment-previews-webhooks\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/atlas-platform-features-deployment-previews-webhooks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/Screen-Shot-2022-09-07-at-4.42.17-PM-1024x575.png\",\"datePublished\":\"2022-09-20T21:23:02+00:00\",\"dateModified\":\"2023-04-19T14:48:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/atlas-platform-features-deployment-previews-webhooks\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpengine.com\\\/builders\\\/atlas-platform-features-deployment-previews-webhooks\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/atlas-platform-features-deployment-previews-webhooks\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/Screen-Shot-2022-09-07-at-4.42.17-PM-1024x575.png\",\"contentUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/Screen-Shot-2022-09-07-at-4.42.17-PM-1024x575.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/atlas-platform-features-deployment-previews-webhooks\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Atlas Platform Features: Deployment Previews &#038; Webhooks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#website\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\",\"name\":\"Builders\",\"description\":\"Reimagining the way we build with WordPress.\",\"publisher\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#organization\",\"name\":\"WP Engine\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/WP-Engine-Horizontal@2x.png\",\"contentUrl\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/WP-Engine-Horizontal@2x.png\",\"width\":348,\"height\":68,\"caption\":\"WP Engine\"},\"image\":{\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/wpebuilders\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCh1WuL54XFb9ZI6m6goFv1g\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/#\\\/schema\\\/person\\\/bcdcb4ac0b215c34b6b30e440a24dc54\",\"name\":\"Francis Agulto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c8a05c76944fc987d57296c96dc368055844527088c0aa44297edbfa8b82546?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c8a05c76944fc987d57296c96dc368055844527088c0aa44297edbfa8b82546?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c8a05c76944fc987d57296c96dc368055844527088c0aa44297edbfa8b82546?s=96&d=mm&r=g\",\"caption\":\"Francis Agulto\"},\"description\":\"Fran Agulto is a Developer Advocate at WP Engine. He is a lover of all things headless WordPress, Rock Climbing, and overall being stoked for people that love what they do and share that stoke with others! Follow me on Twitter for cool stoked headless WP!\",\"url\":\"https:\\\/\\\/wpengine.com\\\/builders\\\/author\\\/francis-agultowpengine-com-2-2-2-2-2-2-2-2-2-2-2-2\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Atlas Platform Features: Deployment Previews & Webhooks - Builders","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/","og_locale":"en_US","og_type":"article","og_title":"Atlas Platform Features: Deployment Previews & Webhooks - Builders","og_description":"In this article, I will discuss the new Preview Environments and Webhook features in the Atlas platform. If you are new to Headless WordPress and would like to start testing [&hellip;]","og_url":"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/","og_site_name":"Builders","article_published_time":"2022-09-20T21:23:02+00:00","article_modified_time":"2023-04-19T14:48:12+00:00","og_image":[{"url":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-07-at-4.42.17-PM-1024x575.png","type":"","width":"","height":""}],"author":"Francis Agulto","twitter_card":"summary_large_image","twitter_creator":"@wpebuilders","twitter_site":"@wpebuilders","twitter_misc":{"Written by":"Francis Agulto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/#article","isPartOf":{"@id":"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/"},"author":{"name":"Francis Agulto","@id":"https:\/\/wpengine.com\/builders\/#\/schema\/person\/bcdcb4ac0b215c34b6b30e440a24dc54"},"headline":"Atlas Platform Features: Deployment Previews &#038; Webhooks","datePublished":"2022-09-20T21:23:02+00:00","dateModified":"2023-04-19T14:48:12+00:00","mainEntityOfPage":{"@id":"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/"},"wordCount":1266,"commentCount":0,"publisher":{"@id":"https:\/\/wpengine.com\/builders\/#organization"},"image":{"@id":"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/#primaryimage"},"thumbnailUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-07-at-4.42.17-PM-1024x575.png","articleSection":["Headless"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/","url":"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/","name":"Atlas Platform Features: Deployment Previews & Webhooks - Builders","isPartOf":{"@id":"https:\/\/wpengine.com\/builders\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/#primaryimage"},"image":{"@id":"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/#primaryimage"},"thumbnailUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-07-at-4.42.17-PM-1024x575.png","datePublished":"2022-09-20T21:23:02+00:00","dateModified":"2023-04-19T14:48:12+00:00","breadcrumb":{"@id":"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/#primaryimage","url":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-07-at-4.42.17-PM-1024x575.png","contentUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2022\/09\/Screen-Shot-2022-09-07-at-4.42.17-PM-1024x575.png"},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/builders\/atlas-platform-features-deployment-previews-webhooks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/builders\/"},{"@type":"ListItem","position":2,"name":"Atlas Platform Features: Deployment Previews &#038; Webhooks"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/builders\/#website","url":"https:\/\/wpengine.com\/builders\/","name":"Builders","description":"Reimagining the way we build with WordPress.","publisher":{"@id":"https:\/\/wpengine.com\/builders\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/builders\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wpengine.com\/builders\/#organization","name":"WP Engine","url":"https:\/\/wpengine.com\/builders\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/builders\/#\/schema\/logo\/image\/","url":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2024\/05\/WP-Engine-Horizontal@2x.png","contentUrl":"https:\/\/wpengine.com\/builders\/wp-content\/uploads\/2024\/05\/WP-Engine-Horizontal@2x.png","width":348,"height":68,"caption":"WP Engine"},"image":{"@id":"https:\/\/wpengine.com\/builders\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/wpebuilders","https:\/\/www.youtube.com\/channel\/UCh1WuL54XFb9ZI6m6goFv1g"]},{"@type":"Person","@id":"https:\/\/wpengine.com\/builders\/#\/schema\/person\/bcdcb4ac0b215c34b6b30e440a24dc54","name":"Francis Agulto","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/0c8a05c76944fc987d57296c96dc368055844527088c0aa44297edbfa8b82546?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0c8a05c76944fc987d57296c96dc368055844527088c0aa44297edbfa8b82546?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c8a05c76944fc987d57296c96dc368055844527088c0aa44297edbfa8b82546?s=96&d=mm&r=g","caption":"Francis Agulto"},"description":"Fran Agulto is a Developer Advocate at WP Engine. He is a lover of all things headless WordPress, Rock Climbing, and overall being stoked for people that love what they do and share that stoke with others! Follow me on Twitter for cool stoked headless WP!","url":"https:\/\/wpengine.com\/builders\/author\/francis-agultowpengine-com-2-2-2-2-2-2-2-2-2-2-2-2\/"}]}},"_links":{"self":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/posts\/645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/comments?post=645"}],"version-history":[{"count":0,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/posts\/645\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/media?parent=645"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/categories?post=645"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpengine.com\/builders\/wp-json\/wp\/v2\/tags?post=645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}