CTA Inline

cta_inline is a compact CTA for mid-page prompts. It keeps copy and actions in one bordered row on desktop and stacks cleanly on mobile.

When to Use

Use it between larger sections when you want to offer a next step without interrupting the page rhythm.

Usage

{{ cta_inline(
title="Need the full reference?",
action_1_text="Open shortcodes",
action_1_url="/docs/shortcodes/"
) }}

Live Example

Need the full reference?

Every shortcode has a dedicated page with examples.

Parameters

ParameterDescription
containerInner content width for the inline CTA.
eyebrowSmall uppercase label above the title.
titleCTA heading.
descriptionSupporting copy next to the actions.
action_1_textPrimary action label.
action_1_urlPrimary action URL.
action_1_variantPrimary action style: solid, outline, or ghost.
action_1_colorPrimary action color token.
action_2_textOptional secondary action label.
action_2_urlOptional secondary action URL.
bgFull-width section background token.
classAdditional CSS classes on the outer section.