Skip to main content
Join Now

Site Guide

Overview

Welcome to your Site Guide. This guide will walk you through how to create and edit content on your site. If you are new to WordPress it may be good to start with their official documentation.

Quick Links:

The Basics

Creating Pages and Posts

Your site comes equipped with two basic types of content, Pages and Posts. Posts will be used for periodic updates or smaller pieces of content (News, Resources, weekly Videos…etc). Pages are larger pieces of content like the About Us page.

To Create a new page you’ll need to login to your site’s WordPress admin area and select Pages > Add New or Posts -> Add New from the sidebar.

Posts have a few unique features from Pages:

Posts come with a Categories and Tags section, these can be added individually on the Post edit screen or managed from Posts -> Categories.

Also, Posts have a Featured Image. The Featured Image is pulled into other pages when the Post snippet is displayed. The Featured Image can be updated from the Document tab of the Post Edit screen. See the official WordPress documentation for more info.

Adding Content Using Blocks

The Pages and Posts of your site allow you to use custom blocks and standard WordPress blocks. These blocks will allow you to create content that automatically incorporates styling and layouts built for your brand. Blocks give you a flexible way to build out content that doesn’t lock you in to one layout.

You can add a block using the “+” icon found on pages and posts. Click into the content area and it will appear next to the cursor.

You can also click the “+” icon in the top toolbar.

Then select the block you would like to add. You can also search for blocks.

Each block has Content and Options tabs. The content tab holds all the fields for populating the block content (images, text, links…etc). The options tab holds modifiers specific to the block. This will include things like Image sizes, background color, number of columns…etc.

Rich Text Editing

On many blocks you will see a toolbar for creating rich text content. Using this toolbar you can modify the text much like in Microsoft Word. The toolbar has options for: Bold, Italic, Left/Center/Right alignment, Tables, Links, Images, and more.

To add an image into the text area select Add Media and choose an image from the media library or upload a new image by selecting the upload tab.

To add a link select the text you would like to link and then select the link icon from the toolbar.

This window allows you to paste in a link url or search for pages/posts on the site to link to.

To modify for more option like whether the link will open in a new tab select Link Options.

Publishing and Creating Drafts

When you are done editing a piece of content you can select Publish/Update in the top right corner to save and go live with your page/post. Alternatively, if you want to continue editing while keeping the content private select Save as Draft or Switch to Draft. Drafts will only be visible as a logged in user.

In WordPress you also have the ability to password protect or set a page as private. This can be found under the Document tab labeled as “Visibility”.

Options

The Options tab on the admin sidebar hosts the site wide options and fields for your site. Here you’ll find options like logos, contact info, social media links, and API keys.

Media

In WordPress all images and files you upload are added to the Media Library. You can access the Media Library by selecting Media from the sidebar. As you upload images to your individual pages and posts they will appear in the Media Library and will be accessible in the future as you add more pages and posts.

Images added to custom blocks will automatically be resized based on the block options. When adding images on Posts or inside a wysiwyg content area you can manually select an image size or click Edit to crop/resize the photo.

The default maximum upload file size for sites is 50MB. Image files larger than this will have to be scaled to be smaller before uploading.

There is a built in image editor for cropping, resizing, and scaling images. To access this select an image and click Edit Image.

To manage menus and add or remove items from the navigation go to Appearance > Menus from the sidebar. This will include menus found in the header, mobile menu, footer, and super nav.

In this section you can select which menu you want to edit and use the drag and drop editor to build out your menu.

See the official WordPress documentation for more info on adding menus.

Events

This site uses The Events Calendar plugin. Please see their documentation for more information on adding events.

To get started select Events from the admin sidebar and start adding events similar to how to you would for pages or posts.

Users

To add or edit a user select Users from the admin sidebar. When adding a user you can either have a link emailed to the user for them to set a password or expand the generated password field to modify the password.

Plugins

Plugins allow you to extend the functionality of WordPress. Some plugins can create security vulnerabilities on your sites so it’s important to properly vet plugins before installing. Check that plugins are well reviewed and have been installed by many users.

Installing too many plugins can sometimes slow down your site. Before installing a plugin consider if it is necessary and worth the potential speed decrease.

Before updating plugins make sure a backup has been created. It’s rare but a plugin update can sometimes cause issues.

Recommendations

Brightly Web Design Tips for the Non-Designer

These design tips will help you confidently keep your site looking clean, modern, and professional.

