¶ Adding buttons and call-to-action links in Sitejet Builder
A button is a deliberate visual signal that says “click here to do this specific thing.” On a UK small-business site the button is usually where a visitor becomes a customer — clicking “Book now”, “Request a quote” or “Call us”. This guide covers adding a button, configuring its appearance and link target, and writing copy that actually converts.
¶ Adding a button
- Open the page in the Sitejet editor.
- Click the Elements icon in the left sidebar.
- Find the Button element.
- Drag it to the location where it should appear. A green line indicates the drop position.
¶ Styling the appearance
Double-click the button to open its settings. You will see two columns of appearance options:
- First column — how the button looks at rest (background, text colour, border, padding, corner radius).
- Second column — how it changes when a visitor hovers over it (colour shift, underline, scale).
For a primary call-to-action button, pick a colour that contrasts with the surrounding page so it draws attention. Secondary buttons can use a lighter tone or just an outline. Consistent styling across the site reinforces the visual pattern — visitors learn quickly that “green button equals action”.
¶ Button text
Double-click the button text in the editor to replace it with your own copy. A font control strip appears for adjusting weight, size and letter spacing on the spot.
Good button copy is short, specific and action-oriented. Favour concrete verbs that tell the reader what will happen:
- “Book a consultation” — clear, specific action
- “Get a quote” — tells the visitor what they receive
- “See prices” — promises information without commitment
- “Call 020 7946 0123” — the action itself is the button text
Avoid vague phrasing like “Submit”, “Click here” or “Learn more” — they tell the visitor nothing about what happens next and measurably reduce click-through rates.
¶ Setting the link
Double-click the button again to open settings, then open the Link tab. You have four options:
- Internal page — link to another page on your site (for example
/servicesor/contact). - Page anchor — jump to a specific section on the current page. Useful for long pages where you want to scroll the visitor to pricing or FAQ.
- External URL — link to an outside resource. Enable Open in new tab so visitors do not leave your site.
- Email or phone — use
mailto:[email protected]ortel:+442079460123. On phones, tapping opens the dialler or mail app directly.
¶ FAQ
How many buttons should a page have?
Usually one primary CTA per page section. Too many buttons compete for attention and none of them get clicked. The exception is a pricing page where each plan has its own CTA.
Are “tel:” buttons worth it?
Yes, especially for trades and emergency services. On mobile, tapping opens the dialler. UK customers searching “emergency electrician Manchester” on a phone want to call, not fill in a form.
Can buttons trigger a form submission?
A button inside a form is automatically the submit button. A button elsewhere on the page cannot submit a form on a different section; you would need a proper form component.
Do buttons affect SEO?
Marginally. Clear button text with relevant keywords is slightly better than generic “Click here”, but the larger SEO wins come from headings, content and metadata.
Can I add an icon to a button?
Yes — in the button settings, add an icon element from the Elements library. Pair with short text (for example arrow + “Next”).
Should I open external links in a new tab?
Usually yes — keeps the visitor anchored on your site. For internal links, same tab is expected behaviour.