Embedding your card on a WordPress site | businesscards.io

Embedding your card on a WordPress site

WordPress has two reasonable places to drop the embed snippet, depending on whether you want the button on one page or every page. No plugin needed for either approach.

Get the snippet first

  1. Sign in to businesscards.io.
  2. Open your card and click Get Embed Button.
  3. Pick a button style (inline, bottom-right, or bottom-left) and copy the snippet.

The full embed walkthrough is in embedding your card on an HTML website.

Option 1: one page, inline button

Use this when you want the button to appear inside a specific post or page (e.g. your About page) and nowhere else.

  1. Open the page in the WordPress editor.
  2. Click the + to add a block.
  3. Search for Custom HTML and add the block.
  4. Paste the embed snippet into the block.
  5. Save / Update the page.

The button appears exactly where you placed the block. You can preview the page to see it before publishing.

Option 2: every page, floating button

Use this if you want a button visible sitewide.

  1. In the WordPress admin, go to Appearance → Theme File Editor (sometimes called "Theme Editor").
  2. From the file list on the right, open footer.php for your active theme.
  3. Find the closing </body> tag near the bottom.
  4. Paste the embed snippet directly above the </body> tag.
  5. Click Update File.

The floating button now appears on every page of your site.

A note on safety

Editing theme files directly works, but the changes are tied to your theme. If you switch themes or your theme updates, your edit may be overwritten. The cleaner option is to use a child theme or a snippet plugin like WPCode or Code Snippets, both of which let you paste the embed once and have it persist across theme updates.

If you're on WordPress.com (not self-hosted)

WordPress.com restricts custom JavaScript on some plans. The inline Custom HTML block works on Business plans and above; on Free and Personal plans you may need to upgrade or switch to self-hosted WordPress to use the embed.

Want to learn more about this feature? QR codes →