Customizing the Call to Action (CTA) buttons on your UENI website's header is key to boosting engagement and conversions. These buttons are among the first things visitors see, so making them attractive and aligned with your brand can significantly impact user actions. In this guide, we’ll show you how to easily customize your CTA buttons to create a more compelling and effective user experience.
Step 1: Access the UENI Editor
- From your UENI Hub, click on the Edit Website tab in the upper menu.
Step 2: Go to the Header section
- Access the "Sections" menu and, from there, access your site's Header.
Step 3: Edit your CTA buttons
- Click on the "Buttons" menu to access all the customization options
In the Button menu, you'll find all the necessary tools to personalize your CTAs
Choosing Your Header Buttons
Start by deciding which buttons you want to display on your website's Header. You can choose from the following options:
- Message Button: Triggers your website's Contact Form, allowing visitors to send direct messages.
- Book Button: Activates the booking tool, letting users schedule appointments for your services (available only for sites offering bookable services).
- Custom Action Buttons: You get two customizable Action buttons—one for the Header and one for the navigation menu.
Message and Book buttons:
The two default buttons are the Message and Book buttons. The message button will activate your website's Contact Form, allowing users to send you direct messages. The Book button will activate the booking tool which will let the user request an appointment for their choice of bookable service.
For both buttons, you can choose the label and, by selecting "Customize", access the Options menu.
Within the Customize menu, you can choose the button layout: whether you prefer to display the label, an icon, or both. You can also choose the icon from our icon library and select its color and size.
Finally, the last three options allow you to add a border to the button, modify the text size, and edit the background color of the button.
Action Buttons:
Both action buttons (for the Menu and the Header) have the same functions.
You can add a label, select the response (link to an external URL, link to a page within your site, call your chosen phone number, send a WhatsApp message, and link to a specific product or service) as well as the same customization options listed before.
Additional Options:
Below the action buttons, you'll find the option to select your Primary CTAs and arrange the buttons in whichever order you prefer, as well as toggle your Social Media share buttons.
Last but not least, you can select the alignment of your CTAs within the Header and customize the shape.
Once everything looks perfect, don’t forget to save your changes!