How to Add a Link to a Button

Use the Button element when you need one clear call to action that sends visitors to another page, checkout URL, or external site.

Before You Start

Make sure you have:

• A page open in the Page Builder.
• The destination URL ready (internal page or absolute HTTPS link).
• Permission to publish the page after you finish.

Step 1: Add the Button Element

1. Open Pages and click Edit on the target page.
2. Drag Button into the section or container where the CTA should appear.
3. Click the button on the canvas to open the settings drawer.

Place primary CTAs near the offer headline or pricing block. Keep one main job per button.

See Button element (reference).

Step 2: Set the Label and Click Event

1. Write a direct label such as Start now, Get my discount, or Continue.
2. In the click event settings, choose the link / URL action (not modal, clipboard, or checkout-only modes).
3. Paste the destination URL.

Setting	Tip
Label	Short and action-focused — move long explanation into nearby text.
URL	Prefer full HTTPS links for checkout and external sites.
Target	Same tab for in-funnel steps; new tab for external tools when you want visitors to keep the landing page open.

Optional: add an icon before or after the label only when it improves recognition, then set icon size and gap.

Step 3: Style the Button

1. Set alignment, typography, colors, and background (solid or gradient).
2. Style normal and hover states separately so visitors get clear click feedback.
3. Adjust padding, radius, width, and mobile values — full-width buttons often convert better on small screens.

Do not rely on hover alone; touch devices will not show hover cues.

Step 4: Save, Publish, and Test

1. Click Save in the builder.
2. Click Publish.
3. Open the live URL (preferably in an incognito window).
4. Click the button and confirm the correct destination loads.

See Publish a page.

Troubleshooting

Problem	What to try
Button does nothing	Confirm click event is set to link and the URL is non-empty.
Wrong page opens	Check for typos, trailing spaces, or an outdated slug.
Looks good on desktop, broken on mobile	Switch to mobile preview and increase tap target size / width.

Outcome

Your button opens the intended URL when clicked on the published page — ready for traffic and further tracking setup if needed.

Related Docs

• Button element (reference)
• How to track button clicks with a pixel
• How to add a WhatsApp button
• Publish a page

FAQ

What actions can a button run?+

A button can open a link, trigger a modal, show hidden content by ID or class, copy text to the clipboard, or use supported checkout behavior when configured.

Can one button choose between multiple URLs?+

Yes. When random redirect links are configured, Atomicat can send clicks to one of the saved destinations. See the Redirect element for multi-URL CTAs.

Should I use Button or Redirect?+

Use Button for a single destination. Use Redirect (or random redirect links) when you intentionally split clicks across multiple URLs.