Buttons
Buttons are available features to add in the 'Body' field on the 'Basic Page' editing window. Buttons are an optional way to stylize links that are not provided within written content.
Please Note: You must be logged in to the State of Vermont website that you are editing to follow the instructions below.
Add a Button to Basic Page Content
- Content
Select 'Content' on the top navigation.
- Title
Enter the page 'Title' in the search field to locate the page you would like to edit.
- Edit
Once the page you would like to edit appears in the list, select 'Edit' on the right side of the listing.
- Body
In the 'Body' field, enter the text that you would like to turn into a button.
- Select
Select the text you entered.
- Link
Select the 'Link' tool.
- Link Type
Determine the 'Link Type'. There are four different types of Hyperlinks: URL, Link to anchor in the text, E-mail, and phone.
- Link Details
Depending upon the link type selected, enter the destination URL, anchor name, e-mail address, or phone number.
- Ok
Select 'Ok'.
- Styles
With the link text still selected, in the 'Styles' dropdown, select the 'Button' style.
- Save
Select 'Save'.
- View
Confirm that the button appears and functions as intended.
Create a Button Anchor Link
- Content
Select 'Content' on the top navigation.
- Title
Enter the page 'Title' in the search field to locate the page you would like to edit.
- Edit
Once the page you would like to edit appears in the list, select 'Edit' on the right side of the listing.
- Body
In the 'Body' field, enter the text that you would like to turn into a button.
- Select Button Text
Select the button text you entered.
- Styles
In the 'Styles' dropdown, select the 'Button' style.
- Body
In the 'Body' field, select or enter the text that you would like the button to link to when clicked.
- Anchor
Select the 'Achor' tool.
- Anchor Name
Enter a unique 'Achor Name'.
- Ok
Select 'Ok'.
- Select Button Text
Re-select the button text.
- Link
Select the 'Link' tool.
- Link Type
Set the 'Link Type' to 'Link to anchor in the text'.
- By Anchor Name
Select the 'Achor Name' that you previously created.
- Ok
Select 'Ok'.
- Save
Select 'Save' on the page that you added the link.
- View
View the page to confirm that the 'Link to an anchor in the text' appears and functions as intended.
Example Buttons
Below are examples of two Buttons: a link to a Basic Page and an Anchor Link to content on the current page.
Button to Basic Page Content: Visit the Chief Marketing Office homepage to learn more about our services.
Button Anchor Link: Learn how to Add a Button to Basic Page Content above.