How to add subtext to a button
In this article, you will learn how to add subtext (a secondary line of descriptive text) to any call-to-action button inside your page layouts.
What you will need:
- A SystemeScale account
- A page layout with an active button element
Step 1: Place a button on your page canvas
Before customizing text settings, ensure you have a button dropped into your section row grid.
1
Open your editor canvas
Access your page editor workspace by clicking on the blue Edit page button inside your funnel dashboard steps view.
2
Drag and drop the Button component
Look at the left properties options menu panel list, grab the Button element, and drag it directly onto your active layout design.
Step 2: Add your custom subtext line
Adding subtext directly below your primary heading line is highly effective for setting expectations, calling out specific bonus materials, or adding small secondary call-to-actions.
3
Access the element configuration tray
Click precisely on your button element on the canvas to display its settings panel on the left side menu column.
4
Locate the Typography fields
Scroll down the left configuration sidebar panel until you reach the Typography section, where your font properties reside.
5
Type and style your secondary subtext line
Fine-tune your layout appearance using these specific control field rows:
- Subtext: Enter your text phrase string into the field box to instantly render a secondary line directly below your primary button title heading copy.
- Subtext font size: Use the sizing slider or numeric field selection box to choose an appropriate typography size for your subtext.
- Font type: Choose a font family style from your dropdown choice list to complement your primary text lines.
π‘
Conversion Design Tip
To keep your user interfaces polished, ensure your subtext font size is scaled down smaller than your primary text title line (e.g., if your main text sits at 20px, an ideal size option for button subtext is between 12px and 14px). This creates clean visual harmony.
Configuring link click actions
Once your button copywriting layout is fully complete, learn how to attach actions like opening popup overlays, adding data validation rules, or setting next-step redirects.
Was this article helpful?