Step Types

Coast templates are designed to create a compelling narrative around your API demo. Templates are composed of a series of steps that guide your audience through the key features and benefits of your API.

Divider

Use Dividers as a narrative tool to guide your users through your demo with a full-screen break. You can just stick with text, or import custom photos, JSX, or even an iFrame. On Dividers, you can provide links to external resources directly by hitting the + Add New Link, button while in Edit mode. Use these links to point prospects to your API documentation, contact information, or even customer success stories.

Technical Steps

Bring your API documentation to life with Coast’s Technical Steps. Technical Steps are your chance to highlight your API’s functionalities by providing interactive visual accompaniments for your cURL requests, JSON responses, iFrames and Webhooks.

Technical steps are comprised of a series of configurable tabs. Coast’s current library of tabs includes:

  • Request
  • Response
  • Processing
  • iFrame
  • Webhook
  • Live Monitor
  • Design

Learn the specific functionalities of in the Tab Types section.

The following showcases how tabs in the builder map to the tabs on live demo links:

A step might include a Request tab, a Processing tab, and a Response tab, but you can add additional tabs to further customize the demo and showcase the full potential of your API. This flexible structure allows you to create demos that are tailored to your audience's needs and preferences, making it easier to communicate the value of your product.