MobilizeAmerica’s custom domain support allows your organization’s MobilizeAmerica pages (including your dashboard) to live on a secure subdomain of a domain that you own (for example, events.campaign.tld).

  • Your custom domain will be used for all sharing links and links in MobilizeAmerica communications to your volunteers
  • Any https://www.mobilize.us/brand links you have shared previously will automatically redirect to the new custom domain.
  • Other organizations, affiliates, and state chapters can still promote your events, and you can promote other organizations’ events to appear on your custom domain.
  • Your volunteers and hosts can log into the custom domain to manage their events or update their volunteer profile
  • Pages on your custom domain are managed and supported by MobilizeAmerica as if they were hosted on mobilize.us, and will be automatically updated with new features and any bug fixes.

Setting up a custom domain also allows you to create a custom theme which can be applied to existing and future volunteer-facing MobilizeAmerica pages, including:

  • Signup or “RSVP” pages
  • Events feed
  • Volunteer host event submission form (if Distributed Organizing is enabled)
  • Volunteer schedules
  • The custom branding includes:
  • Custom primary and secondary fonts, served by a major font provider (Typekit, Cloud Typography, or Google Fonts)
  • Custom favicon delivered on all pages
  • Control over the look and feel of individual style attributes listed below
  • Support and guidance from your dedicated MobilizeAmerica success team on refining the custom theme

Coming soon:

  • Custom color palette for event feed tags and other messages
  • Self-service interface for updating and previewing your theme
  • Additional branding controls and customization capabilities for email and SMS

Theme specification

MobilizeAmerica’s custom design allows you to define the following CSS attributes, which will be applied across your events feed, signup pages, event hosting form, and volunteer schedule. These styles will also be applied to future volunteer interfaces on the MobilizeAmerica platform.

  • Primary Font (applied to event titles and headings)
  • Font family
  • Font weight
  • Text color
  • Text-transform (eg uppercase)
  • Secondary Font (used for body and description text on event detail pages and forms)
  • Font family
  • Font weight
  • Text color
  • Inline links
  • Text color
  • Background
  • Text decoration
  • Hover text color
  • Hover background
  • Hover text decoration
  • Inputs (eg text fields, description fields)
  • Border width
  • Text color
  • Buttons (primary & secondary)
  • Text color
  • Background color
  • Hover text color
  • Hover background color
  • Border color
  • Border width
  • Default border-radius (applies to buttons and inputs)

The full set of definable attributes can be found below:

{

  "primary_title_font": "", // font for titles and headings on feeds and event pages

  "primary_text_color": "", // text color for primary font

  "primary_font_size_scale": 1, // multiplies text scale factor for primary font

  "secondary_body_font": "", // font for all body, supertitle and description text

  "secondary_text_color": "", // text color for secondary font

  "title_text_transform": "", // transforms the titles (e.g. into uppercase)

  "link_color": "", // text for body links

  "link_background": "", // used for custom underline treatment of links

  "link_font_weight": "",

  "link_text_decoration": "", // used for custom underline treatment of links

  "link_hover_color": "", // used for custom hover treatment of links

  "link_hover_text_decoration": "", // used for custom underline treatment of links

  "link_hover_background": "", // used for custom hover treatment of links

  "border_radius": "", // applied to cards, inputs and buttons

  "input_text_color": "", // color of text typed into input fields

  "input_border_color": "", // for custom input styling

  "input_border_width": "", // for custom input styling

  "button_border_width": "",

  "primary_button_text_color": "", // primary buttons,  e.g. 'Act Now', 'Sign Up'

  "primary_button_background_color": "",

  "primary_button_hover_text_color": "",

  "primary_button_hover_background_color": "",

  "primary_button_border_color": "",

  "secondary_button_text_color": "", // secondary buttons,  e.g. 'Schedule Later'

  "secondary_button_background_color": "",

  "secondary_button_hover_text_color": "",

  "secondary_button_hover_background_color": "",

  "secondary_button_border_color": ""

}

Colors (coming soon)

We have defined a few named colors for use in visual cues and messaging within our application. We will soon be able to update these to match your brand palette if you supply a hex value that corresponds to each hue, and which maintains AA-standard contrast as a background to white text:

CORAL: 

PURPLE: 

LEAF: 

TEAL: 

GOLD:

GREEN:

Here is an example of these in use:

Rollout

  •  Brand team to define theme variables listed above (Mobilize can support with this)
  •  Brand team to define font tags for development and production
  •  Whitelist Mobilize domains where necessary: *.mobilize.us, *.mobilizeforcongress.com, *.campaign.com
  •  Mobilize team to import favicon from Brand website
  •  Mobilize creates demo whitelabel theme for Brand
  •  Brand team to confirm desired hostname (eg events.campaign.tld) so that Mobilize team can issue security certificate for new subdomain
  •  Mobilize team to configure whitelabel brand variables on a custom staging domain and make available to Brand team for review
  •  Brand team to review pages on staging environment and provide design feedback

After staging and design sign-off:

  •  Mobilize team provides Brand with a DNS target for the desired hostname
  •  Brand team makes DNS change (new CNAME record) to point events.campaign.tld subdomain at MobilizeAmerica DNS target
  •  Mobilize team schedules a time with Brand team to set new custom domain and theme live
  •  Volunteers are migrated to new whitelabeled domain seamlessly and with autocomplete data preserved; dashboard users must re-log in to the dashboard at events.campaign.tld

Staging Environment

Signup Form

Volunteer Hosting Form

Volunteer schedule

Events feed

Dashboard (staging)

Did this answer your question?