Skip to content
Swytchcode logo Swytchcode logo Swytchcode Docs

Best placement for CTA

Embed a Swytchcode call-to-action anywhere in your documentation so developers can test endpoints or chat with our AI Solutions Engineer.

1. Buttons

Use these ready-made badges:

Try it Instantly – Swytchcode

Talk to AI Solutions Engineer – Swytchcode

Code

[![Try it Instantly – Swytchcode](https://badgers.space/badge/Try%20it%20Instantly/Swytchcode/orange?scale=1)](https://<SUBDOMAIN.swytchcode.ai>)


[![Talk to AI Solutions Engineer – Swytchcode](https://badgers.space/badge/Talk%20to%20AI%20Solutions%20Engineer/Swytchcode/orange?scale=1)](https://<SUBDOMAIN.swytchcode.ai>)

2. As an embedded iframe

You can directly embed it inside your docs like this

<div style="max-width:700px;margin:0 auto;">
  <iframe src="https://playground.swytchcode.ai" title="Swytchcode AI solutions engineer" style="width:100%;height:600px;border-radius:12px;"></iframe>
</div>

Some documentation tools like Mintlify doesn’t support the styling and div elements. You will just have to add the basic iframe element like <iframe src="https://subdomain.swytchcode.ai" title="Swytchcode AI solutions engineer"></iframe>

Place one or both badges where developers are most likely to take action:

  • After Installation / Before First Code Block – right after “Setup complete, start coding.”
  • Authentication Guide – invite users to test tokens and flows.
  • Error Pages / Troubleshooting – offer instant help when something breaks.
  • API Reference Sidebars – next to each endpoint or “Getting Started” section.
  • As a floating button - bottom right corner

4. Suggested Descriptions

Use a short line above or below the badge:

  • “Spin up live API calls—no extra setup.”
  • “Need a quick example? Try it instantly with Swytchcode.”
  • “Chat with our AI Solutions Engineer for workflow guidance.”
  • “Run real requests right from the docs.”