Design

  •  Consistency is king
    • The overall look and feel of your website should be kept consistent across all of your site’s pages. Your site is customized for you with consistency of color schemes, typefaces, and styles; maintaining that consistency by not changing those settings will keep your site looking professional. 
  • Keep navigation simple
    • Clean and simple navigation is what users want. Before adding more items  to the navigation, please think about the sitemap and use the utmost care in keeping topics organized.
  • Let things breathe
    • Give users plenty of room to breathe with a ‘less is more’ strategy. Don’t overwhelm them with information, graphics, and an array of disoriented visuals. What they want is exact and important information that’s easy to navigate.
  • Use human faces
    • People relate to people, displaying images of people’s emotions or expressions has been proven to convey much more than words ever could on a psychological level.
  • Add variety to module flow
    • Your modules come in different colors and with different alignment options. Do not use too many modules of the same color in a row. And be mindful to toggle your content in your media and text modules left to right. 

Content

  • Use short sentences and keep paragraphs short.
    • Concise content is easier to read. If you bombard visitors with long, complex text, they can’t digest your content. Reduce clutter, keep the mobile experience clean, and put emphasis on your call-to-action all by keeping content brief.
    • Modules are built to hold a certain amount of content—please take care to not overload them. If a module starts to look cluttered, trim your content to fit or choose a module built to accommodate longer content.
  • Make your call-to-action (CTA) clear and obvious
    • CTAs should not be buried. They need to be bold, surrounded by whitespace, and clearly stand out as the action your visitors should take next to engage further.
  • Check your website for typos.
    • Spell check and proof your content to avoid mistakes.
    • Make sure all media content is loading correctly. Check that files load quickly, photos are high-quality and optimized, and there are no broken images or videos.

Typography & Branding

Paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Paragraph Size: 18px

Bold text

Italic text

H1 Heading

H1 Size: 68px

H2 Heading

H2 Size: 48px

H3 Heading

H3 Size: 36px

H4 Heading

H4 Size: 30px

H5 Heading

H5 Size: 26px

H6 Heading

H6 Size: 20px

  • List item
  • List item
  • List item
  • List item
  • List item
  1. List item
  2. List item
  3. List item
  4. List item
  5. List item

Colors

Blue Dark

#085070

Blue Medium

#3D6886

Blue Light

#79CBEF

 

Orange Dark

#D37604

Orange Medium

#F7951E

Gray

#BDBEC0

 

Blocks

Hero

This header module should be used to draw people in with video or photos and leads to a secondary page with additional content.

  • Fields: Image, Heading, Content, Button
  • Options: Visibility

Small business. Big Impact.

Join our force of 27,000 strong and become a part of the premier organization for small business owners in Michigan.

Learn More

Media and Text

This module should be used to present an image, call out important information, provide minor additional details, and optionally lead to another page. 

  • Fields: Image, Heading, Subheading, Content, Button
  • Options: Visibility, Image Position, Image Size, Block Width, Background Color

H2 Headline Text

Basic body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Basic body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sollicitudin interdum tempor.

Learn More

Columns

The multi-column module can be used to compare different ideas; you can also leverage this module as callouts to invite users to drill into information on other pages by clicking on buttons

  • Fields: Heading, Content, Columns: Image, Heading, Content, Button
  • Options: Visibility, Number of Columns Across, Image Type (SVG Icon or Image), Background Color

What type of business do you have?

Whether you just established your first LLC yesterday or you have launched and sold multiple companies, we have specilized information for your unique business needs. Choose the profile that best fits the description of your business and check out the customized content for you.

Startup

Basic body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sollicitudin interdum tempor. Sed vitae facilisis eros…

Read More

Early Growth

Basic body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sollicitudin interdum tempor. Sed vitae facilisis eros…

Read More

Tenured

Basic body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sollicitudin interdum tempor. Sed vitae facilisis eros…

Read More

Well-Established

Basic body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sollicitudin interdum tempor. Sed vitae facilisis eros…

Read More

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Learn More

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Learn More

Excepteur sint occaecat cupidatat non proident

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Learn More

This module is used to lead users to featured content such as blog posts, videos, resources, or events.

  • Fields: Heading, Post Type, Categories
  • Options: Visibility

Call to Action

This module is used to draw attention and guide users to important information about SBAM located on interior pages.

  • Fields: Image, Heading, Subheading, Content
  • Options: Visibility

Who is SBAM?

Basic body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Basic body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sollicitudin interdum tempor.

Learn More

Who is SBAM?

Basic body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Basic body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sollicitudin interdum tempor.

