Skip to lesson content

Add buttons and links

Last updated: September 8, 2026 · 1 min read

Create a button for a link, PDF, product request, or form.

A button label should explain its action. Choosing a visual style does not configure its destination.

Follow these steps

  1. 1

    Insert the button

    EditorElements > Basic

    Click a button preset and position it on the page. In Properties > Content, enter an action label such as “Open technical sheet.”

  2. 2

    Assign a link or PDF

    PropertiesAction

    For the Standard type, enter the destination in Link or select a PDF file. When both are assigned, the PDF takes precedence. Remove the file assignment if you want the link to be used.

  3. 3

    Choose product or form actions

    PropertiesAction

    Choose the product action type and configure the relevant product for a product request. For Form, configure the title, description, and fields. Selecting a cart or form icon alone does not change the action type.

  4. 4

    Style the button

    PropertiesStyle

    Set typography, text color, fill, button size, and radius. Bind the label to a paragraph style if needed; clear overrides or detach the style for local control. Choose the icon separately.

  5. 5

    Verify the action

    EditorPreview

    Click the button in preview and verify the address, PDF, product, or form. Resolve accessible-authoring warnings about labels and actions. Also check keyboard access.

Check your result

Check the result in preview, then verify the reader experience in the published version.