Using the WYSIWYG editor

1. Select some text
2. Click the Link button in the toolbar
3. Type or paste a link (if it's a link to a page or file on the same website, use a relative URL)
4. Click save
5. Optional: with the text still selected, click on the Styles dropdown in the toolbar and select a button color

1. Position the text cursor where you want to add the image in the WYSIWYG text area.
2. Click on the image button in the toolbar
3. You can upload a new image or select a previously uploaded image by clicking on the library tab
4. After selecting the image, you can configure how it is displayed by changing its size via the image style dropdown, align it left/right, or add a caption.
5. To change the configuration on the image later, right click on it in the text area and click edit.

There are two ways to link to a file. Option 1 is easier, but uses the file name for display. Option 2 is flexible and can be formatted into a button or other style.

Option 1: Embed via WYSIWYG

1. Position the text cursor where you want to add the file in the WYSIWYG text area.
2. Click on the file icon in the toolbar
3. Upload a new file or select a previously uploaded file from the Browse site files tab.

Option 2: Use a file link

1. Go to Shortcuts > Add media/file in the admin menu (open in a new tab/window if you don't want to navigate away from your current page)
2. Select File, upload your file and give it a name.
3. Before you save the file (you can always come back to this page as well), copy the file path
   
4. In the WYSIWYG editor, select some text and click the link button
5. Paste the url selected in step 3
6. Click save