If you have a personal site, a portfolio, or any HTML page, you can embed a "View my card" button that opens your businesscards.io card in a side panel. The snippet is a few lines of HTML and it works on any framework or static site.
Where to get the snippet
- Sign in to businesscards.io.
- Open the card you want to embed.
- Click Get Embed Button.
- You'll see three button placement options and the corresponding HTML snippet for each.
The three placement options
Inline button
Place the snippet wherever you want the button to appear in your page. The button shows up exactly where you put the snippet, in the flow of your content. Good for a "Connect with me" call-to-action inside a bio or about page.
<script src="https://businesscards.io/embed.js"
data-slug="your-card-slug"
data-style="inline">
</script>
Floating bottom-right
The button floats in the bottom-right corner of every page it's on. It stays visible as the visitor scrolls. Good for a sitewide "always available" entry point.
<script src="https://businesscards.io/embed.js"
data-slug="your-card-slug"
data-style="bottom-right">
</script>
Floating bottom-left
Same as bottom-right but on the left. Use this if you have a chat widget already in the bottom-right.
<script src="https://businesscards.io/embed.js"
data-slug="your-card-slug"
data-style="bottom-left">
</script>
Customizing the button
The embed page lets you tweak the button text, color, and icon before copying the snippet. Whatever you pick gets baked into the data- attributes in the snippet, so the button on your page matches your preview.
Where to put the snippet
Paste it right before the closing </body> tag on your page. For sitewide buttons, put it in your template or layout file so it appears on every page.
What visitors see
When a visitor clicks the button, your card opens in a side panel without leaving your page. They can save your contact, send their info back, or close the panel and keep browsing. No popups, no redirects.