Learn More

Form

This module can be used to display a form within pages.

We Are Happy To Help

Get in touch with our team.

  • * Indicates Required Fields

  • This field is for validation purposes and should be left unchanged.

Table

This module is used to display multiple, distinct types of information side-by-side in a single view.

To modify the number of columns, border, or other table options expand the toolbar and select the table dropdown. Here you can select cell, row, or table options as well as create new tables using the grid selector.

Sample Table Header Sample Table Header Sample Table Header
Sample Table Sample Table Sample Table
Sample Table Sample Table Sample Table

Pricing Table

Tailored Membership

Feature Best Value
VIP
$389/year
Premium
$239/year
Basic
$119/year
Starter
Free
Eye on Lansing Weekly Video Update Opt In Opt In Opt In Opt In
Small Business Advocacy – 4 Registered Lobbyists on Staff
FOCUS Magazine – Digital Edition Opt In Opt In Opt In
Office Supply Discounts at Office Depot
Shipping Discounts FedEx
SBAM Member Directory Listing
Small Business Weekly E-Newsletter
Watchdog Weekly Advocacy E-Newsletter
SBAMOwner-to-Owner Event Attendance
Access to Webinars
Access to Podcasts
Discounted Credit Card Processing
COBRA Admin. – Higher Fee Non-Blues Subscribers
Discounted Section 125, HRA and HSA Administration
National Small Business Association Complimentary Membership
FOCUS Magazine – Print Edition (NM Value $29.99)
Discounted SBAM Meeting Room Space – Subject to Availability
Access to SBAM’s Cybersecurity Risk Assessment Tool
Group Health, Dental & Vision through BCBSM / BCN
Free Summary Plan Descriptions for Groups Enrolled in an SBAM sponsored health plan
Discounted Workers’ Compensation Insurance through Accident Fund
Discounted Group Life & Disability Insurance through Dearborn National
Free On-line Compliance Resources for ERISA & ACA
Discounted SBAM Talent Exchange
Discounted Workplace Posters
Discounted Davenport Tuition
Free HR Hotline
Discounts on Pre-Employment Screening Services
Discounts on Employee Handbook Review and Creation by ASE
Free Legal Assistance provided by Bodman Law
Discounted IT Management Services from NuWave
Discounted ERISA and ACA Compliance Consulting Services by Kushner & Co.
One Free SBAM Talent Exchange Posting (Job Board)
Discounted Crain’s Detroit Business Printed Subscription at discounted $20 Rate
Select American Society of Employers Educational Program Discounts
Talent Training Tools by Dale Carnegie
WeWork Office Space Discounts
Discounted Advertising Rates for SBAM Publications (magazine, web, newsletters)
SBAM Concierge Service for Legal & HR Questions
Free Workplace Poster
Discounted $150 Summary Plan Description for Groups not enrolled in an SBAM sponsored Blue plan
Complimentary Crain’s Detroit Business – Print or Electronic
One Free SBAM Meeting Room Rental – Subject to Availability
SBAM VIP Legislative Event
Free VIP Ticket to SBAM Annual Meeting, Red Carpet, Velvet Rope, VIP Insider Access
Advertorial Package – interview, air & record; materials provided for your use on social media, websites, etc.

Text

Lorem ipsum dolor sit amet, consectetur adipiscing

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Separator


Spacer

100px tall by default. Adjustable in block settings.

Video

Image

Full size: 2000px, any

SEO

This site uses The SEO Framework plugin to create meta tags, titles, social media sharing images…etc

SEO settings can be found at the bottom of each Page/Post edit screen. To properly optimize your site for search engines we recommend:

  • Add a meta description for each piece of content (Pages, posts…etc)
  • Add alternative text for all images. This can be found under Media -> Select an Image -> Alternative Text
  • Add a social share image under SEO -> Social -> Social Image on the Page edit screen

Sitemap

You can access the automatically generated sitemap here

Forms

This site uses Gravity Forms to manage forms

Post Types

Post types allow you to create individual content pieces that can be pulled into different areas of the site like Archive pages, Featured Content Blocks, and Single post pages.

Each post type has a menu item “Archive Page” (e.g. Posts->Archive Page), which will allow you to update content on the Archive page for that post type.

Impexium Integration

This site has a built in Impexium Single Sign On. This allows us to restrict content based on Impexium Membership Levels. Each custom content block has a field for Visibility under the Options tab. Select the roles you would like this block to be visible to, select none for visible to all.