Topics Map > Campus Services > Web

Web - Adding a Button

Instructions for adding a Button to a webpage.

Step 1
Log In to the webpage you want to add the button to.

Addingbutton_1

Step 2
Click "New Draft" or "Edit Draft"

Addingbutton_2

Step 3
Click "Rich Text Fields"

Addingbutton_3

Step 4
Adding button
Method 1: Add Through Body

1. Select the text to be the button text
addingbutton_1

2. Click "Link"
addingbutton_2

3. Add the link and click "OK"
addingbutton_3
addingbutton_4

4. Click on "Styles"
addingbutton_10

5. Select the button style you would like
addingbutton_6

Addingbutton_4_5b

OR

Method 2: Add Through Source

1. Click on "Source" in the editor

Addingbutton_method2_step1

2. Paste this code in where you would like the button
<h2><a class="ButtonOrangeP" href="https://www.uwplatt.edu">Button Text</a></h2>
Addingbutton_method2_step2

Addingbutton_method2_step2

3. Click "Source" again

Addingbutton_method2_step3

4. Select and change the text of the button

Addingbutton_method2_step4

5. Right click on the button

Addingbutton_method2_step5

6. Click on "Edit Link"

Addingbutton_method2_step6

7. Change the link to the desired location

Addingbutton_method2_step7

8. Click "OK"

Addingbutton_method2_step8
Step 5
Save Draft Changes

Addingbutton_step5







Keywords:button rich text fields webpage draft   Doc ID:60220
Owner:Bryan M.Group:UW Platteville
Created:2016-01-27 16:19 CDTUpdated:2017-03-09 12:39 CDT
Sites:UW Platteville
Feedback:  0   0