Embed

Depending on your company's plan with Coast, it is possible you may not have access to the Embed feature. Book some time here to discuss your plan's offerings.

Coast's Embed feature enables you to insert your Coast demo directly on your website, via an iFrame. With an embedded Coast demo, you can offer a public-facing, interactive and personalized demo of your API. Collect data from interested customers and deliver instantly personalized demos, boosting your lead generation process.

Click on + Add New to create your first embedded demo. Once a template has been published, it will appear in the dropdown list in the embed demo creation.

You can also customize the title, sub-title and define the inputs you wish to collect. You may also blacklist specific email and company domains. Once you have configured the demo to your preferences, click on the Create button.

The following is an example input form for an embedded demo, which could sit directly on your website.

To grab the necessary iFrame code to embed your website, simply click Copy Embed Code button in the bottom right corner. Now, the relevant code has been copied to your clipboard and should resemble the following:

Embedded Demo Code Example

<iframe
  style="border: 1px solid rgba(0, 0, 0, 0.1);"
  width="800"
  height="450"
  src="https://piedpiper.coastdemo.com/embed/646d49249c3728c242df0e52"
></iframe>

Accessing Submission Data

Any user-input from the demo creation is stored to the Local Database under this.db.instance.submission.inputs['INSERT_CUSTOM_FIELD_LABEL']

For example, if your demo widget collects the demo-creator's first name, this data is stored at this.db.instance.submission.inputs.firstName