Indify Help Center
    Sign Up

    Home

    What's New

    Start here

    How To Customize Your Widget

    Widget Guides

    Common Guides

    Embed Guides

    Notion and Indify

    Plans & Pricing

    Special Initiatives

    Learn More

    Indify Help Center
    Indify Help Center
    /
    Widget Guides
    /Button Widget
    Button Widget
    Button Widget

    Button Widget

    The Button widget gives you a simple way to point people in the right direction. Whether it’s a social media link, a professional resource, a phone call or email shortcut, or something you want to highlight, you can customize the look and label to make it fit seamlessly into your space. The Button Widget gives you a consistent, accessible target that looks great across dashboards including flexible styles and labels, it adds both function and personality to launch a form, open a brief, jump to a board, or start a meeting in one click.
    skip_custom_css

    How to Set Up the Button Widget

    Step 1: Create the Widget

    1. Go to Indify.co and sign in.
    2. Select Create New Widget.
    3. Choose Button from the widget library.

    ⚙️ Configure What Matters

    Buttons

    Manage your buttons. You drag to reorder them, and you can also click the three-dot menu on each button to duplicate, delete, or copy the style to other buttons.

    Icon + Text - Choose any emoji or select from popular social icons like Instagram, Facebook, and LinkedIn. Add a custom label to describe the action.

    Action - Open a URL (web pages, Notion pages, mailto:, meeting links, app deep links when supported)

    Colors - Select from a list of template colors to quickly style your button

    Advanced Colors - Fine-tune your button's appearance with granular control:

    • Background color - Set the button's fill color
    • Background opacity - Adjust transparency of the background
    • Outline color - Choose the border color
    • Text color - Define the label text color
    • Hover highlight - Set the background color when hovering
    • Hover text color - Define the text color when hovering

    Step 2: Customize the Widget

    • Add a Button Label and Icon, and URL. Enter the address where you want people to be redirected when they click the button.
    • You can also rearrange the button order by clicking and dragging the section header.

    Learn More About Indify’s Features

    Light and Dark Mode
    🌗
    Light and Dark Mode
    Color Settings
    🎨
    Color Settings
    Transparent Background
    Transparent Background
    Widget Hover Menu
    Widget Hover Menu

    🎨 Personalize Your Aesthetic

    Font family

    Choose the typeface that will be applied to all button labels. Select from Default, Serif and Mono.

    Size

    Adjust the height and width of your buttons to make them more or less prominent on your page. Options include Small, Medium, and Large.

    Corner rounding

    Set corner roundness from sharp to fully rounded to match your workspace style.

    Button layout

    Choose from three layout options:

    • Horizontal: Buttons in a row, ideal for command bars.
    • Vertical: Buttons stacked in a column, great for side panels.
    • Full width: Buttons stretch across the container for maximum visibility.

    Button alignment

    For horizontal layouts, choose how your buttons should be spaced out from each other.

    ☑️

    Note: Layouts other than horizontal do not have a customizable alignment setting

    Color Settings

    Update text colors & background colors to keep your aesthetics consistent in different environments.

    Light and Dark Mode

    Sync your widget’s appearance seamlessly with your platform’s environment, by selecting light mode, dark mode, use system setting, or do nothing.

    Step 3: Paste Your Embed

    1. Copy the widget’s embed link from Indify.
    2. Open your Notion workspace.
    3. Type “/embed” and paste the link into your desired page.
    4. Resize and position the widget as needed.
    💡

    View our Indify Help Center Indify Help Center to learn how to embed into various platforms like Notion, Canva, Google Sites and more.

    ✨ Use Cases Where the Button Widget Shines

    1) Command Bar in Dashboards

    Pin “Create Task,” “Log Bug,” “Open Roadmap,” “Submit PTO” as a tight row of buttons above your task database.

    2) Social Buttons for Presentations & Business Cards

    Add a clean row of "LinkedIn," "Instagram," "Email," "Portfolio" buttons to Canva presentations, virtual business cards, or personal Notion profiles for instant professional contact.

    3) Student & Personal Pages

    Quick access to class portals, syllabi, forms, calendars, or study timers.

    4) Learning Paths & Resource Libraries

    Organize training with "Start Course," "Download Guide," "Join Slack," "Submit Assignment"—a step-by-step experience that feels curated.

    5) Multi-Tool Dashboards

    Connect your stack: "Open Figma," "Check Analytics," "Launch Slack," "View GitHub"—all from one centralized surface. Less app-switching, more flow.

    Get Even More From Your Workflows

    Creator Plan Upgrade 🎨

    💡

    By upgrading to the Creator Plan, you’ll unlock the ability to create Unlimited Widgets, select one Pro Widget to upgrade, and Organize Unlimited Dashboards.

    Plans & PricingPlans & Pricing

    image
    The Indify Button Widget is a fast, elegant way to add high-signal actions to your pages. With clear labels, restrained styling, and consistent placement, it functions like a control surface for your workspace, getting teammates to the right place, right now. Create once, embed anywhere, and keep your pages timeless and calm.

    Troubleshooting the Button Widget

    Widget not loading where it’s embedded
    ❓
    Widget not loading where it’s embedded
    How to enable storage for local dark mode
    ❓
    How to enable storage for local dark mode

    FAQs

    Q: Is the Button Widget free?

    Yes. The Button Widget is free; but certain features like having a transparent background require upgrading to the Creator Plan.

    Q: Can a button open a Notion page?

    Yes! To link to an internal Notion page, use a notion:// URL (e.g., notion://www.notion.so/...) so the button opens directly in the Notion app. A regular https:// Notion link will also work, but it opens in the browser instead.

    Q: Can I make multiple buttons side-by-side?

    Yes! The Button Widget is the only Indify widget that lets you add multiple instances in a single embed, so you can build a full command bar or action strip without creating separate widgets.

    Q: Can a button open an email draft or meeting link?

    Yes! Add mailto: before an email address to create a quick link that opens an email draft, or paste a meeting URL to jump directly into Teams, Zoom, or Google Meet.

    Q: Can a button open a phone dialer?

    Yes! Use a tel: URL (e.g., tel:+1234567890) to create a button that opens your device's phone dialer with the number pre-filled, making it easy to call directly from your Notion page.

    Q: Do I need to re-embed after edits?

    No, edit in Indify and the changes reflect in your existing Notion embed on page / widget refresh.

    Other Widget Guides

    Gallery Widget
    Gallery Widget
    Upgrade Available ✨
    Outlook Calendar Widget
    Outlook Calendar Widget
    Upgrade Available ✨
    Weather Widget
    Weather Widget
    Upgrade Available ✨
    Google Calendar Widget
    Google Calendar Widget
    Upgrade Available ✨
    Clock Widget
    Clock Widget
    Counter Widget
    Counter Widget
    Quotes Widget
    Quotes Widget
    Life Progress Bar Widget
    Life Progress Bar Widget
    Countdown Widget
    Countdown Widget
    icon

    Search more ways to discover how our organic community is using this tool with these keywords

    notion button widget, indify button widget, button embed for notion, notion call to action button, open link from notion button, cta button for notion, launch form from notion, notion external link button, notion meeting link button, notion mailto button, add button to notion page, minimal button widget notion, notion dashboard buttons, clickable button in notion, free notion button widget, notion button block alternative, embed button in notion, notion url button, notion action button, notion button strip, customizable button for notion, notion command bar buttons, button widget for notion dashboard, notion quick access buttons, notion navigation buttons, horizontal button layout notion, vertical button layout notion, notion button with icon, styled buttons in notion, notion workspace buttons, team dashboard buttons notion, client hub buttons notion, canva button widget, framer button widget, google sites button widget, coda button widget, obsidian button widget, button embed for canva, button embed for framer, button embed for google sites, button embed for coda, button embed for obsidian

    On this page

    • How to Set Up the Button Widget
    • Step 1: Create the Widget
    • ⚙️ Configure What Matters
    • Buttons
    • Step 2: Customize the Widget
    • 🎨 Personalize Your Aesthetic
    • Font family
    • Size
    • Corner rounding
    • Button layout
    • Button alignment
    • Color Settings
    • Light and Dark Mode
    • Step 3: Paste Your Embed
    • ✨ Use Cases Where the Button Widget Shines
    • 1) Command Bar in Dashboards
    • 2) Social Buttons for Presentations & Business Cards
    • 3) Student & Personal Pages
    • 4) Learning Paths & Resource Libraries
    • 5) Multi-Tool Dashboards
    • Get Even More From Your Workflows
    • Creator Plan Upgrade 🎨
    • Troubleshooting the Button Widget
    • FAQs
    • Other Widget Guides
    • Search more ways to discover how our organic community is using this tool with these keywords