Alphadoc Embeds

Embed interactive components in your developer onboarding

Easily embed our JS components into your stack, docs, website or application. Deliver great demos and developer onboarding.

Customizable

Keep up-to-date automatically

Search indexable

Alphadoc Embeds

Embed interactive components in your developer onboarding

Easily embed our JS components into your stack, docs, website or application. Deliver great demos and developer onboarding.

Customizable

Keep up-to-date automatically

Search indexable

Alphadoc Embeds

Embed interactive components in your developer onboarding

Easily embed our JS components into your stack, docs, website or application. Deliver great demos and developer onboarding.

Customizable

Keep up-to-date automatically

Search indexable

<html> 
  <head> 
    <script src="http://localhost:3002/code-walkthrough/wc.js" defer="defer"></script> 
    <link href="http://localhost:3002/code-walkthrough/styles.css" rel="stylesheet" /> 
  </head>
  <body> 
    <code-walkthrough 
        block-id="XXX" 
        project-version-id="XXX" 
        theme="dark" 
        offset-from-top="48" 
        vertical-padding="32" >
     </code-walkthrough> 
  </body> 
  <html></html> 
</html>

Alphadoc Embeds

<html> 
  <head> 
    <script src="https://app.alphadoc.io/api-endpoint/wc.js" defer="defer"></script> 
    <link href="https://app.alphadoc.io/api-endpoint/styles.css" rel="stylesheet" /> 
  </head>
  <body> 
    <api-endpoint  
        block-id="XXX" 
        project-version-id="XXX" 
        theme="dark" 
        offset-from-top="48" 
        vertical-padding="32" >
     </api-endpoint> 
  </body> 
  <html></html> 
</html>

Generate Embed

Alphadoc's embeds really help us explain our SDKs to onboarding developers. They fit perfectly in our docs and they're easier to follow than our old code samples.

Chad Gosier

Senior Technical Writer, Customer.io

Alphadoc's embeds really help us explain our SDKs to onboarding developers. They fit perfectly in our docs and they're easier to follow than our old code samples.

Chad Gosier

Senior Technical Writer, Customer.io

How it works

Create your embeddings in seconds

How it works

Create your embeddings in seconds

<head> 
  <script src="https://app.alphadoc.io/code-walkthrough/wc.js" defer="defer"></script> 
  <link href="https://app.alphadoc.io/code-walkthrough/styles.css" rel="stylesheet" /> 
</head>
<body> 
  <api-endpoint
        block-id="XXX" 
        project-version-id="XXX" 
        theme="dark" 
        offset-from-top="48" 
        vertical-padding="32" >
     </code-walkthrough> 
  </body> 
  <html></html> 
</html>

POST

Create Transaction

/{accountId}/transac…

GET

Get Account Details

/accounts/{accountId}

Create and Configure

Generate Embedding

Generate ready-to-use JS embed scripts in one click.

Paste and Build

Always up to date

GET

Transaction Details

/transactions/{transact…

POST

Create Transaction

/{accountId}/transac…

GET

Get Account Details

/accounts/{accountId}

Create and Configure

Create and Configure your component, be it Code Walkthroughs, API Endpoints, or Tutorials.

Generate Embedding
Paste and Build
Always up to date

GET

Transaction Details

/transactions/{transact…

POST

Create Transaction

/{accountId}/transac…

GET

Get Account Details

/accounts/{accountId}

Create and Configure

Create and Configure your component, be it Code Walkthroughs, API Endpoints, or Tutorials.

Generate Embedding
Paste and Build
Always up to date

GET

Transaction Details

/transactions/{transact…

POST

Create Transaction

/{accountId}/transac…

GET

Get Account Details

/accounts/{accountId}

Create and Configure

Create and Configure your component, be it Code Walkthroughs, API Endpoints, or Tutorials.

Generate Embedding
Paste and Build
Always up to date

What you can create

Create the narrative for your API or devtool

What you can create

Create the narrative for your API or devtool

Beautiful and Visual APIs

Diagrams that illustrate the integration flow or data relationships

Explain your code step by step

Step by step code walkthrough. Use them to onboard developers on sample applications and SDKs

Beautiful and interactive APIs

API endpoints or the full reference where users can tryout API calls. Automatically updates when you release a new version

Power your developer onboarding and go-to-market

Start powering your go to market with Alphadoc Embeds

Sign up now!

No credit card needed and we offer a free-forever plan

Get email support

Request features, report issues, and ask our team any question

Get slack support

Direct support from the Alphadoc team in a shared Slack Connect channel between your organization and our team

Talk to sales

Discuss how we can help your organization reduce support and close more deals

Email sales@alphadoc.io or book a meeting

© Alphadoc BV 2024, All Rights Reserved

© Alphadoc BV 2024, All Rights Reserved