The CSS Styled Link CTA (Call-to-Action) widget creates a visually styled button-like link that draws attention and encourages users to take action. Unlike a plain text link, it uses custom CSS styles for emphasis and consistency with your site’s branding.
When to Use
To highlight important actions like “Sign Up,” “Contact Us,” or “Download”
For navigational links that need to stand out on a page
As a lightweight alternative to a full button component
How to Add and Apply to a Page
To add this widget to your page, follow the steps in the Manual Guide or watch the Slider Tutorial. Both cover how to insert, configure, and publish widgets so you can get them live on your site quickly.
Slider Tutorial
Manual Tutorial
Step 1: Create the CSS Styled CTA Link Item
Go to your Website Channel and select Content Hub.
Click Add New Content Item.
Enter an internal page title, then choose the CSS Styled CTA Link type.
Add the link text (e.g., Get Started, Learn More).
Enter the URL or destination for the link.
Choose the CTA style (Primary, Secondary, Ghost, or Custom).
Click Save and Publish.
Purpose: With your CTA link saved in the Content Hub, it can be reused across multiple pages while keeping styling consistent.
Step 2: Apply the CTA Link to a Page
Navigate to the Website Channel, then choose the website you want to edit.
Select the specific page where you want to place the CTA.
Open the Page Builder, then click Edit Page.
Click the “+” Add Widget and select CTA Link Widget.
Use the gear (settings) icon to open widget settings.
Choose Select Existing Content Item.
Pick the CSS Styled CTA Link you created earlier.
Save and publish the page.
Tip: Keep CTA text short and action-oriented (e.g., Download Now, Join Today) for stronger engagement.
