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

If you have questions, please contact the Web Development office at 608.342.1444 or web@uwplatt.edu.  






Keywords:button rich text fields webpage draft   Doc ID:60220
Owner:Tiffany N.Group:UW Platteville
Created:2016-01-27 15:19 CSTUpdated:2016-05-10 13:15 CST
Sites:UW Platteville
Feedback:  0   0