How do I add Content Blocks to my website?

How do I add Content Blocks to my website?


Summary/Goals: Content cards are three-columned content blocks consisting of images, text, and buttons that when combined help your residents to find relevant information on your website quickly.  They not only enhance the user experience for your residents but they also look great on your website.

Steps:
  1. Click on the specific page where you would like to add your content cards to.
  2. You will need to be in admin mode in order to edit content cards on your website.  Navigate to the Admin Control panel on the left-hand side of your screen and click on "Admin Mode".
  3. Click on the blue "+" sign to add content to the column.  
  4. Click on "Content (Freeform HTML)".

     
  5. In the text editor that launches on your screen, click on the "Templates" icon as highlighted in the blue box below:

     
  6. Select either the "Content Cards - Row of 3" or "Content Cards - Row of 6":

     
  7. Next, you will edit the content.  To add an image, right click on the image box and click on "Image Properties".

     
  8. You can select an image that already exists on a website or add an image from your computer.  To add an image that is located on your computer hard-drive, click "Browse Server" and then upload the image.  Once done, click "Ok".
  9. After you have added your images, you can add headings, paragraphs, and text in the button by replacing the default text with your information.  Once complete, click on the "Save" button.  



     
Here's a sample of what your content cards might look in its completed form (1-row example):



Conclusion:
Content cards enhance the look and user experience of your website by providing relevant information, graphics, and a button/call to action to direct your resident to another page on your website.  When deciding which content card layout to use, plan out the specific content and pages you want your residents to be directed to.  Furthermore, you can make your buttons or calls-to-action (CTA), actionable.  Some examples of CTA text include "Resident Login", "View & Book Amenities", "Meet the Team", or "Learn More".