Q. How do I embed my card on my website?

A. Embedding your Interactive Card allows visitors to interact with your AI assistant without leaving your website.

When your card is ready, your Ready Email includes a pre-built HTML iframe specifically for your card. Simply copy the code from the email and paste it into any page, post, or section of your website that accepts custom HTML.

For example:
<div style=”display:flex; justify-content:center; padding:30px 0;”>
<iframe
src=”https://ashbycard.com/your-card-url/”
width=”100%”
height=”720″
style=”max-width:420px; border:none; border-radius:12px; overflow:hidden;”
loading=”lazy”
title=”My Interactive Card”>
</iframe>
</div>

Replace the sample URL with your own card URL if you are creating the code manually. (Your Ready Email already contains the correct URL.)

Which websites support embedding?

Interactive Cards can be embedded into most websites and website builders that allow custom HTML, including:

• WordPress
• Wix
• Squarespace
• Google Sites
• Joomla
• Drupal
• HTML websites
• Most other website builders that support HTML embeds

What will visitors see?

Your Interactive Card will appear as a fully interactive widget on your website. Visitors can:

• View your contact information
• Visit your website and social media links
• Scan the QR code
• Add the card to their mobile home screen
• Ask questions using your AI assistant

If a visitor starts a conversation while your card is embedded, the chat will automatically open in a new browser tab, providing the best possible experience while keeping your website open.

Can I customize the size?

Yes. You may adjust the height or max-width values in the iframe code to better match your website’s design. The default settings are recommended for most websites and provide the best balance between appearance and usability.