Skip to main content

How to Add Clickable Buttons

Clickable buttons in Storydoc let you direct your readers to a website, another slide, an email address, or any link

Jack avatar
Written by Jack
Updated over a week ago

Steps to Add a Clickable Button

1. Add the Button Element

  • In the editor, find the Add Element panel on the right side.

  • Select Button from the list.

2. Choose Button Layout and Design

  • In the button settings, choose One or Two buttons.

  • If you select Two, you can customize each one separately.

  • Choose your button design (style and appearance). You can change this later at any time.

3. Customize the Button Text

  • Click on each button to edit its label (e.g., Learn More, Contact Us, Download PDF).

4. Add a Link to the Button

  • Select a button and click Link in the toolbar.

  • Choose one of the available link types:

    • URL – direct users to an external website.
      ​Example: www.storydoc.com

    • Email (mailto:) – open the viewer’s default email client with your address pre-filled.
      ​Example: mailto:[email protected] opens an email draft addressed to [email protected].
      ​Limitation: This method relies on the viewer having a default email program (such as Outlook or Apple Mail) set up on their device. If no email client is configured, the link will not work.

    • Anchor – jump to a specific section of your Storydoc.

    • File link – link to downloadable resources.
      ​Example: Link to a PDF brochure stored on Google Drive or Dropbox.
      ​Limitation: The file must be publicly accessible (or at least shared with the viewer) and hosted on a server or cloud storage. Files behind a login or with restricted permissions will not open for your audience.

5. Optional: Open in Popup

  • Toggle Open in popup on or off.

  • If your link is not opening, disable this option. Some sites block embedded pop-ups, so opening in a new tab ensures the link works reliably.

6. Adjust Design Settings

  • Use the design controls to change button color, size, and alignment so it matches your brand.

7. Position and Layout (Advanced)

  • Layout – Choose between One or Two buttons.

  • Orientation – Arrange buttons vertically (↓) or horizontally (→).

  • Size – Choose Fixed width or Hug contents.

Tips

  • Keep button text short and action-oriented (e.g., Book a Demo, Get Started).

  • Test your buttons in Preview mode to ensure they work as intended.

Did this answer your question?