You can add your BusinessCards.io embed script to WordPress using the Custom HTML block or by adding it to your theme.
🎨 Customize Your Button
Go to businessCards.io.
Log into your account.
Open the business card you would like to embed on your site.
Click Get Embed Button on your card page.
Customize:
Background Color
Text Color
Button Text (leave blank to use just the icon)
Button Position (Inline, Bottom Right, Bottom Left)
🛠️ Add the Code to WordPress
Option 1: Inline Button
If you chose **Inline** positioning:
1. Go to your WordPress dashboard.
2. Edit the post or page where you want the button.
3. Add a Custom HTML block.
4. Paste your embed code inside.
<script src="https://businesscards.io/js/businesscard_embed.js"
data-card-slug="your-card-slug"
data-button-color="#4F46E5"
data-button-text-color="#FFFFFF"
data-button-text="View Business Card"
data-button-position="inline">
</script>
Option 2: Floating Button (Bottom Right or Bottom Left)
Go to Appearance > Theme File Editor.
Open footer.php.
Paste your embed code before the closing </body> tag:
<script src="https://businesscards.io/js/businesscard_embed.js"
data-card-slug="your-card-slug"
data-button-color="#4F46E5"
data-button-text-color="#FFFFFF"
data-button-text="View Business Card"
data-button-position="bottom-right">
</script>
✅ The button will now appear on every page where your footer is loaded.
✅ That’s it!
The embed button will now appear on your site and open your card in a sleek popup when clicked.