> For the complete documentation index, see [llms.txt](https://help.gordonbyte.com/themes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.gordonbyte.com/themes/overview/announcement-bar/action-button.md).

# Action Button

The Action Button is the call-to-action button in the right column of the Announcement Bar.

## How to enable/edit? <a href="#id-1576393816-wiwigq" id="id-1576393816-wiwigq"></a>

First, open **Page Builder** [*(how to launch Page Builder?)*](/themes/halo-one-theme.md#page-builder)

1. Open the **Announcement Bar** tab.
2. Find the **Action Button** settings. There are three fields: **Button text**, **Button link** and **Button font**.
3. Type the button text in the **Button text** field.
4. Enter the page the button should open in the **Button link** field.
5. Click **Save**.

To hide the button, leave the **Button text** field empty.

{% hint style="warning" %}
Keep the **Button link** to 64 characters or fewer. Longer entries may cause errors when saving.
{% endhint %}

## How to set the Google Font?

{% hint style="info" %}
Visit [fonts.google.com](https://fonts.google.com/) to see the available fonts.
{% endhint %}

Enter the font in the **Button font** field using this format (example: **Google\_Audiowide\_400**):

1. Start with "**Google**".
2. Add the "**\_**" symbol.
3. Add the font name, such as "**Audiowide**".
4. Add another "**\_**" symbol.
5. End with the font weight, from 100 to 900 *(check Google Fonts for the weights each font offers)*.

{% hint style="warning" %}
If the font name has more than one word, join the words with the "**+**" symbol. For example, "**Roboto Condensed**" becomes "**Roboto+Condensed**".
{% endhint %}