/
Website - Adding Content and Images

Website - Adding Content and Images

Overview

The Editor is the main editing tool used anywhere content and imagery is placed throughout the website.

Please Note: The New Clubessential Email Editor is available as of 9/16/19. Please refer to Clubessential Email Editor for a detailed User Guide.

Required Permissions

  • Admin

  • Editor

Adding Content

Inserting Content

  1.  Content can be added by directly typing into the editor, or by copying from an outside source and pasting into the editor. If copying from another source, please use the Paste as Plain Text function as detailed below.

  2.  Copy content from another source like Word by highlighting the text and using CONTROL + C to Copy.

  3. Once the content is in the editor, highlight the text and apply various Style Tags as needed.

    1. Heading 1: typically used for Page Titles

    2. Heading 2-6: used for various sub-headings

    3. Normal: used main body text

Adding Images 

  1. Images must first be uploaded to the Image Explorer before they can be used on the website. Access the Image Explorer from the Quick Tab Toolbar or from the Menu Bar under Insert > Image.   

  2. Choose the Folder in which your image is located.

  3. Double click on the Image Name to Insert onto page.

Styling Images

  1. Add styling Images such as wrap text and padding.

  2. Right click on the Image > Image Properties

  3. Choose Text Alignment to have content wrap around the image.

  4. Add Padding to create space between the image and content. Common Padding Sizes: 5px, 10px, 15px, 20px.

Save/Publish Content

When finished editing, click Save to publish changes and exit the Editor.

Best Practices

  1. When copying content from an outside source, always use the Paste as Plain Text function to strip outside formatting. This will ensure that the proper pre-defined font options are applied to the content.

  2. Using additional font options is not recommended as it is best to streamline content font. It is best to only use the Style Tags option.

  3. Resize and Crop Images prior to using imagery on the website to ensure the proper dimensions rather than resizing on the page.

  4. Remember to Save after edits are made or edits may be lost. Once Saved, the changes will publish live.

FAQs

  1. I copied content into the editor, but the font does not match the styling of the website font. A: Be sure to use the Paste as Plain Text function when copying font from an outside source. Copying from another source will copy over the font styling from the outside source. Once you use the Paste as Plain Text, you can then use the Style Tags to apply the appropriate font designated for the site design.

  2. What is the best way to format a list of names or contact information on a page? An easy way to style names or contact information using multiple columns is by using tables. This way, the information can line up properly by applying styling to cells, rows, or columns.

  3. I need to add an image to my page, how do I add it?A: First, the image must be added to the Image Explorer. After the image in in the Image Explorer, you can then use the Insert > Image function in the editor which will access your library database from the Image Explorer.

  4. I added new content to a page but it doesn’t look like my other content, why? If you copied content from another source, it isn’t going to look the rest of the content on the page. When you copy from an outside source, that content will carry over styling that does not match the styling for your website. When copying from another website or even a Word Doc, be sure to use the Paste as Plain Text feature before pasting into the editor. Once you paste into the editor using Paste as Plain Text, the content will then have the proper styling and you can apply various heading stylings to the content with an issue. To correct this, you may need to go into the HTML tab to remove any span tags OR try removing the content you added, save and close out. Try pasting the content in again but use the Paste as Plain Text function first.  One disclaimer: In the event your website has a CSS page that is controlling styling, you will not be able to overwrite this with the editor.  CSS styling pages trump edits made in an Editor window.  If in doubt, contact your support team.