Button Card Template

Send rich, interactive DM cards with cover images, titles, and tappable buttons that drive action.

What Is the Button Card Template?

The Button Card template sends a visually rich message in Instagram DMs. Instead of plain text, the user sees a card with:

• An optional cover image at the top
• A title (bold headline)
• An optional subtitle (description text)
• Up to 3 tappable buttons

This is the most engaging DM format for driving clicks, signups, and conversions. Buttons are impossible to miss — they sit right below the card and users just tap to take action.

How It Looks in Instagram DMs

Here's what each card layout looks like when received in a DM conversation:

Card Layouts

InstantDM automatically picks the best card layout based on what you provide:

How to Create a Button Card

1. Open your post automation panel (click Automate on any post).
2. In the DM Reply section, select Button as the reply type.
3. Cover Image (optional): Upload an image or paste a publicly accessible URL. Recommended size: 1200×628px (1.91:1 ratio). Supported formats: JPG, PNG, WebP.
4. Title: Enter the card headline. Keep it short and action-oriented (e.g., "🎁 Your Free Guide Is Ready").
5. Subtitle (optional): Add a description below the title. Use this for context or a brief pitch.
6. Buttons: Add 1–3 buttons (see button types below).
7. Click Save to activate.

Button Types

Each button has a title (the text users see) and an action type:

Web URL Buttons

When a user taps a Web URL button, it opens the link in their browser. InstantDM automatically tracks clicks on these buttons (with link tracking enabled) so you can see how many people tapped each button.

You can also disable tracking for specific buttons if you want to use the raw URL (e.g., for deep links or app URLs).

Postback Buttons

Postback buttons don't open a link — they send a signal back to your automation. In the Flow Editor, postback buttons connect to the next node in your flow, enabling branching conversations.

Example: A card with 3 postback buttons like "Pricing", "Features", "Book a Demo" — each button leads to a different branch of your flow with different content.

Button Card in Post Automation vs. Flow Editor

Examples

Lead Magnet Card

Cover Image: [ebook-cover.jpg]
Title: 📚 Your Free Instagram Growth Guide
Subtitle: 47 pages of proven strategies to grow from 0 to 10K followers.
Button 1: [Web URL] "Download Now" → https://example.com/guide
Button 2: [Web URL] "Book a Strategy Call" → https://calendly.com/you

Product Launch Card

Cover Image: [product-photo.jpg]
Title: ✨ New Collection Just Dropped
Subtitle: Limited edition — only 50 pieces available.
Button 1: [Web URL] "Shop Now" → https://yourstore.com/new
Button 2: [Web URL] "See Lookbook" → https://yourstore.com/lookbook
Button 3: [Postback] "Notify Me for Restocks"

Quiz / Branching Card (Flow Editor)

Title: What are you looking for?
Subtitle: Tap below and I'll send you the right info.
Button 1: [Postback] "💰 Pricing"
Button 2: [Postback] "🎯 Features"
Button 3: [Postback] "📞 Book a Demo"

Best Practices

• Always add a cover image. Cards with images get 2–3x more taps than text-only cards.
• Keep titles under 80 characters. Long titles get truncated on mobile.
• Use action-oriented button text. "Download Now", "Shop Collection", "Get Started" — not "Click Here".
• Limit to 2–3 buttons. Too many choices = decision paralysis. One primary CTA + one secondary works best.
• Use postback buttons for conversations. If you want to continue the conversation in DMs, use postback buttons connected to your flow.

Plan Requirements

Next: Product Template →