Call to action (CTA) banner for websites
Write the invitation and the button. The banner goes at the end of the page or between long sections, so people who are already convinced do not have to look for your contact details.
How to useThe final push before the footer
Call to action (CTA) banner for websites: what it is for
A call to action banner closes the page with a clear invitation, so people who are already convinced do not have to look for your contact details. Write the headline, a short text and up to two buttons, such as WhatsApp and phone.
The background can be a color, a gradient or a photo with an adjustable dark layer so the text stays readable, centered or with the buttons on the side, full width or as a card. The primary button's text color is picked for contrast with the button color. The page gives tips for writing the call to action.
How to use
- Write the headline, text and buttons.
- Choose the background and layout.
- Copy the code to the end of the page.
When to use it
- End of the home page.
- Between sections of a landing page.
- Service pages.
Frequently asked questions
What should the call to action say?
Say the result the person gets and what they need to do, in a few words: 'Your car ready in 1 day. Get a quote on WhatsApp.' On the button, use a verb that describes the action ('Get a quote', 'Book a time') instead of 'Click here'.
Can I have two buttons?
Yes, but make it clear which one is primary: a filled button in the strong color, and the other with only an outline. Two actions with the same weight make people hesitate.
How does the background photo stay readable?
The code adds an adjustable dark layer over the photo, so the white text has enough contrast on any part of the image.
Is it really free?
Yes, 100% free. No sign-up, no subscription and no usage limits. All Tools123 tools are free and run right in your browser.