When preparing to set up a microsite, first gather the following necessary assets: 

  • Four-year program curriculums

  • Career-related clubs

  • Internship examples 

  • Popular locations around campus (recommended to have at least 30 locations)

  • List of next steps, which may include documents such as client health documents, housing forms, medical requirements, etc.

  • Fun survey questions

  • Links to social media sites or group pages

  • Video footage

  • Assets: high resolution images, logos and favicons

Step 1: Creating a new microsite

In the Element451 dashboard,  scroll down the ribbon on the lefthand side of the screen to the “Microsites” module. Next, go to “Sites” and then click on the plus sign to create a new site. Then follow the steps listed below to build your personalized site. 

Note: The following items are global and affect the entire site regardless of content type or section.

Site Information:

  • Name the site (Example: Admitted Student Microsite)

  • Create a URL

Choose Theme:

  • Light theme

  • Dark theme

Design - Choose Cards Style:

  • Soft rounded card

  • Hard rounded card

  • Squared card

Design - Choose Button Style:

  • Soft rounded button

  • Hard rounded button

  • Squared button

Now that the site is created, scroll down on the lefthand side and click each tab to further personalize and build the site. We will go through them each individually:

  • General

  • Design & Layout

  • Majors

  • Social Media Accounts



  • Add Google Analytics Tag ID

  • Audiences - use labels to search audiences who will be able to utilize the site

Main CTA:

  • Default main call to action buttons - click the pencil icon to add button text and a link


  • Social media platforms - add links

  • Repeating text at the bottom of each page - often the institution’s address and contact information

Design & Layout

General - Styling Attributes:

Add the following for the institution:

  • Headline Font Family and weight

  • Primary color (Hex #)

  • Secondary color (Hex #)

  • Logos and favicons

These items can be found in the institution’s brand guide

Navigation - Choose the navigation positioning:

  • Above the header

  • Below the header 

  • Bottom of the page

Header - Choose the color, style, and position of header elements:

Choose Logo Bar Color/Style:

  • Transparent

  • Primary Color

  • Transparent Primary Color

Main CTA button shape:

  • Soft rounded

  • Hard rounded

  • Squared

Main CTA button style:

  • Primary color

  • Secondary color

  • Outline (no color inside)

Featured Card - Turn featured card on or off:

  • Off 

  • On (note that Social Feed cannot be "In the header" if Featured Card is "On)

Headline Alignment - Select the Position of Copy Area: 

  • Left

  • Center

Image Overlay:

  • Color (Choice of primary, secondary, or black and level of transparency)

  • Gradient 

  • Pattern

  • None

Social Feed - Choose where the social feed (Twitter) appears:

Show on Dashboard?

  • Yes

  • No

Social Feed Position 

  • In the header (not an option of Featured Card is "On")

  • Below the header

  • Above the footer

  • Displayed as a card


Footer Layout

  • Layout 1 

  • Layout 2

Main CTA Button Style:

  • Primary color

  • Secondary color

  • Outline


Here you can edit, create, and manage the institution’s majors that will populate in sections of the microsite such as the Academic Planner. Click the “Add Major” button to get started. Then, fill in the major name, major ID, and icon that can be associated with the major. Please keep in mind that the major ID should correspond with the Major GUID in Data Sources to link the two together.

Social Media Accounts

Manage social media feeds that appear in areas like the dashboard or social sections. Click “add social media account” and add the username for the institution’s Facebook and Twitter accounts.

Did this answer your question?